mirror of
https://github.com/notion-enhancer/notion-enhancer.git
synced 2025-04-05 05:09:03 +00:00
202 lines
8.3 KiB
CSS
202 lines
8.3 KiB
CSS
/*
|
|
* dracula
|
|
* (c) 2020 u/mimi-shahzad
|
|
* (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
|
* (c) 2020 Dracula Theme
|
|
* under the MIT license
|
|
*/
|
|
|
|
:root {
|
|
--theme_dark--main: #282a36;
|
|
--theme_dark--sidebar: #21232c;
|
|
--theme_dark--overlay: rgba(13, 13, 14, 0.5);
|
|
--theme_dark--dragarea: #20222b;
|
|
|
|
--theme_dark--font_sans: -apple-system, BlinkMacSystemFont, 'Segoe UI',
|
|
Helvetica, 'Apple Color Emoji', Arial, sans-serif, 'Segoe UI Emoji',
|
|
'Segoe UI Symbol';
|
|
|
|
--theme_dark--scrollbar: #393c4d;
|
|
--theme_dark--scrollbar_hover: #576591;
|
|
|
|
--theme_dark--card: #3c3f50;
|
|
--theme_dark--gallery: #323546;
|
|
--theme_dark--select_input: #474a5c;
|
|
--theme_dark--table-border: #484b59;
|
|
--theme_dark--ui-border: var(--theme_dark--table-border);
|
|
--theme_dark--interactive_hover: #3c3f50;
|
|
--theme_dark--button_close: #ff5555;
|
|
|
|
--theme_dark--selected: rgba(189, 147, 249, 0.3);
|
|
--theme_dark--primary: #bd93f9;
|
|
--theme_dark--primary_hover: #8be9fd;
|
|
--theme_dark--primary_click: #bd93f9;
|
|
--theme_dark--primary_indicator: #8be9fd;
|
|
|
|
--theme_dark--option_active-background: var(--theme_dark--primary);
|
|
--theme_dark--option_hover-background: var(--theme_dark--primary_hover);
|
|
|
|
--theme_dark--danger_text: #ff5555;
|
|
--theme_dark--danger_border: #ffb86c;
|
|
|
|
--theme_dark--text: #f8f8f2;
|
|
--theme_dark--text_ui: #f8f8f2;
|
|
--theme_dark--text_ui_info: #f8f8f2;
|
|
|
|
--theme_dark--text_gray: #807e8d;
|
|
--theme_dark--text_brown: #6272a4;
|
|
--theme_dark--text_orange: #ffb86c;
|
|
--theme_dark--text_yellow: #f1fa8c;
|
|
--theme_dark--text_green: #50fa7b;
|
|
--theme_dark--text_blue: #8be9fd;
|
|
--theme_dark--text_purple: #bd93f9;
|
|
--theme_dark--text_pink: #ff79c6;
|
|
--theme_dark--text_red: #ff5555;
|
|
|
|
--theme_dark--select-text: #000000;
|
|
--theme_dark--select_gray: #454158;
|
|
--theme_dark--select_gray-text: #f5f5f5;
|
|
--theme_dark--select_brown: #6272a4;
|
|
--theme_dark--select_brown-text: #f5f5f5;
|
|
--theme_dark--select_orange: #ffb86c;
|
|
--theme_dark--select_yellow: #f1fa8c;
|
|
--theme_dark--select_green: #50fa7b;
|
|
--theme_dark--select_blue: #8be9fd;
|
|
--theme_dark--select_purple: #bd93f9;
|
|
--theme_dark--select_pink: #ff79c6;
|
|
--theme_dark--select_red: #ff5555;
|
|
--theme_dark--select_red-text: #f5f5f5;
|
|
|
|
--theme_dark--bg-text: var(--theme_dark--select-text);
|
|
--theme_dark--bg_gray: var(--theme_dark--select_gray);
|
|
--theme_dark--bg_gray-text: #f5f5f5;
|
|
--theme_dark--bg_brown: var(--theme_dark--select_brown);
|
|
--theme_dark--bg_brown-text: #f5f5f5;
|
|
--theme_dark--bg_orange: var(--theme_dark--select_orange);
|
|
--theme_dark--bg_yellow: var(--theme_dark--select_yellow);
|
|
--theme_dark--bg_green: var(--theme_dark--select_green);
|
|
--theme_dark--bg_blue: var(--theme_dark--select_blue);
|
|
--theme_dark--bg_purple: var(--theme_dark--select_purple);
|
|
--theme_dark--bg_pink: var(--theme_dark--select_pink);
|
|
--theme_dark--bg_red: var(--theme_dark--select_red);
|
|
--theme_dark--bg_red-text: #f5f5f5;
|
|
|
|
--theme_dark--line-text: #000000;
|
|
--theme_dark--line_gray: #3c3f50;
|
|
--theme_dark--line_gray-text: #f5f5f5;
|
|
--theme_dark--line_brown: #6272a4;
|
|
--theme_dark--line_brown-text: #f5f5f5;
|
|
--theme_dark--line_orange: #ffb86c;
|
|
--theme_dark--line_yellow: #f1fa8c;
|
|
--theme_dark--line_green: #50fa7b;
|
|
--theme_dark--line_blue: #8be9fd;
|
|
--theme_dark--line_purple: #bd93f9;
|
|
--theme_dark--line_pink: #ff79c6;
|
|
--theme_dark--line_red: #ff5555;
|
|
--theme_dark--line_red-text: #f5f5f5;
|
|
|
|
--theme_dark--callout-text: var(--theme_dark--line-text);
|
|
--theme_dark--callout_gray: var(--theme_dark--line_gray);
|
|
--theme_dark--callout_gray-text: #f5f5f5;
|
|
--theme_dark--callout_brown: var(--theme_dark--line_brown);
|
|
--theme_dark--callout_brown-text: #f5f5f5;
|
|
--theme_dark--callout_orange: var(--theme_dark--line_orange);
|
|
--theme_dark--callout_yellow: var(--theme_dark--line_yellow);
|
|
--theme_dark--callout_green: var(--theme_dark--line_green);
|
|
--theme_dark--callout_blue: var(--theme_dark--line_blue);
|
|
--theme_dark--callout_purple: var(--theme_dark--line_purple);
|
|
--theme_dark--callout_pink: var(--theme_dark--line_pink);
|
|
--theme_dark--callout_red: var(--theme_dark--line_red);
|
|
--theme_dark--callout_red-text: #f5f5f5;
|
|
|
|
--theme_dark--code_inline-text: #50fa7b;
|
|
--theme_dark--code_inline-background: #3c3f50;
|
|
--theme_dark--code-text: var(--theme_dark--text);
|
|
--theme_dark--code-background: #3c3f50;
|
|
--theme_dark--code_function: var(--theme_dark--text_blue);
|
|
--theme_dark--code_keyword: var(--theme_dark--text_pink);
|
|
--theme_dark--code_tag: var(--theme_dark--text_pink);
|
|
--theme_dark--code_operator: var(--theme_dark--text_yellow);
|
|
--theme_dark--code_important: var(--theme_dark--text_yellow);
|
|
--theme_dark--code_property: var(--theme_dark--text_pink);
|
|
--theme_dark--code_builtin: var(--theme_dark--text_yellow);
|
|
--theme_dark--code_attr-name: var(--theme_dark--text_yellow);
|
|
--theme_dark--code_comment: var(--theme_dark--text_ui);
|
|
--theme_dark--code_punctuation: #d2d0dc;
|
|
--theme_dark--code_doctype: #d2d0dc;
|
|
--theme_dark--code_number: var(--theme_dark--text_purple);
|
|
--theme_dark--code_string: var(--theme_dark--text_orange);
|
|
--theme_dark--code_attr-value: var(--theme_dark--text_orange);
|
|
}
|
|
|
|
.notion-dark-theme img[src*='/images/onboarding/use-case-note.png'],
|
|
.notion-dark-theme
|
|
img[src*='/images/onboarding/team-features-illustration.png'] {
|
|
filter: invert(1) !important;
|
|
}
|
|
.notion-dark-theme img[src*='/images/onboarding/checked.svg'] {
|
|
filter: hue-rotate(45deg) !important;
|
|
}
|
|
.notion-dark-theme
|
|
img[style*='display: block; object-fit: cover; border-radius: 100%; width: 90px; height: 90px;'],
|
|
.notion-dark-theme
|
|
img[style*='display: block; object-fit: cover; border-radius: 3px; width: 56.832px; height: 56.832px; transition: opacity 100ms ease-out 0s;'] {
|
|
transition: filter 0.4s ease !important;
|
|
}
|
|
.notion-dark-theme
|
|
img[style*='display: block; object-fit: cover; border-radius: 100%; width: 90px; height: 90px;']:hover,
|
|
.notion-dark-theme
|
|
img[style*='display: block; object-fit: cover; border-radius: 3px; width: 56.832px; height: 56.832px; transition: opacity 100ms ease-out 0s;']:hover {
|
|
filter: brightness(1.2);
|
|
}
|
|
|
|
.notion-dark-theme
|
|
[style*='font-family: Fira Code, Menlo, Courier, monospace;'] {
|
|
filter: hue-rotate(170deg) !important;
|
|
}
|
|
|
|
.notion-dark-theme
|
|
.notion-token-remove-button[role*='button'][tabindex*='0']:hover,
|
|
.notion-dark-theme .notion-record-icon {
|
|
background: transparent !important;
|
|
}
|
|
|
|
.notion-dark-theme .notion-focusable:focus-within,
|
|
.notion-dark-theme .notion-to_do-block > div > div > div[style*='background:'],
|
|
.notion-dark-theme div[role='button'],
|
|
[style*='height: 4px;']
|
|
> .notion-selectable.notion-collection_view_page-block
|
|
> *,
|
|
.notion-dark-theme .notion-calendar-view-day[style*='background: #282a36;'],
|
|
.DayPicker-Day--today,
|
|
.notion-dark-theme
|
|
.DayPicker:not(.DayPicker--interactionDisabled)
|
|
.DayPicker-Day--outside:hover,
|
|
.notion-dark-theme
|
|
.DayPicker:not(.DayPicker--interactionDisabled)
|
|
.DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--value)
|
|
.DayPicker-Day.DayPicker-Day--start.DayPicker-Day--selected,
|
|
.notion-dark-theme .DayPicker-Day.DayPicker-Day--range.DayPicker-Day--start,
|
|
.notion-dark-theme .DayPicker-Day.DayPicker-Day--range.DayPicker-Day--end {
|
|
transition: color 0.4s ease, background 0.4s ease, box-shadow 0.4s ease !important;
|
|
}
|
|
|
|
.notion-dark-theme [style*='background: #282a36;'],
|
|
.notion-dark-theme
|
|
[style*='background: rgb(80, 85, 88);'][style*='color: rgba(255, 255, 255, 0.7)'],
|
|
.notion-dark-theme
|
|
[style*='background: rgb(80, 85, 88);'][style*='width: 18px;'][style*='height: 18px;'],
|
|
.notion-dark-theme
|
|
[style*='box-shadow: rgba(15, 15, 15, 0.1) 0px 0px 0px 1px, rgba(15, 15, 15, 0.2) 0px 5px 10px, rgba(15, 15, 15, 0.4) 0px 15px 40px;'],
|
|
.notion-dark-theme [style*='background: rgba(151, 154, 155, 0.5);'],
|
|
.notion-dark-theme [style*='background: rgba(147, 114, 100, 0.5)'],
|
|
.notion-dark-theme [style*='background: rgba(255, 163, 68, 0.5)'],
|
|
.notion-dark-theme [style*='background: rgba(255, 220, 73, 0.5)'],
|
|
.notion-dark-theme [style*='background: rgba(77, 171, 154, 0.5)'],
|
|
.notion-dark-theme [style*='background: rgba(82, 156, 202, 0.5)'],
|
|
.notion-dark-theme [style*='background: rgba(154, 109, 215, 0.5)'],
|
|
.notion-dark-theme [style*='background: rgba(226, 85, 161, 0.5)'],
|
|
.notion-dark-theme [style*='background: rgba(255, 115, 105, 0.5)'] {
|
|
box-shadow: 0 2px 4px rgb(0 0 0 / 66%) !important;
|
|
}
|