mirror of
https://github.com/notion-enhancer/notion-enhancer.git
synced 2025-04-05 05:09:03 +00:00
204 lines
11 KiB
CSS
204 lines
11 KiB
CSS
/*
|
|
* notion-enhancer
|
|
* (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
|
* under the MIT license
|
|
*/
|
|
|
|
@import './variables.css';
|
|
|
|
.notion-dark-theme {
|
|
--theme--main: var(--theme_dark--main);
|
|
--theme--sidebar: var(--theme_dark--sidebar);
|
|
--theme--overlay: var(--theme_dark--overlay);
|
|
--theme--dragarea: var(--theme_dark--dragarea);
|
|
--theme--preview-width: var(--theme_dark--preview-width);
|
|
--theme--preview-padding: var(--theme_dark--preview-padding);
|
|
--theme--preview_banner-height: var(--theme_dark--preview_banner-height);
|
|
--theme--page_banner-height: var(--theme_dark--page_banner-height);
|
|
--theme--font_sans: var(--theme_dark--font_sans);
|
|
--theme--font_serif: var(--theme_dark--font_serif);
|
|
--theme--font_mono: var(--theme_dark--font_mono);
|
|
--theme--font_code: var(--theme_dark--font_code);
|
|
--theme--font_title-size: var(--theme_dark--font_title-size);
|
|
--theme--font_heading1-size: var(--theme_dark--font_heading1-size);
|
|
--theme--font_heading2-size: var(--theme_dark--font_heading2-size);
|
|
--theme--font_heading3-size: var(--theme_dark--font_heading3-size);
|
|
--theme--font_label-size: var(--theme_dark--font_label-size);
|
|
--theme--font_body-size: var(--theme_dark--font_body-size);
|
|
--theme--font_code-size: var(--theme_dark--font_code-size);
|
|
--theme--font_sidebar-size: var(--theme_dark--font_sidebar-size);
|
|
--theme--scrollbar: var(--theme_dark--scrollbar);
|
|
--theme--scrollbar-border: var(--theme_dark--scrollbar-border);
|
|
--theme--scrollbar_hover: var(--theme_dark--scrollbar_hover);
|
|
--theme--card: var(--theme_dark--card);
|
|
--theme--gallery: var(--theme_dark--gallery);
|
|
--theme--table-border: var(--theme_dark--table-border);
|
|
--theme--interactive_hover: var(--theme_dark--interactive_hover);
|
|
--theme--interactive_hover-border: var(
|
|
--theme_dark--interactive_hover-border
|
|
);
|
|
--theme--button_close: var(--theme_dark--button_close);
|
|
--theme--button_close-fill: var(--theme_dark--button_close-fill);
|
|
--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--primary_indicator: var(--theme_dark--primary_indicator);
|
|
--theme--option-color: var(--theme_dark--option-color);
|
|
--theme--option-background: var(--theme_dark--option-background);
|
|
--theme--option_active-color: var(--theme_dark--option_active-color);
|
|
--theme--option_active-background: var(
|
|
--theme_dark--option_active-background
|
|
);
|
|
--theme--option_hover-color: var(--theme_dark--option_hover-color);
|
|
--theme--option_hover-background: var(--theme_dark--option_hover-background);
|
|
--theme--danger_text: var(--theme_dark--danger_text);
|
|
--theme--danger_border: var(--theme_dark--danger_border);
|
|
--theme--text: var(--theme_dark--text);
|
|
--theme--text_ui: var(--theme_dark--text_ui);
|
|
--theme--text_ui_info: var(--theme_dark--text_ui_info);
|
|
--theme--text_gray: var(--theme_dark--text_gray);
|
|
--theme--text_brown: var(--theme_dark--text_brown);
|
|
--theme--text_orange: var(--theme_dark--text_orange);
|
|
--theme--text_yellow: var(--theme_dark--text_yellow);
|
|
--theme--text_green: var(--theme_dark--text_green);
|
|
--theme--text_blue: var(--theme_dark--text_blue);
|
|
--theme--text_purple: var(--theme_dark--text_purple);
|
|
--theme--text_pink: var(--theme_dark--text_pink);
|
|
--theme--text_red: var(--theme_dark--text_red);
|
|
--theme--bg_gray: var(--theme_dark--bg_gray);
|
|
--theme--bg_brown: var(--theme_dark--bg_brown);
|
|
--theme--bg_orange: var(--theme_dark--bg_orange);
|
|
--theme--bg_yellow: var(--theme_dark--bg_yellow);
|
|
--theme--bg_green: var(--theme_dark--bg_green);
|
|
--theme--bg_blue: var(--theme_dark--bg_blue);
|
|
--theme--bg_purple: var(--theme_dark--bg_purple);
|
|
--theme--bg_pink: var(--theme_dark--bg_pink);
|
|
--theme--bg_red: var(--theme_dark--bg_red);
|
|
--theme--line_gray: var(--theme_dark--line_gray);
|
|
--theme--line_brown: var(--theme_dark--line_brown);
|
|
--theme--line_orange: var(--theme_dark--line_orange);
|
|
--theme--line_yellow: var(--theme_dark--line_yellow);
|
|
--theme--line_green: var(--theme_dark--line_green);
|
|
--theme--line_blue: var(--theme_dark--line_blue);
|
|
--theme--line_purple: var(--theme_dark--line_purple);
|
|
--theme--line_pink: var(--theme_dark--line_pink);
|
|
--theme--line_red: var(--theme_dark--line_red);
|
|
--theme--code_inline-text: var(--theme_dark--code_inline-text);
|
|
--theme--code_inline-background: var(--theme_dark--code_inline-background);
|
|
--theme--code_text: var(--theme_dark--code_text);
|
|
--theme--code-background: var(--theme_dark--code-background);
|
|
--theme--code_function: var(--theme_dark--code_function);
|
|
--theme--code_keyword: var(--theme_dark--code_keyword);
|
|
--theme--code_tag: var(--theme_dark--code_tag);
|
|
--theme--code_operator: var(--theme_dark--code_operator);
|
|
--theme--code_important: var(--theme_dark--code_important);
|
|
--theme--code_property: var(--theme_dark--code_property);
|
|
--theme--code_builtin: var(--theme_dark--code_builtin);
|
|
--theme--code_attr-name: var(--theme_dark--code_attr-name);
|
|
--theme--code_comment: var(--theme_dark--code_comment);
|
|
--theme--code_punctuation: var(--theme_dark--code_punctuation);
|
|
--theme--code_doctype: var(--theme_dark--code_doctype);
|
|
--theme--code_number: var(--theme_dark--code_number);
|
|
--theme--code_string: var(--theme_dark--code_string);
|
|
--theme--code_attr-value: var(--theme_dark--code_attr-value);
|
|
}
|
|
|
|
.notion-light-theme {
|
|
--theme--main: var(--theme_light--main);
|
|
--theme--sidebar: var(--theme_light--sidebar);
|
|
--theme--overlay: var(--theme_light--overlay);
|
|
--theme--dragarea: var(--theme_light--dragarea);
|
|
--theme--preview-width: var(--theme_light--preview-width);
|
|
--theme--preview-padding: var(--theme_light--preview-padding);
|
|
--theme--preview_banner-height: var(--theme_light--preview_banner-height);
|
|
--theme--page_banner-height: var(--theme_light--page_banner-height);
|
|
--theme--font_sans: var(--theme_light--font_sans);
|
|
--theme--font_serif: var(--theme_light--font_serif);
|
|
--theme--font_mono: var(--theme_light--font_mono);
|
|
--theme--font_code: var(--theme_light--font_code);
|
|
--theme--font_title-size: var(--theme_light--font_title-size);
|
|
--theme--font_heading1-size: var(--theme_light--font_heading1-size);
|
|
--theme--font_heading2-size: var(--theme_light--font_heading2-size);
|
|
--theme--font_heading3-size: var(--theme_light--font_heading3-size);
|
|
--theme--font_label-size: var(--theme_light--font_label-size);
|
|
--theme--font_body-size: var(--theme_light--font_body-size);
|
|
--theme--font_code-size: var(--theme_light--font_code-size);
|
|
--theme--font_sidebar-size: var(--theme_light--font_sidebar-size);
|
|
--theme--scrollbar: var(--theme_light--scrollbar);
|
|
--theme--scrollbar-border: var(--theme_light--scrollbar-border);
|
|
--theme--scrollbar_hover: var(--theme_light--scrollbar_hover);
|
|
--theme--card: var(--theme_light--card);
|
|
--theme--gallery: var(--theme_light--gallery);
|
|
--theme--table-border: var(--theme_light--table-border);
|
|
--theme--interactive_hover: var(--theme_light--interactive_hover);
|
|
--theme--interactive_hover-border: var(
|
|
--theme_light--interactive_hover-border
|
|
);
|
|
--theme--button_close: var(--theme_light--button_close);
|
|
--theme--button_close-fill: var(--theme_light--button_close-fill);
|
|
--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);
|
|
--theme--primary_indicator: var(--theme_light--primary_indicator);
|
|
--theme--option-color: var(--theme_light--option-color);
|
|
--theme--option-background: var(--theme_light--option-background);
|
|
--theme--option_hover-color: var(--theme_light--option_hover-color);
|
|
--theme--option_hover-background: var(--theme_light--option_hover-background);
|
|
--theme--option_active-color: var(--theme_light--option_active-color);
|
|
--theme--option_active-background: var(
|
|
--theme_light--option_active-background
|
|
);
|
|
--theme--danger_text: var(--theme_light--danger_text);
|
|
--theme--danger_border: var(--theme_light--danger_border);
|
|
--theme--text: var(--theme_light--text);
|
|
--theme--text_ui: var(--theme_light--text_ui);
|
|
--theme--text_ui_info: var(--theme_light--text_ui_info);
|
|
--theme--text_gray: var(--theme_light--text_gray);
|
|
--theme--text_brown: var(--theme_light--text_brown);
|
|
--theme--text_orange: var(--theme_light--text_orange);
|
|
--theme--text_yellow: var(--theme_light--text_yellow);
|
|
--theme--text_green: var(--theme_light--text_green);
|
|
--theme--text_blue: var(--theme_light--text_blue);
|
|
--theme--text_purple: var(--theme_light--text_purple);
|
|
--theme--text_pink: var(--theme_light--text_pink);
|
|
--theme--text_red: var(--theme_light--text_red);
|
|
--theme--bg_gray: var(--theme_light--bg_gray);
|
|
--theme--bg_brown: var(--theme_light--bg_brown);
|
|
--theme--bg_orange: var(--theme_light--bg_orange);
|
|
--theme--bg_yellow: var(--theme_light--bg_yellow);
|
|
--theme--bg_green: var(--theme_light--bg_green);
|
|
--theme--bg_blue: var(--theme_light--bg_blue);
|
|
--theme--bg_purple: var(--theme_light--bg_purple);
|
|
--theme--bg_pink: var(--theme_light--bg_pink);
|
|
--theme--bg_red: var(--theme_light--bg_red);
|
|
--theme--line_gray: var(--theme_light--line_gray);
|
|
--theme--line_brown: var(--theme_light--line_brown);
|
|
--theme--line_orange: var(--theme_light--line_orange);
|
|
--theme--line_yellow: var(--theme_light--line_yellow);
|
|
--theme--line_green: var(--theme_light--line_green);
|
|
--theme--line_blue: var(--theme_light--line_blue);
|
|
--theme--line_purple: var(--theme_light--line_purple);
|
|
--theme--line_pink: var(--theme_light--line_pink);
|
|
--theme--line_red: var(--theme_light--line_red);
|
|
--theme--code_inline-text: var(--theme_light--code_inline-text);
|
|
--theme--code_inline-background: var(--theme_light--code_inline-background);
|
|
--theme--code_text: var(--theme_light--code_text);
|
|
--theme--code-background: var(--theme_light--code-background);
|
|
--theme--code_function: var(--theme_light--code_function);
|
|
--theme--code_keyword: var(--theme_light--code_keyword);
|
|
--theme--code_tag: var(--theme_light--code_tag);
|
|
--theme--code_operator: var(--theme_light--code_operator);
|
|
--theme--code_important: var(--theme_light--code_important);
|
|
--theme--code_property: var(--theme_light--code_property);
|
|
--theme--code_builtin: var(--theme_light--code_builtin);
|
|
--theme--code_attr-name: var(--theme_light--code_attr-name);
|
|
--theme--code_comment: var(--theme_light--code_comment);
|
|
--theme--code_punctuation: var(--theme_light--code_punctuation);
|
|
--theme--code_doctype: var(--theme_light--code_doctype);
|
|
--theme--code_number: var(--theme_light--code_number);
|
|
--theme--code_string: var(--theme_light--code_string);
|
|
--theme--code_attr-value: var(--theme_light--code_attr-value);
|
|
}
|