74 lines
2.0 KiB
SCSS
74 lines
2.0 KiB
SCSS
html.dark {
|
|
// brand colors
|
|
--c-brand: #3aa675;
|
|
--c-brand-light: #349469;
|
|
|
|
// background colors
|
|
--c-bg: #22272e;
|
|
--c-bg-light: #2b313a;
|
|
--c-bg-lighter: #262c34;
|
|
--c-bg-dark: #343b44;
|
|
--c-bg-darker: #37404c;
|
|
|
|
// text colors
|
|
--c-text: #adbac7;
|
|
--c-text-light: #96a7b7;
|
|
--c-text-lighter: #8b9eb0;
|
|
--c-text-lightest: #8094a8;
|
|
|
|
// border colors
|
|
--c-border: #3e4c5a;
|
|
--c-border-dark: #34404c;
|
|
|
|
// custom container colors
|
|
--c-tip: #318a62;
|
|
--c-warning: #e0ad15;
|
|
--c-warning-bg: #2d2f2d;
|
|
--c-warning-bg-light: #423e2a;
|
|
--c-warning-bg-lighter: #44442f;
|
|
--c-warning-border-dark: #957c35;
|
|
--c-warning-details-bg: #39392d;
|
|
--c-warning-title: #fdca31;
|
|
--c-warning-text: #d8d96d;
|
|
--c-warning-text-accent: #ffbf00;
|
|
--c-warning-text-light: #ddb84b;
|
|
--c-warning-text-quote: #ccab49;
|
|
--c-danger: #fc1e38;
|
|
--c-danger-bg: #39232c;
|
|
--c-danger-bg-light: #4b2b35;
|
|
--c-danger-bg-lighter: #553040;
|
|
--c-danger-border-dark: #a25151;
|
|
--c-danger-details-bg: #482936;
|
|
--c-danger-title: #fc2d3b;
|
|
--c-danger-text: #ea9ca0;
|
|
--c-danger-text-accent: #fd3636;
|
|
--c-danger-text-light: #d9777c;
|
|
--c-danger-text-quote: #d56b6b;
|
|
--c-details-bg: #323843;
|
|
|
|
// badge component colors
|
|
--c-badge-warning: var(--c-warning);
|
|
--c-badge-warning-text: #3c2e05;
|
|
--c-badge-danger: var(--c-danger);
|
|
--c-badge-danger-text: #401416;
|
|
|
|
// plugin-docsearch
|
|
/* stylelint-disable-next-line selector-class-pattern */
|
|
.DocSearch {
|
|
--docsearch-logo-color: var(--c-text);
|
|
--docsearch-modal-shadow: inset 1px 1px 0 0 #2c2e40, 0 3px 8px 0 #000309;
|
|
--docsearch-key-shadow: inset 0 -2px 0 0 #282d55, inset 0 0 1px 1px #51577d,
|
|
0 2px 2px 0 rgb(3 4 9 / 30%);
|
|
--docsearch-key-gradient: linear-gradient(-225deg, #444950, #1c1e21);
|
|
--docsearch-footer-shadow: inset 0 1px 0 0 rgb(73 76 106 / 50%),
|
|
0 -4px 8px 0 rgb(0 0 0 / 20%);
|
|
}
|
|
|
|
// plugin-pwa
|
|
body {
|
|
--pwa-shadow-color: rgb(0 0 0 / 30%);
|
|
--pwa-content-color: #ccc;
|
|
--pwa-content-light-color: #999;
|
|
}
|
|
}
|