mirror of
https://github.com/notion-enhancer/notion-enhancer.git
synced 2025-04-20 11:39:03 +00:00
56 lines
2.1 KiB
CSS
56 lines
2.1 KiB
CSS
/*
|
|
* Pinky Booooom Theme!
|
|
* (c) 2020 mugiwarafx (https://github.com/mugiwarafx)
|
|
* under the MIT license
|
|
*/
|
|
|
|
:root {
|
|
|
|
/** dark **/
|
|
--theme_dark--scrollbar: pink;
|
|
--theme_dark--scrollbar-border: transparent;
|
|
--theme_dark--scrollbar_hover: rgb(255, 192, 241);
|
|
--theme_dark--selected:#f7c8ff33;
|
|
--theme_dark--primary: rgb(113, 46, 220);
|
|
--theme_dark--primary_hover: hsl(350deg 40% 70% / 43%);
|
|
--theme_dark--primary_click: hsl(350deg 40% 70% / 43%);
|
|
--theme_dark--text: pink;
|
|
--theme_dark--text_ui: #ffa5fc;
|
|
--theme_dark--text_ui_info: hsl(260deg 40% 70%);
|
|
|
|
/** light **/
|
|
--theme_light--sidebar:#ff14932b;
|
|
--theme_light--scrollbar: #ff14ef;
|
|
--theme_light--scrollbar-border: inherit;
|
|
--theme_light--scrollbar_hover: hsl(350, 40%, 70%);
|
|
--theme_light--interactive_hover: rgb(228, 208, 255);
|
|
--theme_light--selected:hsl(294deg, 100%, 88%);
|
|
--theme_light--primary: #fd98f5;
|
|
--theme_light--primary_hover: deeppink;
|
|
--theme_light--primary_click: #fd98f5;
|
|
}
|
|
|
|
.notion-dark-theme {
|
|
--theme--scrollbar: var(--theme_dark--scrollbar);
|
|
--theme--scrollbar-border: var(--theme_dark--scrollbar-border);
|
|
--theme--scrollbar_hover: var(--theme_dark--scrollbar_hover);
|
|
--theme--selected: var(--theme_dark--selected);
|
|
--theme--primary: var(--theme_dark--primary);
|
|
--theme--primary_hover: var(--theme_dark--primary_hover);
|
|
--theme--primary_click: var(--theme_dark--primary_click);
|
|
--theme--text: var(--theme_dark--text);
|
|
--theme--text_ui: var(--theme_dark--text_ui);
|
|
--theme--text_ui_info: var(--theme_dark--text_ui_info);
|
|
}
|
|
|
|
.notion-light-theme {
|
|
--theme--sidebar: var(--theme_light--sidebar);
|
|
--theme--scrollbar: var(--theme_light--scrollbar);
|
|
--theme--scrollbar-border: var(--theme_light--scrollbar-border);
|
|
--theme--scrollbar_hover: var(--theme_light--scrollbar_hover);
|
|
--theme--interactive_hover: var(--theme_light--interactive_hover);
|
|
--theme--selected: var(--theme_light--selected);
|
|
--theme--primary: var(--theme_light--primary);
|
|
--theme--primary_hover: var(--theme_light--primary_hover);
|
|
--theme--primary_click: var(--theme_light--primary_click);
|
|
} |