mirror of
https://github.com/notion-enhancer/notion-enhancer.git
synced 2025-04-16 18:09:01 +00:00
57 lines
2.5 KiB
CSS
57 lines
2.5 KiB
CSS
/*
|
|
* contrast-blue-orange
|
|
* (c) 2021 GuYith (https://github.com/GuYith)
|
|
* under the MIT license
|
|
*/
|
|
|
|
:root {
|
|
|
|
/** light **/
|
|
--light_contrast-orange: #f35b10;
|
|
--light_contrast-blue-1: #f8f9fa;
|
|
--light_contrast-blue-2: #4c7bb3;
|
|
--light_contrast-blue-3: #335a8a ;
|
|
--light_contrast-blue-4: #224671;
|
|
|
|
--light_contrast-main: #fefafa;
|
|
--light_contrast-transparent: transparent;
|
|
--light_contrast-text_ui: #1e114e;
|
|
--light_contrast-trans-7: #e8f1fac5;
|
|
--light_contrast-trans-0: #f5f6f8da;
|
|
--light_contrast-trans-1: #bad6f861;
|
|
--light_contrast-trans-2: #bad6f896;
|
|
--light_contrast-trans-3: #bad6f8b8;
|
|
--light_contrast-trans-4: #bad6f8da;
|
|
--light_contrast-trans-5: #bad6f875;
|
|
--light_contrast-trans-6: #bad6f899;
|
|
|
|
--theme_light--main: var(--light_contrast-main);
|
|
--theme_light--sidebar: var(--light_contrast-transparent);
|
|
--theme_light--overlay: var(--light_contrast-trans-1);
|
|
--theme_light--dragarea: var(--light_contrast-blue-1);
|
|
--theme_light--box-shadow: var(--light_contrast-trans-1) 0px 0px 0px 1px, var(--light_contrast-trans-1) 0px 2px 4px;
|
|
--theme_light--box-shadow_strong: var(--light_contrast-trans-4) 0px 0px 0px 1px, var(--light_contrast-trans-2) 0px 3px 6px, var(--light_contrast-trans-3) 0px 9px 24px;
|
|
|
|
--theme_light--scrollbar: var(--light_contrast-blue-3);
|
|
--theme_light--scrollbar-border: var(--light_contrast-transparen);
|
|
--theme_light--scrollbar_hover: var(--light_contrast-blue-2);
|
|
--theme_light--card: var(--light_contrast-blue-1);
|
|
--theme_light--gallery: var(--light_contrast-trans-0);
|
|
--theme_light--select_input: var(--light_contrast-trans-7);
|
|
--theme_light--table-border: var(--light_contrast-trans-7);
|
|
--theme_light--ui-border: var(--light_contrast-trans-0);
|
|
--theme_light--interactive_hover: var(--light_contrast-trans-7);
|
|
--theme_light--interactive_hover-border: var(--light_contrast-transparent);
|
|
--theme_light--selected: var(--light_contrast-trans-7);
|
|
--theme_light--primary: var(--light_contrast-orange);
|
|
--theme_light--primary_hover: var(--light_contrast-blue-2);
|
|
--theme_light--primary_click: var(--light_contrast-blue-4);
|
|
--theme_light--option-color: var(--light_contrast-blue-3);
|
|
--theme_light--option-background: var(--light_contrast-transparent);
|
|
--theme_light--option_hover-color: var(--light_contrast-blue-4);
|
|
--theme_light--option_hover-background: var(--light_contrast-trans-7);
|
|
--theme_light--text_ui: var(--light_contrast-text_ui);
|
|
--theme_light--text_ui_info: var(--light_contrast-orange);
|
|
}
|
|
|
|
.notion-sidebar{background-color:#fafcfd;} |