198 lines
4.4 KiB
CSS
198 lines
4.4 KiB
CSS
/*
|
|
BusMgr Portal - Colours stylesheet.
|
|
*/
|
|
|
|
:root
|
|
{
|
|
--color-primary: #4b0082;
|
|
--color-light: #9b71b9;
|
|
--color-pale: #ebe2f1;
|
|
--color-OldGold: #d4af37;
|
|
--color-MintGreen: #98fb98;
|
|
--color-LimeGreen: #32cd32;
|
|
--color-SeaGreen: #2e8b57;
|
|
--color-KellyGreen: #4cbb17;
|
|
--color-OliveGreen: #808000;
|
|
--color-ForestGreen: #228b22;
|
|
--color-CornflowerBlue: #6495ed;
|
|
--color-RoyalBlue: #4169e1;
|
|
--color-NavyBlue: #000080;
|
|
--color-DarkBlue: #00008B;
|
|
--color-Indigo: #4b0082;
|
|
--color-Iris: #5d3fd3;
|
|
--color-Burgundy: #800020;
|
|
--color-BrightPurple: #bf40bf;
|
|
--color-DarkPink: #aa336a;
|
|
/* Pastels */
|
|
--color-Pastel-DarkYellow: #ffd400;
|
|
--color-Pastel-MidYellow: #ffea61;
|
|
--color-Pastel-LightYellow: #ffffb7;
|
|
--color-Pastel-DarkOrange: #ff9e4e;
|
|
--color-Pastel-MidOrange: #ffb577;
|
|
--color-Pastel-LightOrange: #ffd9aa;
|
|
--color-Pastel-DarkDeepOrange: #d65d26;
|
|
--color-Pastel-MidDeepOrange: #e07c4f;
|
|
--color-Pastel-LightDeepOrange: #e89c7b;
|
|
--color-Pastel-DarkPink: #ffd6f3;
|
|
--color-Pastel-MidPink: #ffdef5;
|
|
--color-Pastel-LightPink: #ffe6f7;
|
|
--color-Pastel-DarkRedPink: #ffb0b0;
|
|
--color-Pastel-MidRedPink: #ffd8d8;
|
|
--color-Pastel-LightRedPink: #ffeaea;
|
|
--color-Pastel-DarkStrawberry: #ff9c9c;
|
|
--color-Pastel-MidStrawberry: #ffcccc;
|
|
--color-Pastel-LightStrawberry: #fff0f0;
|
|
--color-Pastel-DarkRed: #ee6969;
|
|
--color-Pastel-MidRed: #fdaaaa;
|
|
--color-Pastel-LightRed: #fde0e0;
|
|
--color-Pastel-DarkBrown: #ccb79c;
|
|
--color-Pastel-MidBrown: #cebaa0;
|
|
--color-Pastel-LightBrown: #dfc7a7;
|
|
--color-Pastel-DarkGreen: #b8d8be;
|
|
--color-Pastel-MidGreen: #d2e7d6;
|
|
--color-Pastel-LightGreen: #e8f4ea;
|
|
--color-Pastel-DarkOliveGreen: #8eb15c;
|
|
--color-Pastel-MidOliveGreen: #b1cf86;
|
|
--color-Pastel-LightOliveGreen: #d2e6b5;
|
|
--color-Pastel-DarkMintOmbre: #aafbdc;
|
|
--color-Pastel-MidMintOmbre: #cffff2;
|
|
--color-Pastel-LightMintOmbre: #e6fff8;
|
|
--color-Pastel-DarkMintParty: #abd2b6;
|
|
--color-Pastel-MidMintParty: #c9e7d2;
|
|
--color-Pastel-LightMintParty: #dcf0e2;
|
|
--color-Pastel-DarkMintBlue: #b1d3c8;
|
|
--color-Pastel-MidMintBlue: #ace2d3;
|
|
--color-Pastel-LightMintBlue: #b1efe0;
|
|
--color-Pastel-DarkMintBlue: #6984a3;
|
|
--color-Pastel-MidMintBlue: #8aa4c5;
|
|
--color-Pastel-LightMintBlue: #abc4e7;
|
|
--color-Pastel-DarkPaleBlue: #92dff3;
|
|
--color-Pastel-MidPaleBlue: #b7e9f6;
|
|
--color-Pastel-LightPaleBlue: #dbf3fa;
|
|
--color-Pastel-DarkBlue: #d6deff;
|
|
--color-Pastel-MidBlue: #dee4ff;
|
|
--color-Pastel-LightBlue: #e6ebff;
|
|
--color-Pastel-DarkBlueOwo: #72d3fe;
|
|
--color-Pastel-MidBlueOwo: #98ddfc;
|
|
--color-Pastel-LightBlueOwo: #bbeaff;
|
|
--color-Pastel-DarkPurple: #e0d6ff;
|
|
--color-Pastel-MidPurple: #e6deff;
|
|
--color-Pastel-LightPurple: #ece6ff;
|
|
--color-Pastel-DarkDeepPurple: #ada2ff;
|
|
--color-Pastel-MidDeepPurple: #b7adff;
|
|
--color-Pastel-LightDeepPurple: #c5bef9;
|
|
}
|
|
|
|
/* Data panel */
|
|
|
|
:root
|
|
{
|
|
--color-panel-data: var(--color-Pastel-MidMintBlue);
|
|
}
|
|
|
|
.Contacts .sbm-panel-data
|
|
{
|
|
--color-panel-data: var(--color-KellyGreen);
|
|
}
|
|
|
|
.Addresses .sbm-panel-data
|
|
{
|
|
--color-panel-data: var(--color-OliveGreen);
|
|
}
|
|
|
|
.Associations .sbm-panel-data
|
|
{
|
|
--color-panel-data: var(--color-ForestGreen);
|
|
}
|
|
|
|
.Commodities .sbm-panel-data
|
|
{
|
|
--color-panel-data: var(--color-Burgundy);
|
|
}
|
|
|
|
.AssetCategories .sbm-panel-data, .Assets .sbm-panel-data
|
|
{
|
|
--color-panel-data: var(--color-BrightPurple);
|
|
}
|
|
|
|
.VehicleClasses .sbm-panel-data, .Vehicles .sbm-panel-data
|
|
{
|
|
--color-panel-data: var(--color-Iris);
|
|
}
|
|
|
|
.Transactions .sbm-panel-data
|
|
{
|
|
--color-panel-data: var(--color-RoyalBlue);
|
|
}
|
|
|
|
.Requirements .sbm-panel-data
|
|
{
|
|
--color-panel-data: var(--color-CornflowerBlue);
|
|
}
|
|
|
|
.CodeTypes .sbm-panel-data,
|
|
.Codes .sbm-panel-data
|
|
{
|
|
--color-panel-data: var(--color-SeaGreen);
|
|
}
|
|
|
|
/* Dialogs */
|
|
|
|
:root
|
|
{
|
|
--color-dialog: var(--color-Pastel-MidMintBlue);
|
|
}
|
|
|
|
.ui-dialog.sbm-dark-blue
|
|
{
|
|
--color-dialog: var(--color-DarkBlue);
|
|
}
|
|
|
|
.ui-dialog.sbm-Contact
|
|
{
|
|
--color-dialog: var(--color-KellyGreen);
|
|
}
|
|
|
|
.ui-dialog.sbm-Address
|
|
{
|
|
--color-dialog: var(--color-OliveGreen);
|
|
}
|
|
|
|
.ui-dialog.sbm-Association
|
|
{
|
|
--color-dialog: var(--color-ForestGreen);
|
|
}
|
|
|
|
.ui-dialog.sbm-Commodity
|
|
{
|
|
--color-dialog: var(--color-Burgundy);
|
|
}
|
|
|
|
.ui-dialog.sbm-AssetCategory, .ui-dialog.sbm-Asset
|
|
{
|
|
--color-dialog: var(--color-BrightPurple);
|
|
}
|
|
|
|
.ui-dialog.sbm-VehicleClass, .ui-dialog.sbm-Vehicle
|
|
{
|
|
--color-dialog: var(--color-Iris);
|
|
}
|
|
|
|
.ui-dialog.sbm-Transaction
|
|
{
|
|
--color-dialog: var(--color-RoyalBlue);
|
|
}
|
|
|
|
.ui-dialog.sbm-Requirement
|
|
{
|
|
--color-dialog: var(--color-CornflowerBlue);
|
|
}
|
|
|
|
.ui-dialog.sbm-CodeTypes,
|
|
.ui-dialog.sbm-Codes
|
|
{
|
|
--color-dialog: var(--color-SeaGreen);
|
|
}
|
|
|
|
/* The End */
|