mirror of
https://github.com/notion-enhancer/notion-enhancer.git
synced 2025-04-05 05:09:03 +00:00
188 lines
7.8 KiB
CSS
188 lines
7.8 KiB
CSS
/*
|
|
* pastel dark
|
|
* (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
|
* (c) 2020 u/zenith_illinois
|
|
* under the MIT license
|
|
*/
|
|
|
|
:root {
|
|
--theme_dark--main: #0b0b0b;
|
|
--theme_dark--sidebar: #0f0f0f;
|
|
--theme_dark--overlay: rgba(15, 15, 15, 0.6);
|
|
--theme_dark--dragarea: #0d0d0d;
|
|
|
|
--theme_dark--font_sans: 'Inter', -apple-system, BlinkMacSystemFont,
|
|
'Segoe UI', Helvetica, 'Apple Color Emoji', Arial, sans-serif,
|
|
'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
|
|
--theme_dark--scrollbar: #141414;
|
|
--theme_dark--scrollbar_hover: #1b1b1b;
|
|
|
|
--theme_dark--card: #0f0f0f;
|
|
--theme_dark--gallery: rgba(8, 8, 8, 0.05);
|
|
--theme_dark--table-border: rgba(255, 255, 255, 0.1);
|
|
--theme_dark--interactive_hover: #1e1e1e5c;
|
|
--theme_dark--button_close: #eb5757;
|
|
|
|
--theme_dark--selected: rgba(184, 135, 247, 0.3);
|
|
--theme_dark--primary: #b887f7;
|
|
--theme_dark--primary_hover: #08d7c2;
|
|
--theme_dark--primary_click: #b887f7;
|
|
--theme_dark--primary_indicator: #08d7c2;
|
|
|
|
--theme_dark--option_active-background: var(--theme_dark--primary);
|
|
--theme_dark--option_hover-background: var(--theme_dark--primary_hover);
|
|
|
|
--theme_dark--danger_text: #eb5757;
|
|
--theme_dark--danger_border: rgba(235, 87, 87, 0.5);
|
|
|
|
--theme_dark--text: #ffffff;
|
|
--theme_dark--text_ui: #909090;
|
|
--theme_dark--text_ui_info: #464646;
|
|
|
|
--theme_dark--text_gray: #b1aeab;
|
|
--theme_dark--text_brown: #d8b6a6;
|
|
--theme_dark--text_orange: #fde3c0;
|
|
--theme_dark--text_yellow: #fcde93;
|
|
--theme_dark--text_green: #b3f5c8;
|
|
--theme_dark--text_blue: #bfe0fd;
|
|
--theme_dark--text_purple: #dac7fa;
|
|
--theme_dark--text_pink: #f7b8dc;
|
|
--theme_dark--text_red: #f8acb4;
|
|
|
|
--theme_dark--select-text: rgb(55, 53, 47);
|
|
--theme_dark--select_gray: #b1aeab;
|
|
--theme_dark--select_brown: #d8b6a6;
|
|
--theme_dark--select_orange: #fde3c0;
|
|
--theme_dark--select_yellow: #fcde93;
|
|
--theme_dark--select_green: #b3f5c8;
|
|
--theme_dark--select_blue: #bfe0fd;
|
|
--theme_dark--select_purple: #dac7fa;
|
|
--theme_dark--select_pink: #f7b8dc;
|
|
--theme_dark--select_red: #f8acb4;
|
|
|
|
--theme_dark--bg-text: var(--theme_dark--select-text);
|
|
--theme_dark--bg_gray: var(--theme_dark--select_gray);
|
|
--theme_dark--bg_brown: var(--theme_dark--select_brown);
|
|
--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--line-text: rgb(34, 34, 34);
|
|
--theme_dark--line_gray: #c2c1c089;
|
|
--theme_dark--line_brown: #dacec992;
|
|
--theme_dark--line_orange: #fff0dc9f;
|
|
--theme_dark--line_yellow: #ffe6a6ad;
|
|
--theme_dark--line_green: #c8fdd9a3;
|
|
--theme_dark--line_blue: #d1e9ffa3;
|
|
--theme_dark--line_purple: #e3d3ffa8;
|
|
--theme_dark--line_pink: #fdcce8b1;
|
|
--theme_dark--line_red: #ffc8ce9e;
|
|
|
|
--theme_dark--callout-text: var(--theme_dark--line-text);
|
|
--theme_dark--callout_gray: var(--theme_dark--line_gray);
|
|
--theme_dark--callout_brown: var(--theme_dark--line_brown);
|
|
--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--code_inline-text: #b3f5c8;
|
|
--theme_dark--code_inline-background: rgb(8, 8, 8);
|
|
--theme_dark--code-text: var(--theme_dark--text);
|
|
--theme_dark--code-background: #0f0f0f;
|
|
--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_gray);
|
|
--theme_dark--code_punctuation: var(--theme_dark--text_gray);
|
|
--theme_dark--code_doctype: var(--theme_dark--text_gray);
|
|
--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: iawriter-mono, Nitti, 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: rgb(235, 87, 87);'],
|
|
.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: rgb(63, 68, 71);'],
|
|
.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;
|
|
}
|