mirror of
https://github.com/notion-enhancer/notion-enhancer.git
synced 2025-04-05 13:19:03 +00:00
161 lines
6.6 KiB
CSS
161 lines
6.6 KiB
CSS
/**
|
|
* notion-enhancer: dracula
|
|
* (c) 2016 Artic Ice Studio
|
|
* (c) 2020 MANNNNEN
|
|
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
|
* (https://notion-enhancer.github.io/) under the MIT license
|
|
*/
|
|
|
|
:root.dark {
|
|
--nord--dark1: #2e3440;
|
|
--nord--dark2: #3b4252;
|
|
--nord--dark3: #434c5e;
|
|
--nord--dark4: #4c566a;
|
|
--nord--light1: #d8dee9;
|
|
--nord--light2: #e5e9f0;
|
|
--nord--light3: #eceff4;
|
|
--nord--frost1: #8fbcbb;
|
|
--nord--frost2: #88c0d0;
|
|
--nord--frost3: #81a1c1;
|
|
--nord--frost4: #5e81ac;
|
|
--nord--red: #bf616a;
|
|
--nord--orange: #d08770;
|
|
--nord--yellow: #ebcb8b;
|
|
--nord--green: #a3be8c;
|
|
--nord--purple: #b48ead;
|
|
|
|
--theme--accent_blue: var(--nord--frost2);
|
|
--theme--accent_blue-selection: rgb(136 192 208 / 50%);
|
|
--theme--accent_blue-hover: var(--nord--frost1);
|
|
--theme--accent_blue-active: var(--nord--frost2);
|
|
--theme--accent_red: var(--nord--red);
|
|
--theme--accent_red-button: rgba(235, 87, 87, 0.2);
|
|
|
|
--theme--bg: var(--nord--dark1);
|
|
--theme--bg_secondary: var(--nord--dark2);
|
|
--theme--bg_card: var(--nord--dark2);
|
|
|
|
--theme--scrollbar_track: transparent;
|
|
--theme--scrollbar_thumb: var(--nord--dark3);
|
|
--theme--scrollbar_thumb-hover: var(--nord--dark4);
|
|
|
|
--theme--ui_divider: rgba(255, 255, 255, 0.1);
|
|
--theme--ui_interactive-hover: var(--nord--dark4);
|
|
--theme--ui_interactive-active: #4c566ade;
|
|
--theme--ui_toggle-off: var(--nord--dark4);
|
|
--theme--ui_toggle-feature: var(--nord--light1);
|
|
--theme--ui_corner_action: var(--theme--bg_card);
|
|
--theme--ui_corner_action-hover: var(--theme--ui_interactive-hover);
|
|
--theme--ui_corner_action-active: var(--theme--ui_interactive-active);
|
|
|
|
--theme--icon: var(--nord--light1);
|
|
--theme--icon_secondary: var(--nord--light1);
|
|
|
|
--theme--text: var(--nord--light1);
|
|
--theme--text_secondary: var(--nord--light1);
|
|
|
|
--theme--text_gray: rgba(151, 154, 155, 0.95);
|
|
--theme--text_brown: rgb(147, 114, 100);
|
|
--theme--text_orange: var(--nord--orange);
|
|
--theme--text_yellow: var(--nord--yellow);
|
|
--theme--text_green: var(--nord--green);
|
|
--theme--text_blue: var(--nord--frost3);
|
|
--theme--text_purple: var(--nord--purple);
|
|
--theme--text_pink: rgb(193 106 153);
|
|
--theme--text_red: var(--nord--red);
|
|
|
|
--theme--highlight_gray: rgb(69, 75, 78);
|
|
--theme--highlight_brown: rgb(67, 64, 64);
|
|
--theme--highlight_orange: var(--nord--orange);
|
|
--theme--highlight_yellow: var(--nord--yellow);
|
|
--theme--highlight_yellow-text: var(--nord--dark1);
|
|
--theme--highlight_green: var(--nord--green);
|
|
--theme--highlight_blue: var(--nord--frost3);
|
|
--theme--highlight_purple: var(--nord--purple);
|
|
--theme--highlight_pink: rgb(193 106 153);
|
|
--theme--highlight_red: var(--nord--red);
|
|
|
|
--theme--callout_gray: rgb(69, 75, 78);
|
|
--theme--callout_brown: rgb(67, 64, 64);
|
|
--theme--callout_orange: var(--nord--orange);
|
|
--theme--callout_yellow: var(--nord--yellow);
|
|
--theme--callout_yellow-text: var(--nord--dark1);
|
|
--theme--callout_green: var(--nord--green);
|
|
--theme--callout_blue: var(--nord--frost3);
|
|
--theme--callout_purple: var(--nord--purple);
|
|
--theme--callout_pink: rgb(193 106 153);
|
|
--theme--callout_red: var(--nord--red);
|
|
|
|
--theme--tag_default: rgba(151, 154, 155, 0.5);
|
|
--theme--tag_light_gray: rgba(182, 184, 185, 0.5);
|
|
--theme--tag_gray: rgba(151, 154, 155, 0.5);
|
|
--theme--tag_brown: rgba(147, 114, 100, 0.5);
|
|
--theme--tag_orange: rgba(255, 163, 68, 0.5);
|
|
--theme--tag_yellow: rgba(255, 220, 73, 0.5);
|
|
--theme--tag_green: rgba(77, 171, 154, 0.5);
|
|
--theme--tag_blue: rgba(82, 156, 202, 0.5);
|
|
--theme--tag_purple: rgba(154, 109, 215, 0.5);
|
|
--theme--tag_pink: rgba(226, 85, 161, 0.5);
|
|
--theme--tag_red: rgba(255, 115, 105, 0.5);
|
|
|
|
--theme--board_light_gray: rgba(69, 75, 78, 0.3);
|
|
--theme--board_light_gray-card: var(--theme--tag_light_gray);
|
|
--theme--board_light_gray-card_text: var(--theme--tag_light_gray-text);
|
|
--theme--board_light_gray-text: rgba(161, 162, 163, 0.95);
|
|
--theme--board_gray: rgba(69, 75, 78, 0.3);
|
|
--theme--board_gray-card: var(--theme--tag_gray);
|
|
--theme--board_gray-card_text: var(--theme--tag_gray-text);
|
|
--theme--board_gray-text: var(--theme--text_gray);
|
|
--theme--board_brown: rgba(67, 64, 64, 0.3);
|
|
--theme--board_brown-card: var(--theme--tag_brown);
|
|
--theme--board_brown-card_text: var(--theme--tag_brown-text);
|
|
--theme--board_brown-text: var(--theme--text_brown);
|
|
--theme--board_orange: rgba(89, 74, 58, 0.3);
|
|
--theme--board_orange-card: var(--theme--tag_orange);
|
|
--theme--board_orange-card_text: var(--theme--tag_orange-text);
|
|
--theme--board_orange-text: var(--theme--text_orange);
|
|
--theme--board_yellow: rgba(89, 86, 59, 0.3);
|
|
--theme--board_yellow-card: var(--theme--tag_yellow);
|
|
--theme--board_yellow-card_text: var(--theme--tag_yellow-text);
|
|
--theme--board_yellow-text: var(--theme--text_yellow);
|
|
--theme--board_green: rgba(53, 76, 75, 0.3);
|
|
--theme--board_green-card: var(--theme--tag_green);
|
|
--theme--board_green-card_text: var(--theme--tag_green-text);
|
|
--theme--board_green-text: var(--theme--text_green);
|
|
--theme--board_blue: rgba(54, 73, 84, 0.3);
|
|
--theme--board_blue-card: var(--theme--tag_blue);
|
|
--theme--board_blue-card_text: var(--theme--tag_blue-text);
|
|
--theme--board_blue-text: var(--theme--text_blue);
|
|
--theme--board_purple: rgba(68, 63, 87, 0.3);
|
|
--theme--board_purple-card: var(--theme--tag_purple);
|
|
--theme--board_purple-card_text: var(--theme--tag_purple-text);
|
|
--theme--board_purple-text: var(--theme--text_purple);
|
|
--theme--board_pink: rgba(83, 59, 76, 0.3);
|
|
--theme--board_pink-card: var(--theme--tag_pink);
|
|
--theme--board_pink-card_text: var(--theme--tag_pink-text);
|
|
--theme--board_pink-text: var(--theme--text_pink);
|
|
--theme--board_red: rgba(89, 65, 65, 0.3);
|
|
--theme--board_red-card: var(--theme--tag_red);
|
|
--theme--board_red-card_text: var(--theme--tag_red-text);
|
|
--theme--board_red-text: var(--theme--text_red);
|
|
|
|
--theme--code_inline: rgba(135, 131, 120, 0.15);
|
|
--theme--code_inline-text: var(--nord--red);
|
|
|
|
--theme--code: var(--theme--bg_card);
|
|
--theme--code_function: var(--theme--text_blue);
|
|
--theme--code_keyword: var(--theme--text_pink);
|
|
--theme--code_tag: var(--theme--text_pink);
|
|
--theme--code_operator: var(--theme--text_yellow);
|
|
--theme--code_important: var(--theme--text_yellow);
|
|
--theme--code_property: var(--theme--text_pink);
|
|
--theme--code_builtin: var(--theme--text_yellow);
|
|
--theme--code_attr-name: var(--theme--text_yellow);
|
|
--theme--code_comment: var(--theme--text_gray);
|
|
--theme--code_punctuation: var(--theme--text_gray);
|
|
--theme--code_doctype: var(--theme--text_gray);
|
|
--theme--code_number: var(--theme--text_purple);
|
|
--theme--code_string: var(--theme--text_orange);
|
|
--theme--code_attr-value: var(--theme--text_orange);
|
|
}
|