:root { /* - - - - - - - - - - - - - - - - - - - - - - - - - */ /* Dialog/Toolbar Buttons */ /* - - - - - - - - - - - - - - - - - - - - - - - - - */ --color-positive : #228B22; --color-alert : #ea0000; --color-alert-o : #dc143c; --color-errors : #d84848; } .dark-theme { /* ====================================================== */ /* Old Variables - Still in use */ /* ------------------------------------------------------ */ --color-main : #303841; --color-light : #39a2c3; --color-clear : #ffffff; --color-lightgrey : #e3e3e3; --color-grey : #aaaaaa; --color-darkgrey : #777777; --color-dark : #000000; /* ====================================================== */ /* Theme Colors */ /* ------------------------------------------------------ */ --color-c1 : #36404a; --color-c2 : #c9ced3; --color-c3 : #ffffff; --color-c4 : #424e5a; --color-c5 : #43bfe51a; --color-c6 : #303841; --color-c7 : #39a2c3; --color-c8 : #6c757d1a; --color-c9 : #000000; /* ====================================================== */ /* Theme Variables */ /* ------------------------------------------------------ */ --color-app-bg : var(--color-c6); --color-btnfade : rgba(255, 255, 255, 0.3); /* Application Bar Color Variables ---------------------- */ --color-app-bar-menu : var(--color-c2); --color-app-bar-menu-h : var(--color-c3); --color-app-bar-logo-i : var(--color-c3); --color-app-bar-bg : var(--color-c6); --color-app-bar-btn-bg : var(--color-c4); --color-app-bar-btn-bdr : var(--color-c4); --color-app-bar-btn-bdr-hvr : var(--color-c4); --color-app-bar-btn-txt : var(--color-c2); --color-app-bar-btn-txt-hvr : var(--color-c3); --color-app-bar-prf-bg : var(--color-c4); --color-app-bar-prf-bdr : var(--color-c4); --color-app-bar-icon : var(--color-c2); /* Application Scroll Bar Color Variables --------------- */ --color-scroll-def : var(--color-c4); --color-scroll-hov : var(--color-c7); --color-scroll2-def : var(--color-c1); --color-scroll2-hov : var(--color-c7); /* Application Load Bar Color Variables ----------------- */ --color-app-load-bar : var(--color-c7); /* Application Menu Color Variables --------------------- */ --color-app-menu-h-bg : var(--color-c6); --color-app-menu-v-bg : var(--color-c4); --color-app-menu-bdr : var(--color-c9); --color-app-menu-lvl1 : var(--color-c2); --color-app-menu-lvl1-h : var(--color-c7); --color-app-menu-lvl2 : var(--color-c2); --color-app-menu-lvl2-h : var(--color-c3); --color-app-menu-header-bg : var(--color-c4); --color-app-menu-title : var(--color-c2); --color-app-menu-cr : var(--color-c2); --color-app-menu-crl : var(--color-c7); /* Application Tabs Color Variables --------------------- */ --color-app-tabs-cont-bg : var(--color-c4); --color-app-tabs-bg : var(--color-c4); --color-app-tabs-txt : var(--color-c2); --color-app-tabs-hvr-bg : var(--color-c1); --color-app-tabs-hvr-txt : var(--color-c7); --color-app-tabs-active-bg : var(--color-c6); --color-app-tabs-active-bg : var(--color-c6); --color-app-tabs-active-txt : var(--color-c2); --color-app-tabs-active-hvr-bg : var(--color-c6); --color-app-tabs-active-hvr-txt : var(--color-c3); --color-app-tabs-add-new : var(--color-c2); --color-app-tabs-add-new-hvr : var(--color-c3); /* Page / Instance Bar Color Variables ------------------ */ --color-pi-bar-bg : var(--color-c6); --color-pi-bar-bdr : var(--color-c4); --color-pi-bar-btn-bg : var(--color-c4); --color-pi-bar-btn-bdr : var(--color-c4); --color-pi-bar-btn-txt : var(--color-c2); --color-pi-bar-btn-hvr-bg : var(--color-c4); --color-pi-bar-btn-hvr-bdr : var(--color-c4); --color-pi-bar-btn-hvr-txt : var(--color-c3); --color-pi-qs-bg : var(--color-c4); --color-pi-qs-bdr : var(--color-c4); --color-pi-qs-txt : var(--color-c2); /* Page Color Variables --------------------------------- */ --color-page-bg : var(--color-c6); --color-page-bdr : var(--color-c6); --color-page-fld-bdr : var(--color-c4); --color-page-fld-bg : var(--color-c6); --color-page-tabs-bg : var(--color-c6); --color-page-tab-bg : transparent; --color-page-tab-txt : var(--color-c2); --color-page-tab-bb : transparent; --color-page-tab-active-bg : transparent; --color-page-tab-active-txt : var(--color-c2); --color-page-tab-active-bb : var(--color-c7); --color-page-tab-hvr-bg : transparent; --color-page-tab-hvr-txt : var(--color-c3); --color-page-tab-hvr-bb : transparent; --color-page-tab-active-hvr-bg : transparent; --color-page-tab-active-hvr-txt : var(--color-c2); --color-page-tab-active-hvr-bb : var(--color-c2); /* Field Color Variables -------------------------------- */ --color-fld-bg : var(--color-c1); --color-fld-bdr : var(--color-c1); --color-fld-txt : var(--color-c2); --color-fld-focus-bg : var(--color-c4); --color-fld-focus-bdr : var(--color-c7); --color-fld-focus-txt : var(--color-c2); --color-fld-disabled : var(--color-c8); --color-fld-readonly : var(--color-c8); --color-dd-bg : var(--color-c4); --color-dd-bdr : var(--color-c6); --color-dd-txt : var(--color-c2); --color-dd-sel-bg : var(--color-c5); --color-dd-sel-txt : var(--color-c2); --color-dd-hvr : var(--color-c7); --color-dd-hvr-txt : var(--color-c9); --color-fld-lbl : var(--color-c2); --color-fld-cntr-bg : var(--color-c6); /* Button Color Variables ------------------------------- */ --color-btn-dflt-bg : var(--color-c4); --color-btn-dflt-bdr : var(--color-c1); --color-btn-dflt-txt : var(--color-c2); --color-btn-dflt-hvr-bg : var(--color-c4); --color-btn-dflt-hvr-bdr : var(--color-c1); --color-btn-dflt-hvr-txt : var(--color-c3); --color-btn-invr-bg : var(--color-c4); --color-btn-invr-bdr : var(--color-c1); --color-btn-invr-txt : var(--color-c2); --color-btn-invr-hvr-bg : var(--color-c4); --color-btn-invr-hvr-bdr : var(--color-c1); --color-btn-invr-hvr-txt : var(--color-c3); --color-btn-grey-bg : var(--color-c1); --color-btn-grey-bdr : var(--color-c6); --color-btn-grey-txt : var(--color-c2); --color-btn-grey-hvr-bg : var(--color-c4); --color-btn-grey-hvr-bdr : var(--color-c1); --color-btn-grey-hvr-txt : var(--color-c3); --color-btn-whit-bg : var(--color-c1); --color-btn-whit-bdr : var(--color-c6); --color-btn-whit-txt : var(--color-c2); --color-btn-whit-hvr-bg : var(--color-c4); --color-btn-whit-hvr-bdr : var(--color-c1); --color-btn-whit-hvr-txt : var(--color-c3); --color-btn-alrt-bg : darkred; --color-btn-alrt-bdr : var(--color-c4); --color-btn-alrt-txt : var(--color-c2); --color-btn-alrt-hvr-bg : darkred; --color-btn-alrt-hvr-bdr : var(--color-c4); --color-btn-alrt-hvr-txt : var(--color-c3); /* Grid Color Variables --------------------------------- */ --color-grd-cb-bg : var(--color-c6); --color-grd-cb-bdr : var(--color-c4); --color-grd-cb-top : var(--color-c7); --color-grd-txt : var(--color-c2); --color-grd-hdr-txt : var(--color-c2); --color-grd-sel-bg : var(--color-c5); --color-grd-sel-bdr : var(--color-c7); --color-grd-sel-txt : var(--color-c2); --color-grd-dd-bg : var(--color-c4); --color-grd-dd-bdr : var(--color-c1); --color-grd-dd-txt : var(--color-c2); --color-grd-dd : transparent; --color-grd-dd-hvr : var(--color-c7); --color-grd-dd-fcs : transparent; --color-grd-dd-act : var(--color-c5); --color-grd-dd-act-txt : var(--color-c3); --color-grd-line : var(--color-c1); --color-grd-th-bg : var(--color-c4); --color-grd-th-txt : var(--color-c3); --color-grd-pgn-bg : var(--color-c4); --color-grd-pgn-bdr : var(--color-c1); --color-grd-pgn-txt : var(--color-c2); --color-grd-pgn-txt-hvr : var(--color-c3); --color-grd-pgn-bg-actv : var(--color-c1); --color-grd-pgn-bdr-actv : var(--color-c1); --color-grd-pgn-txt-actv : var(--color-c2); --font-grd-weight : normal; /* Card Box Color Variables ----------------------------- */ --color-cb-bg : var(--color-c6); --color-cb-bdr : var(--color-c4); --color-hdr-cb-bg : var(--color-c6); --color-hdr-cb-bdr : var(--color-c4); --color-hdr-cb-top : var(--color-c7); --color-cb-hdr-txt : var(--color-c7); /* Index Settings Panel Color Variables ----------------- */ --color-isp-bg : var(--color-c6); --color-isp-bdr : var(--color-c9); --color-isp-top : var(--color-c6); --color-isp-bar1 : var(--color-c4); --color-isp-bar2 : var(--color-c4); --color-isp-hdr : var(--color-c7); --color-isp-cls : var(--color-c7); --color-isp-cls-hvr : var(--color-c3); --color-isp-btn : var(--color-c2); --color-isp-btn-hvr : var(--color-c3); --color-isp-btn-sel : var(--color-c7); --color-isp-btn-sel-hvr : var(--color-c7); /* ToolTip Color Variables ------------------------------ */ --color-tt-bg : var(--color-c9); --color-tt-txt : var(--color-c2); /* Modal Color Variables -------------------------------- */ --color-mdl-bg : var(--color-c4); --color-mdl-bdr : var(--color-c6); --color-mdl-txt : var(--color-c2); --color-mdl-hdr-bg : var(--color-c6); --color-mdl-hdr-txt : var(--color-c2); /* Floating Menu Variables ------------------------------ */ --color-cfm-bg : var(--color-c1); --color-cfm-bdr : var(--color-c9); --color-cfm-txt : var(--color-c2); --color-cfm-logout : #eb5353; --color-cfm-spacer : var(--color-c4); /* Jodit Editor Variables ------------------------------- */ --color-jde-toolbar-bgc : transparent; --color-jde-toolbar-bdr : var(--color-c5); --color-jde-toolbar-btn : var(--color-c2); --color-jde-toolbar-ico : var(--color-c2); --color-jde-toolbar-btntrg-txt : var(--color-c3); --color-jde-toolbar-btn-hvr : var(--color-c5); --color-jde-toolbar-btn-act : var(--color-c5); --color-jde-toolbar-btntrg-hvr : var(--color-c5); --color-jde-cntr-bgc : transparent; --color-jde-cntr-txt : var(--color-c2); --color-jde-popup-bgc : var(--color-c4); --color-jde-popup-bdr : var(--color-c7); /* Other CSS Variables ---------------------------------- */ --filter-invert-logo : 1; --filter-invert-wks-img : 0.7; --color-float-shadow : var(--color-c9); --size-float-shadow : 10px; /* Air Date Picker Variables ---------------------------- */ .air-datepicker { --adp-color : var(--color-c2); --adp-day-name-color : var(--color-c7); --adp-color-disabled : var(--color-c2); --adp-opacity-disabled : 0.3; --adp-color-other-month : var(--color-c2); --adp-opacity-other-month : 0.6; --adp-background-color : var(--color-c1); --adp-border-color : var(--color-c9); --adp-border-color-inner : var(--color-c6); --adp-border-color-inline : var(--color-c9); box-shadow : 0 0 15px var(--color-float-shadow); } /* ====================================================== */ } .bright-theme { /* ====================================================== */ /* Old Variables - Still in use */ /* ------------------------------------------------------ */ --color-main : #303841; --color-light : #39a2c3; --color-clear : #ffffff; --color-lightgrey : #e3e3e3; --color-grey : #aaaaaa; --color-darkgrey : #777777; --color-dark : #000000; /* ====================================================== */ /* Theme Colors */ /* ------------------------------------------------------ */ --color-c1 : #ffffff; --color-c2 : #777777; --color-c3 : #ebeff2; --color-c4 : #dddddd; --color-c5 : #d5d5d57a; --color-c6 : #f9f9f9; --color-c7 : #41b6da; --color-c8 : #6c757d1a; --color-c9 : #000000; /* ====================================================== */ /* Theme Variables */ /* ------------------------------------------------------ */ --color-app-bg : var(--color-c6); --color-btnfade : rgba(255, 255, 255, 0.3); /* Application Bar Color Variables ---------------------- */ --color-app-bar-menu : var(--color-c2); --color-app-bar-menu-h : var(--color-c3); --color-app-bar-logo-i : var(--color-c3); --color-app-bar-bg : var(--color-c6); --color-app-bar-btn-bg : var(--color-c1); --color-app-bar-btn-bdr : var(--color-c4); --color-app-bar-btn-txt : var(--color-c2); --color-app-bar-btn-hvr-bg : var(--color-c1); --color-app-bar-btn-hvr-bdr : var(--color-c4); --color-app-bar-btn-hvr-txt : var(--color-c7); --color-app-bar-prf-bg : var(--color-c4); --color-app-bar-prf-bdr : var(--color-c4); --color-app-bar-icon : var(--color-c2); /* Application Scroll Bar Color Variables --------------- */ --color-scroll-def : var(--color-c4); --color-scroll-hov : var(--color-c7); --color-scroll2-def : var(--color-c1); --color-scroll2-hov : var(--color-c7); /* Application Load Bar Color Variables ----------------- */ --color-app-load-bar : var(--color-c7); /* Application Menu Color Variables --------------------- */ --color-app-menu-h-bg : var(--color-c6); --color-app-menu-v-bg : var(--color-c4); --color-app-menu-bdr : var(--color-c2); --color-app-menu-lvl1 : var(--color-c2); --color-app-menu-lvl1-h : var(--color-c7); --color-app-menu-lvl2 : var(--color-c2); --color-app-menu-lvl2-h : var(--color-c3); --color-app-menu-header-bg : var(--color-c4); --color-app-menu-title : var(--color-c2); --color-app-menu-cr : var(--color-c2); --color-app-menu-crl : var(--color-c7); /* Application Tabs Color Variables --------------------- */ --color-app-tabs-cont-bg : var(--color-c4); --color-app-tabs-bg : var(--color-c4); --color-app-tabs-txt : var(--color-c2); --color-app-tabs-hvr-bg : var(--color-c1); --color-app-tabs-hvr-txt : var(--color-c7); --color-app-tabs-active-bg : var(--color-c6); --color-app-tabs-active-bg : var(--color-c6); --color-app-tabs-active-txt : var(--color-c2); --color-app-tabs-active-hvr-bg : var(--color-c6); --color-app-tabs-active-hvr-txt : var(--color-c3); --color-app-tabs-add-new : var(--color-c2); --color-app-tabs-add-new-hvr : var(--color-c3); /* Page / Instance Bar Color Variables ------------------ */ --color-pi-bar-bg : var(--color-c6); --color-pi-bar-bdr : var(--color-c4); --color-pi-bar-btn-bg : var(--color-c1); --color-pi-bar-btn-bdr : var(--color-c4); --color-pi-bar-btn-txt : var(--color-c2); --color-pi-bar-btn-hvr-bg : var(--color-c1); --color-pi-bar-btn-hvr-bdr : var(--color-c4); --color-pi-bar-btn-hvr-txt : var(--color-c7); --color-pi-qs-bg : var(--color-c1); --color-pi-qs-bdr : var(--color-c4); --color-pi-qs-txt : var(--color-c2); /* Page Color Variables --------------------------------- */ --color-page-bg : var(--color-c6); --color-page-bdr : var(--color-c6); --color-page-fld-bdr : var(--color-c4); --color-page-fld-bg : var(--color-c6); --color-page-tabs-bg : var(--color-c6); --color-page-tab-bg : transparent; --color-page-tab-txt : var(--color-c2); --color-page-tab-bb : transparent; --color-page-tab-active-bg : transparent; --color-page-tab-active-txt : var(--color-c2); --color-page-tab-active-bb : var(--color-c7); --color-page-tab-hvr-bg : transparent; --color-page-tab-hvr-txt : var(--color-c3); --color-page-tab-hvr-bb : transparent; --color-page-tab-active-hvr-bg : transparent; --color-page-tab-active-hvr-txt : var(--color-c2); --color-page-tab-active-hvr-bb : var(--color-c2); /* Field Color Variables -------------------------------- */ --color-fld-bg : var(--color-c1); --color-fld-bdr : var(--color-c4); --color-fld-txt : var(--color-c2); --color-fld-focus-bg : var(--color-c4); --color-fld-focus-bdr : var(--color-c7); --color-fld-focus-txt : var(--color-c2); --color-fld-disabled : var(--color-c8); --color-fld-readonly : var(--color-c6); --color-dd-bg : var(--color-c1); --color-dd-bdr : var(--color-c6); --color-dd-txt : var(--color-c2); --color-dd-sel-bg : var(--color-c6); --color-dd-sel-txt : var(--color-c2); --color-dd-hvr : var(--color-c4); --color-dd-hvr-txt : var(--color-c7); --color-fld-lbl : var(--color-c2); --color-fld-cntr-bg : var(--color-c6); /* Button Color Variables ------------------------------- */ --color-btn-dflt-bg : var(--color-c1); --color-btn-dflt-bdr : var(--color-c4); --color-btn-dflt-txt : var(--color-c2); --color-btn-dflt-hvr-bg : var(--color-c1); --color-btn-dflt-hvr-bdr : var(--color-c4); --color-btn-dflt-hvr-txt : var(--color-c7); --color-btn-invr-bg : var(--color-c1); --color-btn-invr-bdr : var(--color-c4); --color-btn-invr-txt : var(--color-c2); --color-btn-invr-hvr-bg : var(--color-c1); --color-btn-invr-hvr-bdr : var(--color-c4); --color-btn-invr-hvr-txt : var(--color-c7); --color-btn-grey-bg : var(--color-c1); --color-btn-grey-bdr : var(--color-c4); --color-btn-grey-txt : var(--color-c2); --color-btn-grey-hvr-bg : var(--color-c1); --color-btn-grey-hvr-bdr : var(--color-c4); --color-btn-grey-hvr-txt : var(--color-c7); --color-btn-whit-bg : var(--color-c1); --color-btn-whit-bdr : var(--color-c4); --color-btn-whit-txt : var(--color-c2); --color-btn-whit-hvr-bg : var(--color-c1); --color-btn-whit-hvr-bdr : var(--color-c4); --color-btn-whit-hvr-txt : var(--color-c7); --color-btn-alrt-bg : lightcoral; --color-btn-alrt-bdr : darkred; --color-btn-alrt-txt : darkred; --color-btn-alrt-hvr-bg : darkred; --color-btn-alrt-hvr-bdr : darkred; --color-btn-alrt-hvr-txt : var(--color-c3); /* Grid Color Variables --------------------------------- */ --color-grd-cb-bg : var(--color-c6); --color-grd-cb-bdr : var(--color-c4); --color-grd-cb-top : var(--color-c7); --color-grd-txt : var(--color-c2); --color-grd-hdr-txt : var(--color-c2); --color-grd-sel-bg : var(--color-c5); --color-grd-sel-bdr : var(--color-c7); --color-grd-sel-txt : var(--color-c2); --color-grd-dd-bg : var(--color-c1); --color-grd-dd-bdr : var(--color-c4); --color-grd-dd-txt : var(--color-c2); --color-grd-dd : transparent; --color-grd-dd-hvr : var(--color-c4); --color-grd-dd-fcs : transparent; --color-grd-dd-act : var(--color-c5); --color-grd-dd-act-txt : var(--color-c3); --color-grd-line : var(--color-c4); --color-grd-th-bg : var(--color-c6); --color-grd-th-txt : var(--color-c2); --color-grd-pgn-bg : var(--color-c4); --color-grd-pgn-bdr : var(--color-c1); --color-grd-pgn-txt : var(--color-c2); --color-grd-pgn-txt-hvr : var(--color-c7); --color-grd-pgn-bg-actv : var(--color-c1); --color-grd-pgn-bdr-actv : var(--color-c1); --color-grd-pgn-txt-actv : var(--color-c2); --font-grd-weight : bold; /* Card Box Color Variables ----------------------------- */ --color-cb-bg : var(--color-c6); --color-cb-bdr : var(--color-c4); --color-hdr-cb-bg : var(--color-c6); --color-hdr-cb-bdr : var(--color-c4); --color-hdr-cb-top : var(--color-c7); --color-cb-hdr-txt : var(--color-c2); /* Index Settings Panel Color Variables ----------------- */ --color-isp-bg : var(--color-c1); --color-isp-bdr : var(--color-c2); --color-isp-top : var(--color-c1); --color-isp-bar1 : var(--color-c6); --color-isp-bar2 : var(--color-c6); --color-isp-hdr : var(--color-c7); --color-isp-cls : var(--color-c7); --color-isp-cls-hvr : var(--color-c3); --color-isp-btn : var(--color-c2); --color-isp-btn-hvr : var(--color-c3); --color-isp-btn-sel : var(--color-c7); --color-isp-btn-sel-hvr : var(--color-c7); /* ToolTip Color Variables ------------------------------ */ --color-tt-bg : var(--color-c7); --color-tt-txt : var(--color-c1); /* Modal Color Variables -------------------------------- */ --color-mdl-bg : var(--color-c1); --color-mdl-bdr : var(--color-c4); --color-mdl-txt : var(--color-c2); --color-mdl-hdr-bg : var(--color-c7); --color-mdl-hdr-txt : var(--color-c1); /* Floating Menu Variables ------------------------------ */ --color-cfm-bg : var(--color-c1); --color-cfm-bdr : var(--color-c2); --color-cfm-txt : var(--color-c2); --color-cfm-logout : #eb5353; --color-cfm-spacer : var(--color-c4); /* Jodit Editor Variables ------------------------------- */ --color-jde-toolbar-bgc : transparent; --color-jde-toolbar-bdr : var(--color-c6); --color-jde-toolbar-btn : var(--color-c2); --color-jde-toolbar-ico : var(--color-c2); --color-jde-toolbar-btntrg-txt : var(--color-c9); --color-jde-toolbar-btn-hvr : var(--color-c5); --color-jde-toolbar-btn-act : var(--color-c5); --color-jde-toolbar-btntrg-hvr : var(--color-c5); --color-jde-cntr-bgc : transparent; --color-jde-cntr-txt : var(--color-c2); --color-jde-popup-bgc : var(--color-c6); --color-jde-popup-bdr : var(--color-c7); /* Other CSS Variables ---------------------------------- */ --filter-invert-logo : 0; --filter-invert-wks-img : 1; --color-float-shadow : var(--color-c9); --size-float-shadow : 10px; /* Air Date Picker Variables ---------------------------- */ .air-datepicker { --adp-color : var(--color-c2); --adp-day-name-color : var(--color-c7); --adp-color-disabled : var(--color-c2); --adp-opacity-disabled : 0.3; --adp-color-other-month : var(--color-c2); --adp-opacity-other-month : 0.6; --adp-background-color : var(--color-c1); --adp-border-color : var(--color-c9); --adp-border-color-inner : var(--color-c6); --adp-border-color-inline : var(--color-c9); box-shadow : 0 0 15px var(--color-float-shadow); } /* ====================================================== */ }