136 lines
2.9 KiB
SCSS
136 lines
2.9 KiB
SCSS
:root {
|
|
--primary-bg: #01579b;
|
|
--primary-fg: white;
|
|
--primary-fg-url: #FFC7C7;
|
|
--primary-light-bg: #3D77C7; // #4f83cc;
|
|
--primary-light-fg: white;
|
|
--primary-dark-bg: #002f6c;
|
|
--primary-dark-fg: white;
|
|
|
|
--secondary-bg: #f57c00;
|
|
--secondary-fg: black;
|
|
--secondary-light-bg: #ffad42;
|
|
--secondary-light-fg: black;
|
|
--secondary-dark-bg: #bb4d00;
|
|
--secondary-dark-fg: white;
|
|
|
|
--table-fg: #333;
|
|
--border: #ccc;
|
|
--border-fg: black;
|
|
--border-fg-url: #8f3c00;
|
|
--title-fg: #555;
|
|
--meta-fg: #757575; // #999
|
|
--meta-light-fg: #999999;
|
|
|
|
--main-bg: white;
|
|
--main-fg: black;
|
|
--input-bg: white;
|
|
--input-border: #333;
|
|
--input-fg: black;
|
|
|
|
--newsitem-bg: transparent;
|
|
--newsitem-border: none;
|
|
}
|
|
|
|
.darkmodeon {
|
|
--primary-bg: #013b68;
|
|
--primary-fg: white;
|
|
--primary-fg-url: #FFC7C7;
|
|
--primary-light-bg: #28518B;
|
|
--primary-light-fg: white;
|
|
--primary-dark-bg: #002f6c;
|
|
--primary-dark-fg: white;
|
|
|
|
--secondary-bg: #e05e00;
|
|
--secondary-fg: black;
|
|
--secondary-light-bg: #ffad42;
|
|
--secondary-light-fg: black;
|
|
--secondary-dark-bg: #e05e00;
|
|
--secondary-dark-fg: white;
|
|
--secondary-darker-fg: #fe791b;
|
|
|
|
--table-fg: #333;
|
|
--border: #343536;
|
|
--border-fg: #d7dadc;;
|
|
--border-fg-url: #e05e00;
|
|
--title-fg: #808080;
|
|
--meta-fg: hsl(0, 0%, 55%);
|
|
--meta-light-fg: #999999;
|
|
|
|
--main-bg: black;
|
|
--main-fg: #d7dadc;
|
|
--input-bg: #272729;
|
|
--input-border: #343536;
|
|
--input-fg: white;
|
|
|
|
--newsitem-bg: #1a1a1b;
|
|
--newsitem-border: 1px solid #343536;
|
|
}
|
|
|
|
|
|
$primary-bg: #01579b;
|
|
$primary-fg: white;
|
|
$primary-fg-url: #FFC7C7;
|
|
$primary-light-bg: #3D77C7; // #4f83cc;
|
|
$primary-light-fg: white;
|
|
$primary-dark-bg: #002f6c;
|
|
$primary-dark-fg: white;
|
|
|
|
$secondary-bg: #f57c00;
|
|
$secondary-fg: black;
|
|
$secondary-light-bg: #ffad42;
|
|
$secondary-light-fg: black;
|
|
$secondary-dark-bg: #bb4d00;
|
|
$secondary-dark-fg: white;
|
|
|
|
$table-fg: #333;
|
|
$border: #ccc;
|
|
$border-fg: black;
|
|
$border-fg-url: #8f3c00;
|
|
$title-fg: #555;
|
|
$meta-fg: #757575; // #999
|
|
$meta-light-fg: #999999;
|
|
|
|
$main-bg: white;
|
|
$main-fg: black;
|
|
$input-bg: white;
|
|
$input-border: #333;
|
|
$input-fg: black;
|
|
|
|
$newsitem-bg: transparent;
|
|
$newsitem-border: none;
|
|
|
|
/* Dark theme */
|
|
|
|
$dark_primary-bg: #013b68;
|
|
$dark_primary-fg: white;
|
|
$dark_primary-fg-url: #FFC7C7;
|
|
$dark_primary-light-bg: #28518B;
|
|
$dark_primary-light-fg: white;
|
|
$dark_primary-dark-bg: #002f6c;
|
|
$dark_primary-dark-fg: white;
|
|
|
|
$dark_secondary-bg: #e05e00;
|
|
$dark_secondary-fg: black;
|
|
$dark_secondary-light-bg: #ffad42;
|
|
$dark_secondary-light-fg: black;
|
|
$dark_secondary-dark-bg: #e05e00;
|
|
$dark_secondary-dark-fg: white;
|
|
$dark_secondary-darker-fg: #fe791b;
|
|
|
|
$dark_table-fg: #333;
|
|
$dark_border: #343536;
|
|
$dark_border-fg: #d7dadc;;
|
|
$dark_border-fg-url: #e05e00;
|
|
$dark_title-fg: #808080;
|
|
$dark_meta-fg: hsl(0, 0%, 55%);
|
|
$dark_meta-light-fg: #999999;
|
|
|
|
$dark_main-bg: black;
|
|
$dark_main-fg: #d7dadc;
|
|
$dark_input-bg: #272729;
|
|
$dark_input-border: #343536;
|
|
$dark_input-fg: white;
|
|
|
|
$dark_newsitem-bg: #1a1a1b;
|
|
$dark_newsitem-border: 1px solid #343536;
|