|
|
|
@ -1,24 +1,59 @@ |
|
|
|
|
|
|
|
|
|
:root { |
|
|
|
|
|
|
|
|
|
--m-red: #EE7F38; |
|
|
|
|
--m-dark: #023B47; |
|
|
|
|
--m-light: #fefcf3; |
|
|
|
|
--m-blue: #295E52; |
|
|
|
|
|
|
|
|
|
--nc-tx-1: var(--m-dark); |
|
|
|
|
--nc-tx-2: #000; |
|
|
|
|
|
|
|
|
|
--nc-bg-1: #FFF; |
|
|
|
|
--nc-bg-2: var(--m-light); |
|
|
|
|
--nc-bg-3: var(--m-dark); |
|
|
|
|
/* Light theme */ |
|
|
|
|
--m-l-primary: #295E52; |
|
|
|
|
--m-l-secondary: #EE7F38; |
|
|
|
|
--m-l-bg: #FCFCFC; |
|
|
|
|
--m-l-bg-secondary: #FEFCF3; |
|
|
|
|
--m-l-bg-contrast: #303030; |
|
|
|
|
|
|
|
|
|
/* Dark theme */ |
|
|
|
|
--m-d-primary: #BADA55; |
|
|
|
|
--m-d-secondary: #EE7F38; |
|
|
|
|
--m-d-bg: #424242; |
|
|
|
|
--m-d-bg-secondary: #212121; |
|
|
|
|
--m-d-bg-contrast: #DDD; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
--nc-lk-1: var(--m-blue); |
|
|
|
|
--nc-lk-2: var(--m-red); |
|
|
|
|
--nc-lk-tx: #FFF; |
|
|
|
|
/* Plugging theming into new.css */ |
|
|
|
|
:root { |
|
|
|
|
--nc-tx-1: var(--m-l-bg-contrast); |
|
|
|
|
--nc-tx-2: var(--m-l-bg-contrast); |
|
|
|
|
--nc-bg-1: var(--m-l-bg); |
|
|
|
|
--nc-bg-2: var(--m-l-bg-secondary); |
|
|
|
|
--nc-bg-3: var(--m-l-primary); |
|
|
|
|
--nc-lk-1: var(--m-l-primary); |
|
|
|
|
--nc-lk-2: var(--m-l-secondary); |
|
|
|
|
--nc-lk-tx: var(--m-l-bg); |
|
|
|
|
--nc-ac-1: var(--m-l-bg-contrast); |
|
|
|
|
--nc-ac-tx: var(--m-l-bg); |
|
|
|
|
|
|
|
|
|
--nc-d-tx-1: var(--m-d-bg-contrast); |
|
|
|
|
--nc-d-tx-2: var(--m-d-bg-contrast); |
|
|
|
|
--nc-d-bg-1: var(--m-d-bg); |
|
|
|
|
--nc-d-bg-2: var(--m-d-bg-secondary); |
|
|
|
|
--nc-d-bg-3: var(--m-d-primary); |
|
|
|
|
--nc-d-lk-1: var(--m-d-primary); |
|
|
|
|
--nc-d-lk-2: var(--m-d-secondary); |
|
|
|
|
--nc-d-lk-tx: var(--m-d-bg); |
|
|
|
|
--nc-d-ac-1: var(--m-d-bg-contrast); |
|
|
|
|
--nc-d-ac-tx: var(--m-d-bg); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
--nc-ac-1: var(--m-red); |
|
|
|
|
--nc-ac-tx: var(--m-light); |
|
|
|
|
@media (prefers-color-scheme: dark) { |
|
|
|
|
|
|
|
|
|
:root { |
|
|
|
|
--nc-tx-1: var(--nc-d-tx-1); |
|
|
|
|
--nc-tx-2: var(--nc-d-tx-2); |
|
|
|
|
--nc-bg-1: var(--nc-d-bg-1); |
|
|
|
|
--nc-bg-2: var(--nc-d-bg-2); |
|
|
|
|
--nc-bg-3: var(--nc-d-bg-3); |
|
|
|
|
--nc-lk-1: var(--nc-d-lk-1); |
|
|
|
|
--nc-lk-2: var(--nc-d-lk-2); |
|
|
|
|
--nc-lk-tx: var(--nc-d-lk-tx); |
|
|
|
|
--nc-ac-1: var(--nc-d-ac-1); |
|
|
|
|
--nc-ac-tx: var(--nc-d-ac-tx); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
html { |
|
|
|
|