Scott.Idem/OSIT-AE-App-Native-Electron
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
cbb0dc6a82dc2788954d3a93a55ad869118bce34
OSIT-AE-App-Native-Electron/app/css/aether_variables.css

447 lines
24 KiB
CSS
Raw Blame History

/* Aether Style Variables */
:root {
--bs-blue: #0d6efd;
--bs-indigo: #6610f2;
--bs-purple: #6f42c1;
--bs-pink: #d63384;
--bs-red: #dc3545;
--bs-orange: #fd7e14;
--bs-yellow: #ffc107;
--bs-green: #198754;
--bs-teal: #20c997;
--bs-cyan: #0dcaf0;
--bs-white: #fff;
--bs-gray: #6c757d;
--bs-gray-dark: #343a40;
--bs-primary-light: #6c9dc6;
--bs-primary: #0a8dac; /*#0d6efd;*/
--bs-primary-dark: #325d81;
--bs-secondary: #484b6e;
--bs-success: #32846e;
--bs-info: #46b4b4; /*#0dcaf0;*/
--bs-warning: #6f7541;
--bs-danger: #7b503b;
--bs-lighter: #d0e0ed; /*#f8f9fa;*/
--bs-light: #72a1c8; /*#f8f9fa;*/
--bs-medium: #335f83; /*#212529;*/
--bs-dark: #294d6a; /*#212529;*/
--bs-darker: #1f3a4f; /*#212529;*/
--bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
--bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}
:root {
/*
*
* Light navy blue
* #335f83 or #335f84, rgb(51, 96, 132), hsl(207, 44%, 36%), cmyk(61, 27, 0, 49)
*
* hsl(210, 50%, 50%), rgb(64, 128, 191), #4080bf
*
* purple: #8241bf
* green: #41BF7C
*
* red: hsl(0, 50%, 50%), #BF4640 (close "split" complementary 30deg)
* orange: hsl(30, 50%, 50%), #BF8040 (linear by hue 30deg)
* yellow: hsl(60, 50%, 50%), #BFB940 (close "split" complementary 30deg)
* light green: hsl(90, 50%, 50%), #80BF40 (linear by hue 30deg)
* dark green: hsl(150, 50%, 50%), #40BF80 (linear by hue 30deg)
* teal: hsl(180, 50%, 50%), #40BF80 (linear by hue 30deg)
* blue: hsl(210, 50%, 50%), #4080BF
* purple: hsl(270, 50%, 50%), #8040BF (linear by hue 30deg)
* pink (dark): hsl(330, 50%, 50%), #BF4080 (linear by hue 30deg)
*
* primary-hue: 210, #4080BF
* accent-hue: 264, #7340BF
*
* #0080FF
*
*/
--saturation-least: 10%;
--saturation-less: 20%;
--saturation: 50%;
--saturation-more: 80%;
--saturation-most: 90%;
--lum-lightest: calc(50% + 50%);
--lum-lighter: calc(50% + 40%);
--lum-light: calc(50% + 35%);
--lum-mid: 50%;
--lum: 50%;
--lum-dark: calc(50% - 10%);
--lum-darker: calc(50% - 20%);
--lum-darkest: calc(50% - 30%);
/*
* https://coolors.co/bfbf40-80bf40-40bf40-40bf80-40bfbf-407fbf-4040bf-7f40bf-bf40bf-bf4080
*/
--hue-red: 0; /* red bf4141 */
--hue-orange: calc(0 + 30); /* brown bf8041 */
--hue-yellow: calc(0 + 60); /* yellow-green bfbf40 */
--hue-light_green: calc(0 + 90); /* green 80bf40 */
--hue-green: calc(0 + 120); /* green 40bf40 */
--hue-dark_green: calc(0 + 150); /* green-cyan 40bf80 */
--hue-teal: calc(0 + 180); /* cyan 40bfbf */
--hue-cyan: calc(0 + 180); /* cyan 40bfbf */
--hue-blue: calc(0 + 210); /* cyan-blue 407fbf */
--hue-indigo: calc(0 + 240); /* blue-magenta 4040bf */
--hue-purple: calc(0 + 270); /* blue-magenta 7f40bf */
--hue-pink: calc(0 + 300); /* magenta bf40bf */
--hue-dark_pink: calc(0 + 330); /* magenta-pink bf4080 */
--hue: 210;
--hue-base: 210;
--hue-complementary: calc(var(--hue) - 180);
/*--hue-accent: 264;*/
--hue-default: 210;
--hue-primary: 210;
--hue-secondary: 210;
--hue-info: 180;
--hue-success: 120;
--hue-warning: 60;
--hue-danger: 0;
--color-l5: hsl(var(--hue), var(--saturation), calc( 50 + 50)%);
--color-l4: hsl(var(--hue), var(--saturation), calc( 50 + 40)%);
--color-l3: hsl(var(--hue), var(--saturation), calc( 50 + 30)%);
--color-l2: hsl(var(--hue), var(--saturation), calc( 50 + 20)%);
--color-l1: hsl(var(--hue), var(--saturation), calc( 50 + 10)%);
--color-default: hsl(var(--hue), var(--saturation), calc( 50 + 0)%);
--color-d1: hsl(var(--hue), var(--saturation), calc( 50 - 10)%);
--color-d2: hsl(var(--hue), var(--saturation), calc( 50 - 20)%);
--color-d3: hsl(var(--hue), var(--saturation), calc( 50 - 30)%);
--color-d4: hsl(var(--hue), var(--saturation), calc( 50 - 40)%);
--color-d5: hsl(var(--hue), var(--saturation), calc( 50 - 50)%);
--default-fg-color-highlight: hsl(var(--hue-default), var(--saturation-most), var(--lum-darker));
--default-fg-color: hsl(var(--hue-default), var(--saturation-most), var(--lum-darkest));
--default-bg-color-highlight: hsl(var(--hue-default), var(--saturation-least), var(--lum-lighter));
--default-bg-color: hsl(var(--hue-default), var(--saturation-least), var(--lum-lightest));
--default-border-color-highlight: hsl(var(--hue-default), var(--saturation-less), var(--lum-darkest));
--default-border-color: hsl(var(--hue-default), var(--saturation-less), var(--lum-darker));
--default-color-lightest: hsl(var(--hue-blue), var(--saturation-least), var(--lum-lightest));
--default-color-lighter: hsl(var(--hue-blue), var(--saturation-least), var(--lum-lighter));
--default-color-light: hsl(var(--hue-blue), var(--saturation-least), var(--lum-light));
--default-color-mid: hsl(var(--hue-blue), var(--saturation-least), var(--lum-mid));
--default-color-dark: hsl(var(--hue-blue), var(--saturation-least), var(--lum-dark));
--default-color-darker: hsl(var(--hue-blue), var(--saturation-least), var(--lum-darker));
--default-color-darkest: hsl(var(--hue-blue), var(--saturation-least), var(--lum-darkest));
--light-fg-color: #1a3042;
--light-bg-color: #d0e0ed; /*#d0e0ed*/
--light-border-color: #a1c1da; /*#a1c1da*/
--medium-fg-color: #f1f6fa;
--medium-bg-color: #335f83;
--medium-border-color: #294d6a;
--dark-fg-color: #f1f6fa;
--dark-bg-color: #4682b3;
--dark-border-color: #335f83;
--primary-color-lightest: hsl(var(--hue-primary), var(--saturation), var(--lum-lightest));
--primary-color-lighter: hsl(var(--hue-primary), var(--saturation), var(--lum-lighter));
--primary-color-light: hsl(var(--hue-primary), var(--saturation), var(--lum-light));
--primary-color-mid: hsl(var(--hue-primary), var(--saturation), var(--lum-mid));
--primary-color-dark: hsl(var(--hue-primary), var(--saturation), var(--lum-dark));
--primary-color-darker: hsl(var(--hue-primary), var(--saturation), var(--lum-darker));
--primary-color-darkest: hsl(var(--hue-primary), var(--saturation), var(--lum-darkest));
--secondary-color-lightest: hsl(var(--hue-secondary), var(--saturation-least), var(--lum-lightest));
--secondary-color-lighter: hsl(var(--hue-secondary), var(--saturation-least), var(--lum-lighter));
--secondary-color-light: hsl(var(--hue-secondary), var(--saturation-least), var(--lum-light));
--secondary-color-mid: hsl(var(--hue-secondary), var(--saturation-least), var(--lum-mid));
--secondary-color-dark: hsl(var(--hue-secondary), var(--saturation-least), var(--lum-dark));
--secondary-color-darker: hsl(var(--hue-secondary), var(--saturation-least), var(--lum-darker));
--secondary-color-darkest: hsl(var(--hue-secondary), var(--saturation-least), var(--lum-darkest));
--info-color-lightest: hsl(var(--hue-info), var(--saturation-less), var(--lum-lightest));
--info-color-lighter: hsl(var(--hue-info), var(--saturation-less), var(--lum-lighter));
--info-color-light: hsl(var(--hue-info), var(--saturation-less), var(--lum-light));
--info-color-mid: hsl(var(--hue-info), var(--saturation-less), var(--lum-mid));
--info-color-dark: hsl(var(--hue-info), var(--saturation-less), var(--lum-dark));
--info-color-darker: hsl(var(--hue-info), var(--saturation-less), var(--lum-darker));
--info-color-darkest: hsl(var(--hue-info), var(--saturation-less), var(--lum-darkest));
--success-color-lightest: hsl(var(--hue-success), var(--saturation-less), var(--lum-lightest));
--success-color-lighter: hsl(var(--hue-success), var(--saturation-less), var(--lum-lighter));
--success-color-light: hsl(var(--hue-success), var(--saturation-less), var(--lum-light));
--success-color-mid: hsl(var(--hue-success), var(--saturation-less), var(--lum-mid));
--success-color-dark: hsl(var(--hue-success), var(--saturation-less), var(--lum-dark));
--success-color-darker: hsl(var(--hue-success), var(--saturation-less), var(--lum-darker));
--success-color-darkest: hsl(var(--hue-success), var(--saturation-less), var(--lum-darkest));
--warning-color-lightest: hsl(var(--hue-warning), var(--saturation-less), var(--lum-lightest));
--warning-color-lighter: hsl(var(--hue-warning), var(--saturation-less), var(--lum-lighter));
--warning-color-light: hsl(var(--hue-warning), var(--saturation-less), var(--lum-light));
--warning-color-mid: hsl(var(--hue-warning), var(--saturation-less), var(--lum-mid));
--warning-color-dark: hsl(var(--hue-warning), var(--saturation-less), var(--lum-dark));
--warning-color-darker: hsl(var(--hue-warning), var(--saturation-less), var(--lum-darker));
--warning-color-darkest: hsl(var(--hue-warning), var(--saturation-less), var(--lum-darkest));
--danger-color-lightest: hsl(var(--hue-danger), var(--saturation-less), var(--lum-lightest));
--danger-color-lighter: hsl(var(--hue-danger), var(--saturation-less), var(--lum-lighter));
--danger-color-light: hsl(var(--hue-danger), var(--saturation-less), var(--lum-light));
--danger-color-mid: hsl(var(--hue-danger), var(--saturation-less), var(--lum-mid));
--danger-color-dark: hsl(var(--hue-danger), var(--saturation-less), var(--lum-dark));
--danger-color-darker: hsl(var(--hue-danger), var(--saturation-less), var(--lum-darker));
--danger-color-darkest: hsl(var(--hue-danger), var(--saturation-less), var(--lum-darkest));
--link-fg-color: #f1f6fa;
--link-bg-color: #5196CF;
--link-border-color: #4682b3;
--btn_trans_in_delay: 0s;
--btn_trans_in_duration: .1s;
--btn_trans_out_delay: .15s; /*.25s*/
--btn_trans_out_duration: .15s;
--default_fg_lightness: 5%; /* foreground */
--default_bg_lightness: 80%; /* background */
--default_bd_lightness: 70%; /* border */
--outline_fg_lightness: calc(var(--default_fg_lightness) + 25%);
--outline_bg_lightness: calc(var(--default_bg_lightness) + 15%);
--outline_bd_lightness: calc(var(--default_bd_lightness) - 50%);
--disabled_fg_lightness: calc(var(--default_fg_lightness) + 40%);
--disabled_bg_lightness: calc(var(--default_bg_lightness) + 10%);
--disabled_bd_lightness: calc(var(--default_bd_lightness) - 10%);
--hover_fg_lightness: calc(var(--default_fg_lightness) - 5%);
--hover_bg_lightness: calc(var(--default_bg_lightness) - 20%);
--hover_bd_lightness: calc(var(--default_bd_lightness) - 30%);
--site_menu_btn_color: hsla(0,0%,var(--default_fg_lightness),1);
--site_menu_btn_bg_color: hsla(0,0%,var(--default_bg_lightness),1);
--site_menu_btn_border_color: hsla(0,0%,var(--default_bd_lightness),1);
--site_menu_btn_disabled_color: hsla(0,0%,var(--disabled_fg_lightness),1);
--site_menu_btn_disabled_bg_color: hsla(0,0%,var(--disabled_bg_lightness),1);
--site_menu_btn_disabled_border_color: hsla(0,0%,var(--disabled_bd_lightness),1);
--site_menu_btn_hover_color: hsla(0,50%,var(--hover_fg_lightness),1);
--site_menu_btn_hover_bg_color: hsla(0,0%,var(--hover_bg_lightness),1);
--site_menu_btn_hover_border_color: hsla(0,0%,var(--hover_bd_lightness),1);
--site_footer_color: hsla(0,0%,35%,1);
--site_footer_bg_color: hsla(0,0%,100%,1);
--site_footer_border_color: hsla(0,0%,80%,1);
--site_footer_hover_color: hsla(0,0%,5%,1);
--site_footer_hover_bg_color: hsla(0,0%,100%,1);
--site_footer_hover_border_color: hsla(0,0%,70%,1);
--system_footer_color: hsla(0,0%,35%,1);
--system_footer_bg_color: hsla(0,0%,90%,1);
--system_footer_border_color: hsla(0,0%,80%,1);
--system_footer_hover_color: hsla(0,0%,5%,1);
--system_footer_hover_bg_color: hsla(0,0%,80%,1);
--system_footer_hover_border_color: hsla(0,0%,70%,1);
--btn_font_weight_disabled: 300;
--btn_font_weight_default: 400;
--btn_font_weight_active: 500;
--btn_font_weight_primary: 700;
/* Default Buttons */
--default_btn_color: hsla(var(--hue-default),var(--saturation-least),var(--default_fg_lightness),1);
--default_btn_bg_color: hsla(var(--hue-default),var(--saturation-least),var(--default_bg_lightness),1);
--default_btn_border_color: hsla(var(--hue-default),var(--saturation-least),var(--default_bd_lightness),1);
--default_btn_outline_color: hsla(var(--hue-default),var(--saturation-most),var(--outline_fg_lightness),1);
--default_btn_outline_bg_color: hsla(var(--hue-default),var(--saturation-less),var(--outline_bg_lightness),1);
--default_btn_outline_border_color: hsla(var(--hue-default),var(--saturation-most),var(--outline_bd_lightness),1);
--default_btn_disabled_color: hsla(var(--hue-default),var(--saturation-least),var(--disabled_fg_lightness),1);
--default_btn_disabled_bg_color: hsla(var(--hue-default),var(--saturation-least),var(--disabled_bg_lightness),1);
--default_btn_disabled_border_color: hsla(var(--hue-default),var(--saturation-least),var(--disabled_bd_lightness),1);
--default_btn_hover_color: hsla(var(--hue-default),var(--saturation-least),var(--hover_fg_lightness),1);
--default_btn_hover_bg_color: hsla(var(--hue-default),var(--saturation-least),var(--hover_bg_lightness),1);
--default_btn_hover_border_color: hsla(var(--hue-default),var(--saturation-least),var(--hover_bd_lightness),1);
/* Primary Buttons */
--primary_btn_color: hsla(var(--hue-primary),var(--saturation-less),var(--default_fg_lightness),1);
--primary_btn_bg_color: hsla(var(--hue-primary),var(--saturation-less),var(--default_bg_lightness),1);
--primary_btn_border_color: hsla(var(--hue-primary),var(--saturation-less),var(--default_bd_lightness),1);
--primary_btn_outline_color: hsla(var(--hue-primary),var(--saturation-most),var(--outline_fg_lightness),1);
--primary_btn_outline_bg_color: hsla(var(--hue-primary),var(--saturation-less),var(--outline_bg_lightness),1);
--primary_btn_outline_border_color: hsla(var(--hue-primary),var(--saturation-most),var(--outline_bd_lightness),1);
--primary_btn_disabled_color: hsla(var(--hue-primary),var(--saturation-less),var(--disabled_fg_lightness),1);
--primary_btn_disabled_bg_color: hsla(var(--hue-primary),var(--saturation-less),var(--disabled_bg_lightness),1);
--primary_btn_disabled_border_color: hsla(var(--hue-primary),var(--saturation-less),var(--disabled_bd_lightness),1);
--primary_btn_hover_color: hsla(var(--hue-primary),var(--saturation-less),var(--hover_fg_lightness),1);
--primary_btn_hover_bg_color: hsla(var(--hue-primary),var(--saturation-less),var(--hover_bg_lightness),1);
--primary_btn_hover_border_color: hsla(var(--hue-primary),var(--saturation-less),var(--hover_bd_lightness),1);
/* Secondary Buttons */
--secondary_btn_color: hsla(var(--hue-secondary),var(--saturation-less),var(--default_fg_lightness),1);
--secondary_btn_bg_color: hsla(var(--hue-secondary),var(--saturation-less),var(--default_bg_lightness),1);
--secondary_btn_border_color: hsla(var(--hue-secondary),var(--saturation-less),var(--default_bd_lightness),1);
--secondary_btn_outline_color: hsla(var(--hue-secondary),var(--saturation-most),var(--outline_fg_lightness),1);
--secondary_btn_outline_bg_color: hsla(var(--hue-secondary),var(--saturation-less),var(--outline_bg_lightness),1);
--secondary_btn_outline_border_color: hsla(var(--hue-secondary),var(--saturation-most),var(--outline_bd_lightness),1);
--secondary_btn_disabled_color: hsla(var(--hue-secondary),var(--saturation-less),var(--disabled_fg_lightness),1);
--secondary_btn_disabled_bg_color: hsla(var(--hue-secondary),var(--saturation-less),var(--disabled_bg_lightness),1);
--secondary_btn_disabled_border_color: hsla(var(--hue-secondary),var(--saturation-less),var(--disabled_bd_lightness),1);
--secondary_btn_hover_color: hsla(var(--hue-secondary),var(--saturation-less),var(--hover_fg_lightness),1);
--secondary_btn_hover_bg_color: hsla(var(--hue-secondary),var(--saturation-less),var(--hover_bg_lightness),1);
--secondary_btn_hover_border_color: hsla(var(--hue-secondary),var(--saturation-less),var(--hover_bd_lightness),1);
/* Info Buttons */
--info_btn_color: hsla(var(--hue-info),var(--saturation-less),var(--default_fg_lightness),1);
--info_btn_bg_color: hsla(var(--hue-info),var(--saturation-less),var(--default_bg_lightness),1);
--info_btn_border_color: hsla(var(--hue-info),var(--saturation-less),var(--default_bd_lightness),1);
--info_btn_outline_color: hsla(var(--hue-info),var(--saturation-most),var(--outline_fg_lightness),1);
--info_btn_outline_bg_color: hsla(var(--hue-info),var(--saturation-less),var(--outline_bg_lightness),1);
--info_btn_outline_border_color: hsla(var(--hue-info),var(--saturation-most),var(--outline_bd_lightness),1);
--info_btn_disabled_color: hsla(var(--hue-info),var(--saturation-less),var(--disabled_fg_lightness),1);
--info_btn_disabled_bg_color: hsla(var(--hue-info),var(--saturation-less),var(--disabled_bg_lightness),1);
--info_btn_disabled_border_color: hsla(var(--hue-info),var(--saturation-less),var(--disabled_bd_lightness),1);
--info_btn_hover_color: hsla(var(--hue-info),var(--saturation-less),var(--hover_fg_lightness),1);
--info_btn_hover_bg_color: hsla(var(--hue-info),var(--saturation-less),var(--hover_bg_lightness),1);
--info_btn_hover_border_color: hsla(var(--hue-info),var(--saturation-less),var(--hover_bd_lightness),1);
/* Success Buttons */
--success_btn_color: hsla(var(--hue-success),var(--saturation-less),var(--default_fg_lightness),1);
--success_btn_bg_color: hsla(var(--hue-success),var(--saturation-less),var(--default_bg_lightness),1);
--success_btn_border_color: hsla(var(--hue-success),var(--saturation-less),var(--default_bd_lightness),1);
--success_btn_outline_color: hsla(var(--hue-success),var(--saturation-most),var(--outline_fg_lightness),1);
--success_btn_outline_bg_color: hsla(var(--hue-success),var(--saturation-less),var(--outline_bg_lightness),1);
--success_btn_outline_border_color: hsla(var(--hue-success),var(--saturation-most),var(--outline_bd_lightness),1);
--success_btn_disabled_color: hsla(var(--hue-success),var(--saturation-less),var(--disabled_fg_lightness),1);
--success_btn_disabled_bg_color: hsla(var(--hue-success),var(--saturation-less),var(--disabled_bg_lightness),1);
--success_btn_disabled_border_color: hsla(var(--hue-success),var(--saturation-less),var(--disabled_bd_lightness),1);
--success_btn_hover_color: hsla(var(--hue-success),var(--saturation-less),var(--hover_fg_lightness),1);
--success_btn_hover_bg_color: hsla(var(--hue-success),var(--saturation-less),var(--hover_bg_lightness),1);
--success_btn_hover_border_color: hsla(var(--hue-success),var(--saturation-less),var(--hover_bd_lightness),1);
/* Warning Buttons */
--warning_btn_color: hsla(var(--hue-warning),var(--saturation-less),var(--default_fg_lightness),1);
--warning_btn_bg_color: hsla(var(--hue-warning),var(--saturation-less),var(--default_bg_lightness),1);
--warning_btn_border_color: hsla(var(--hue-warning),var(--saturation-less),var(--default_bd_lightness),1);
--warning_btn_outline_color: hsla(var(--hue-warning),var(--saturation-most),var(--outline_fg_lightness),1);
--warning_btn_outline_bg_color: hsla(var(--hue-warning),var(--saturation-less),var(--outline_bg_lightness),1);
--warning_btn_outline_border_color: hsla(var(--hue-warning),var(--saturation-most),var(--outline_bd_lightness),1);
--warning_btn_disabled_color: hsla(var(--hue-warning),var(--saturation-less),var(--disabled_fg_lightness),1);
--warning_btn_disabled_bg_color: hsla(var(--hue-warning),var(--saturation-less),var(--disabled_bg_lightness),1);
--warning_btn_disabled_border_color: hsla(var(--hue-warning),var(--saturation-less),var(--disabled_bd_lightness),1);
--warning_btn_hover_color: hsla(var(--hue-warning),var(--saturation-less),var(--hover_fg_lightness),1);
--warning_btn_hover_bg_color: hsla(var(--hue-warning),var(--saturation-less),var(--hover_bg_lightness),1);
--warning_btn_hover_border_color: hsla(var(--hue-warning),var(--saturation-less),var(--hover_bd_lightness),1);
/* Danger Buttons */
--danger_btn_color: hsla(var(--hue-danger),var(--saturation-less),var(--default_fg_lightness),1);
--danger_btn_bg_color: hsla(var(--hue-danger),var(--saturation-more),var(--default_bg_lightness),1);
--danger_btn_border_color: hsla(var(--hue-danger),var(--saturation-less),var(--default_bd_lightness),1);
--danger_btn_outline_color: hsla(var(--hue-danger),var(--saturation-most),var(--outline_fg_lightness),1);
--danger_btn_outline_bg_color: hsla(var(--hue-danger),var(--saturation-more),var(--outline_bg_lightness),1);
--danger_btn_outline_border_color: hsla(var(--hue-danger),var(--saturation-most),var(--outline_bd_lightness),1);
--danger_btn_disabled_color: hsla(var(--hue-danger),var(--saturation-less),var(--disabled_fg_lightness),1);
--danger_btn_disabled_bg_color: hsla(var(--hue-danger),var(--saturation-less),var(--disabled_bg_lightness),1);
--danger_btn_disabled_border_color: hsla(var(--hue-danger),var(--saturation-less),var(--disabled_bd_lightness),1);
--danger_btn_hover_color: hsla(var(--hue-danger),var(--saturation-less),var(--hover_fg_lightness),1);
--danger_btn_hover_bg_color: hsla(var(--hue-danger),var(--saturation-more),var(--hover_bg_lightness),1);
--danger_btn_hover_border_color: hsla(var(--hue-danger),var(--saturation-less),var(--hover_bd_lightness),1);
}
/*
* https://encycolorpedia.com/035096
* Medium electric blue / #035096
*
* https://encycolorpedia.com/32527b
* Metallic blue / #32527b
*
* https://encycolorpedia.com/4682b4
* Steelblue / Steel blue / #4682b4
*/
/*
* Faux-Metallic Blue #335f83
* http://www.2020colours.com/335f83
* https://encycolorpedia.com/335f83
* https://www.w3schools.com/w3css/w3css_color_generator.asp
*
* #335f83
* rgb(51, 95, 131)
* hsl(147, 112%, 91%)
* cmyk(61, 27, 0, 49)
*
* complementary #825633
* warning #CFB33C, rgb(207,179,60)
* danger #B55F35, rgb(181,95,53)
*/
.aether__theme--l5 {color:#000 !important; background-color:#f1f6fa !important}
.aether__theme--l4 {color:#000 !important; background-color:#d0e0ed !important}
.aether__theme--l3 {color:#000 !important; background-color:#a1c1da !important}
.aether__theme--l2 {color:#fff !important; background-color:#72a1c8 !important}
.aether__theme--l1 {color:#fff !important; background-color:#4682b3 !important}
.aether__theme--d1 {color:#fff !important; background-color:#2e5677 !important}
.aether__theme--d2 {color:#fff !important; background-color:#294d6a !important}
.aether__theme--d3 {color:#fff !important; background-color:#24435d !important}
.aether__theme--d4 {color:#fff !important; background-color:#1f3a4f !important}
.aether__theme--d5 {color:#fff !important; background-color:#1a3042 !important}
.aether__theme--light {color:#000 !important; background-color:#f1f6fa !important}
.aether__theme--dark {color:#fff !important; background-color:#1a3042 !important}
.aether__theme--action {color:#fff !important; background-color:#1a3042 !important}
.aether__theme {color:#fff !important; background-color:#335f83 !important}
.aether__theme--text {color:#335f83 !important}
.aether__theme--border {border-color:#335f83 !important}
.aether__theme--hover:hover {color:#fff !important; background-color:#335f83 !important}
.aether__theme--text_hover:hover {color:#335f83 !important}
.aether__theme--border_hover:hover {border-color:#335f83 !important}
/*
* success #66be07
* info #00beff
* danger #660007
*
* error #660007
*
* primary 5196CF
* secondary 688297
*
* info 8FB2CF (blue)
* success 2C827B (green)
*
* warning 7F8226 (brown yellow)
* danger 824240 (brown orange)
*
* other 393B82 (purple)
*/
Reference in New Issue View Git Blame Copy Permalink