mirror of
https://github.com/notion-enhancer/notion-enhancer.git
synced 2025-04-05 21:29:01 +00:00
261 lines
11 KiB
CSS
261 lines
11 KiB
CSS
/*
|
|
* notion-enhancer
|
|
* (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
|
* (c) 2020 TarasokUA
|
|
* (c) 2020 Arecsu
|
|
* (c) 2020 u/zenith_illinois
|
|
* under the MIT license
|
|
*/
|
|
|
|
:root {
|
|
/** dark **/
|
|
|
|
--theme_dark--main: rgb(47, 52, 55);
|
|
--theme_dark--sidebar: rgb(55, 60, 63);
|
|
--theme_dark--overlay: rgba(15, 15, 15, 0.6);
|
|
--theme_dark--dragarea: #272d2f;
|
|
--theme_dark--preview-width: 977px;
|
|
--theme_dark--preview-padding: 8rem;
|
|
--theme_dark--preview_banner-height: 20vh;
|
|
--theme_dark--page_banner-height: 30vh;
|
|
|
|
--theme_dark--font_sans: -apple-system, BlinkMacSystemFont, 'Segoe UI',
|
|
Helvetica, 'Apple Color Emoji', Arial, sans-serif, 'Segoe UI Emoji',
|
|
'Segoe UI Symbol';
|
|
--theme_dark--font_serif: Lyon-Text, Georgia, YuMincho, 'Yu Mincho',
|
|
'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'Songti TC', 'Songti SC',
|
|
SimSun, 'Nanum Myeongjo', NanumMyeongjo, Batang, serif;
|
|
--theme_dark--font_mono: iawriter-mono, Nitti, Menlo, Courier, monospace;
|
|
--theme_dark--font_code: SFMono-Regular, Consolas, 'Liberation Mono', Menlo,
|
|
Courier, monospace;
|
|
|
|
--theme_dark--font_title-size: 40px;
|
|
--theme_dark--font_heading1-size: 1.875em;
|
|
--theme_dark--font_heading2-size: 1.5em;
|
|
--theme_dark--font_heading3-size: 1.25em;
|
|
--theme_dark--font_label-size: 14px;
|
|
--theme_dark--font_body-size: 16px;
|
|
--theme_dark--font_body-size_small: 14px;
|
|
--theme_dark--font_code-size: 0.796875em;
|
|
--theme_dark--font_sidebar-size: 14px;
|
|
|
|
--theme_dark--scrollbar: #505457;
|
|
--theme_dark--scrollbar-border: transparent;
|
|
--theme_dark--scrollbar_hover: #696d6f;
|
|
|
|
--theme_dark--card: rgb(63, 68, 71);
|
|
--theme_dark--gallery: rgba(255, 255, 255, 0.05);
|
|
--theme_dark--table-border: rgba(255, 255, 255, 0.1);
|
|
--theme_dark--interactive_hover: rgb(71, 76, 80);
|
|
--theme_dark--interactive_hover-border: transparent;
|
|
--theme_dark--button_close: #e81123;
|
|
--theme_dark--button_close-fill: white;
|
|
|
|
--theme_dark--selected: rgba(46, 170, 220, 0.2);
|
|
--theme_dark--primary: rgb(46, 170, 220);
|
|
--theme_dark--primary_hover: rgb(6, 156, 205);
|
|
--theme_dark--primary_click: rgb(0, 141, 190);
|
|
--theme_dark--primary_indicator: rgb(235, 87, 87);
|
|
|
|
--theme_dark--option-color: white;
|
|
--theme_dark--option-background: transparent;
|
|
--theme_dark--option_active-color: white;
|
|
--theme_dark--option_active-background: var(--theme_dark--primary);
|
|
--theme_dark--option_hover-color: white;
|
|
--theme_dark--option_hover-background: rgb(71, 76, 80);
|
|
|
|
--theme_dark--danger_text: rgb(235, 87, 87);
|
|
--theme_dark--danger_border: rgba(235, 87, 87, 0.5);
|
|
|
|
--theme_dark--text: rgba(255, 255, 255, 0.9);
|
|
--theme_dark--text_ui: rgba(255, 255, 255, 0.6);
|
|
--theme_dark--text_ui_info: rgba(255, 255, 255, 0.4);
|
|
|
|
--theme_dark--text_gray: rgba(151, 154, 155, 0.95);
|
|
--theme_dark--text_brown: rgb(147, 114, 100);
|
|
--theme_dark--text_orange: rgb(255, 163, 68);
|
|
--theme_dark--text_yellow: rgb(255, 220, 73);
|
|
--theme_dark--text_green: rgb(77, 171, 154);
|
|
--theme_dark--text_blue: rgb(82, 156, 202);
|
|
--theme_dark--text_purple: rgb(154, 109, 215);
|
|
--theme_dark--text_pink: rgb(226, 85, 161);
|
|
--theme_dark--text_red: rgb(255, 115, 105);
|
|
|
|
--theme_dark--select_text: var(--theme_dark--text);
|
|
--theme_dark--select_gray: rgba(151, 154, 155, 0.5);
|
|
--theme_dark--select_brown: rgba(147, 114, 100, 0.5);
|
|
--theme_dark--select_orange: rgba(255, 163, 68, 0.5);
|
|
--theme_dark--select_yellow: rgba(255, 220, 73, 0.5);
|
|
--theme_dark--select_green: rgba(77, 171, 154, 0.5);
|
|
--theme_dark--select_blue: rgba(82, 156, 202, 0.5);
|
|
--theme_dark--select_purple: rgba(154, 109, 215, 0.5);
|
|
--theme_dark--select_pink: rgba(226, 85, 161, 0.5);
|
|
--theme_dark--select_red: rgba(255, 115, 105, 0.5);
|
|
|
|
--theme_dark--bg_text: var(--theme_dark--text);
|
|
--theme_dark--bg_gray: rgb(69, 75, 78);
|
|
--theme_dark--bg_brown: rgb(67, 64, 64);
|
|
--theme_dark--bg_orange: rgb(89, 74, 58);
|
|
--theme_dark--bg_yellow: rgb(89, 86, 59);
|
|
--theme_dark--bg_green: rgb(53, 76, 75);
|
|
--theme_dark--bg_blue: rgb(54, 73, 84);
|
|
--theme_dark--bg_purple: rgb(68, 63, 87);
|
|
--theme_dark--bg_pink: rgb(83, 59, 76);
|
|
--theme_dark--bg_red: rgb(89, 65, 65);
|
|
|
|
--theme_dark--line_text: var(--theme_dark--text);
|
|
--theme_dark--line_gray: rgb(69, 75, 78);
|
|
--theme_dark--line_brown: rgb(67, 64, 64);
|
|
--theme_dark--line_orange: rgb(89, 74, 58);
|
|
--theme_dark--line_yellow: rgb(89, 86, 59);
|
|
--theme_dark--line_green: rgb(53, 76, 75);
|
|
--theme_dark--line_blue: rgb(54, 73, 84);
|
|
--theme_dark--line_purple: rgb(68, 63, 87);
|
|
--theme_dark--line_pink: rgb(83, 59, 76);
|
|
--theme_dark--line_red: rgb(89, 65, 65);
|
|
|
|
--theme_dark--code_inline-text: #eb5757;
|
|
--theme_dark--code_inline-background: rgba(135, 131, 120, 0.15);
|
|
--theme_dark--code_text: var(--theme_dark--text);
|
|
--theme_dark--code-background: rgb(63, 68, 71);
|
|
--theme_dark--code_function: rgba(255, 255, 255, 0.9);
|
|
--theme_dark--code_keyword: hsl(350, 40%, 70%);
|
|
--theme_dark--code_tag: hsl(350, 40%, 70%);
|
|
--theme_dark--code_operator: hsl(40, 90%, 60%);
|
|
--theme_dark--code_important: #e90;
|
|
--theme_dark--code_property: hsl(350, 40%, 70%);
|
|
--theme_dark--code_builtin: hsl(75, 70%, 60%);
|
|
--theme_dark--code_attr-name: hsl(75, 70%, 60%);
|
|
--theme_dark--code_comment: hsl(30, 20%, 50%);
|
|
--theme_dark--code_punctuation: rgba(255, 255, 255, 0.9);
|
|
--theme_dark--code_doctype: hsl(30, 20%, 50%);
|
|
--theme_dark--code_number: hsl(350, 40%, 70%);
|
|
--theme_dark--code_string: hsl(75, 70%, 60%);
|
|
--theme_dark--code_attr-value: hsl(350, 40%, 70%);
|
|
|
|
/** light **/
|
|
|
|
--theme_light--main: white;
|
|
--theme_light--sidebar: rgb(247, 246, 243);
|
|
--theme_light--overlay: rgba(15, 15, 15, 0.6);
|
|
--theme_light--dragarea: rgba(55, 53, 47, 0.04);
|
|
--theme_light--preview-width: 977px;
|
|
--theme_light--preview-padding: 8rem;
|
|
--theme_light--preview_banner-height: 20vh;
|
|
--theme_light--page_banner-height: 30vh;
|
|
|
|
--theme_light--font_sans: -apple-system, BlinkMacSystemFont, 'Segoe UI',
|
|
Helvetica, 'Apple Color Emoji', Arial, sans-serif, 'Segoe UI Emoji',
|
|
'Segoe UI Symbol';
|
|
--theme_light--font_serif: Lyon-Text, Georgia, YuMincho, 'Yu Mincho',
|
|
'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'Songti TC', 'Songti SC',
|
|
SimSun, 'Nanum Myeongjo', NanumMyeongjo, Batang, serif;
|
|
--theme_light--font_mono: iawriter-mono, Nitti, Menlo, Courier, monospace;
|
|
--theme_light--font_code: SFMono-Regular, Consolas, 'Liberation Mono', Menlo,
|
|
Courier, monospace;
|
|
|
|
--theme_light--font_title-size: 40px;
|
|
--theme_light--font_heading1-size: 1.875em;
|
|
--theme_light--font_heading2-size: 1.5em;
|
|
--theme_light--font_heading3-size: 1.25em;
|
|
--theme_light--font_label-size: 14px;
|
|
--theme_light--font_body-size: 16px;
|
|
--theme_light--font_body-size_small: 14px;
|
|
--theme_light--font_code-size: 0.796875em;
|
|
--theme_light--font_sidebar-size: 14px;
|
|
|
|
--theme_light--scrollbar: #d9d8d6;
|
|
--theme_light--scrollbar-border: #cacac8;
|
|
--theme_light--scrollbar_hover: #cacac8;
|
|
|
|
--theme_light--card: rgb(247, 247, 247);
|
|
--theme_light--gallery: rgba(55, 53, 47, 0.024);
|
|
--theme_light--table-border: rgba(55, 53, 47, 0.16);
|
|
--theme_light--interactive_hover: rgba(55, 53, 47, 0.08);
|
|
--theme_light--interactive_hover-border: transparent;
|
|
--theme_light--button_close: #e81123;
|
|
--theme_light--button_close-fill: white;
|
|
|
|
--theme_light--selected: rgba(46, 170, 220, 0.2);
|
|
--theme_light--primary: rgb(46, 170, 220);
|
|
--theme_light--primary_hover: rgb(6, 156, 205);
|
|
--theme_light--primary_click: rgb(0, 141, 190);
|
|
--theme_light--primary_indicator: rgb(235, 87, 87);
|
|
|
|
--theme_light--option-color: black;
|
|
--theme_light--option-background: transparent;
|
|
--theme_light--option_hover-color: black;
|
|
--theme_light--option_hover-background: rgba(55, 53, 47, 0.08);
|
|
--theme_light--option_active-color: white;
|
|
--theme_light--option_active-background: var(--theme_light--primary);
|
|
|
|
--theme_light--danger_text: rgb(235, 87, 87);
|
|
--theme_light--danger_border: rgba(235, 87, 87, 0.5);
|
|
|
|
--theme_light--text: rgb(55, 53, 47);
|
|
--theme_light--text_ui: rgba(55, 53, 47, 0.6);
|
|
--theme_light--text_ui_info: rgba(55, 53, 47, 0.4);
|
|
|
|
--theme_light--text_gray: rgb(155, 154, 151);
|
|
--theme_light--text_brown: rgb(100, 71, 58);
|
|
--theme_light--text_orange: rgb(217, 115, 13);
|
|
--theme_light--text_yellow: rgb(223, 171, 1);
|
|
--theme_light--text_green: rgb(15, 123, 108);
|
|
--theme_light--text_blue: rgb(11, 110, 153);
|
|
--theme_light--text_purple: rgb(105, 64, 165);
|
|
--theme_light--text_pink: rgb(173, 26, 114);
|
|
--theme_light--text_red: rgb(224, 62, 62);
|
|
|
|
--theme_light--select_text: var(--theme_light--text);
|
|
--theme_light--select_gray: rgba(140, 46, 0, 0.2);
|
|
--theme_light--select_brown: rgba(140, 46, 0, 0.2);
|
|
--theme_light--select_orange: rgba(245, 93, 0, 0.2);
|
|
--theme_light--select_yellow: rgba(233, 168, 0, 0.2);
|
|
--theme_light--select_green: rgba(0, 135, 107, 0.2);
|
|
--theme_light--select_blue: rgba(0, 120, 223, 0.2);
|
|
--theme_light--select_purple: rgba(103, 36, 222, 0.2);
|
|
--theme_light--select_pink: rgba(221, 0, 129, 0.2);
|
|
--theme_light--select_red: rgba(255, 0, 26, 0.2);
|
|
|
|
--theme_light--bg_text: var(--theme_light--text);
|
|
--theme_light--bg_gray: rgb(235, 236, 237);
|
|
--theme_light--bg_brown: rgb(233, 229, 227);
|
|
--theme_light--bg_orange: rgb(250, 235, 221);
|
|
--theme_light--bg_yellow: rgb(251, 243, 219);
|
|
--theme_light--bg_green: rgb(221, 237, 234);
|
|
--theme_light--bg_blue: rgb(221, 235, 241);
|
|
--theme_light--bg_purple: rgb(234, 228, 242);
|
|
--theme_light--bg_pink: rgb(244, 223, 235);
|
|
--theme_light--bg_red: rgb(251, 228, 228);
|
|
|
|
--theme_light--line_text: var(--theme_light--text);
|
|
--theme_light--line_gray: rgb(235, 236, 237);
|
|
--theme_light--line_brown: rgb(233, 229, 227);
|
|
--theme_light--line_orange: rgb(250, 235, 221);
|
|
--theme_light--line_yellow: rgb(251, 243, 219);
|
|
--theme_light--line_green: rgb(221, 237, 234);
|
|
--theme_light--line_blue: rgb(221, 235, 241);
|
|
--theme_light--line_purple: rgb(234, 228, 242);
|
|
--theme_light--line_pink: rgb(244, 223, 235);
|
|
--theme_light--line_red: rgb(251, 228, 228);
|
|
|
|
--theme_light--code_inline-text: #eb5757;
|
|
--theme_light--code_inline-background: rgba(135, 131, 120, 0.15);
|
|
--theme_light--code_text: var(--theme_light--text);
|
|
--theme_light--code-background: rgb(247, 246, 243);
|
|
--theme_light--code_function: #dd4a68;
|
|
--theme_light--code_keyword: #07a;
|
|
--theme_light--code_tag: #905;
|
|
--theme_light--code_operator: #9a6e3a;
|
|
--theme_light--code_important: #e90;
|
|
--theme_light--code_property: #905;
|
|
--theme_light--code_builtin: #690;
|
|
--theme_light--code_attr-name: #690;
|
|
--theme_light--code_comment: slategray;
|
|
--theme_light--code_punctuation: #999;
|
|
--theme_light--code_doctype: slategray;
|
|
--theme_light--code_number: #905;
|
|
--theme_light--code_string: #690;
|
|
--theme_light--code_attr-value: #07a;
|
|
}
|