dragonwocky/notion-enhancer
1
0
Fork 0
mirror of https://github.com/notion-enhancer/notion-enhancer.git synced 2025-04-06 05:29:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

map updated notion colours to theming system

Browse Source
This commit is contained in:
dragonwocky 2021-11-02 17:40:26 +11:00
parent 177c16bce6
commit e06b320ae6
10 changed files with 1045 additions and 714 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
repo/menu/notifications.mjs
View File

@ -130,6 +130,17 @@ export const $changelogModal = web.render(
continued updates or support
</li>
</ul>
<h3 class="modal-content-heading">privacy</h3>
<p>
by using the enhancer you agree to give the enhancer
access to your data to:
</p>
<ul class="modal-content-list">
<li>observe content for reactive enhancements</li>
<li>use content for adaptive enhancements</li>
<li>locally store content for persistent enhancements and user configuration</li>
<li>update content with integrations</li>
</ul>
<h3 class="modal-content-heading">what's new</h3>
<div class="markdown">
${fmt.md.render(await fs.getText('repo/menu/whats-new.md'))}

2
repo/pastel-dark/variables.css
View File

@ -15,7 +15,7 @@
--theme--bg: #0b0b0b;
--theme--bg_secondary: #0f0f0f;
--theme--bg_card: #0f0f0f;
--theme--bg_card: #141414;
--theme--scrollbar_track: transparent;
--theme--scrollbar_thumb: #141414;

52
repo/pinky-boom/variables.css
View File

@ -14,8 +14,6 @@
--pinky_boom--purple: #9b00ff80;
--pinky_boom--pink: #ff149180;
--pinky_boom--red: #ff000080;
--pinky_boom--black: black;
--pinky_boom--white: white;
--theme--accent_blue: deeppink;
--theme--accent_blue-selection: rgba(255, 20, 145, 0.2);
@ -57,17 +55,17 @@
--theme--highlight_gray: rgba(128, 128, 128, 0.25);
--theme--highlight_brown: var(--pinky_boom--brown);
--theme--highlight_orange: var(--pinky_boom--orange);
--theme--highlight_orange-text: var(--pinky_boom--black);
--theme--highlight_orange-text: black;
--theme--highlight_yellow: var(--pinky_boom--yellow);
--theme--highlight_yellow-text: var(--pinky_boom--black);
--theme--highlight_yellow-text: black;
--theme--highlight_green: var(--pinky_boom--green);
--theme--highlight_green-text: var(--pinky_boom--black);
--theme--highlight_green-text: black;
--theme--highlight_blue: var(--pinky_boom--blue);
--theme--highlight_blue-text: var(--pinky_boom--black);
--theme--highlight_blue-text: black;
--theme--highlight_purple: var(--pinky_boom--purple);
--theme--highlight_purple-text: var(--pinky_boom--white);
--theme--highlight_purple-text: white;
--theme--highlight_pink: var(--pinky_boom--pink);
--theme--highlight_pink-text: var(--pinky_boom--white);
--theme--highlight_pink-text: white;
--theme--highlight_red: var(--pinky_boom--red);
--theme--paragraph_gray: rgba(128, 128, 128, 0.5);
@ -82,46 +80,46 @@
--theme--tag_default: #ffc9e6;
--theme--tag_gray: rgba(128, 128, 128, 0.25);
--theme--tag_gray-text: var(--pinky_boom--white);
--theme--tag_gray-text: white;
--theme--tag_brown: var(--pinky_boom--brown);
--theme--tag_brown-text: var(--pinky_boom--white);
--theme--tag_brown-text: white;
--theme--tag_orange: var(--pinky_boom--orange);
--theme--tag_orange-text: var(--pinky_boom--black);
--theme--tag_orange-text: black;
--theme--tag_yellow: var(--pinky_boom--yellow);
--theme--tag_yellow-text: var(--pinky_boom--black);
--theme--tag_yellow-text: black;
--theme--tag_green: var(--pinky_boom--green);
--theme--tag_green-text: var(--pinky_boom--black);
--theme--tag_green-text: black;
--theme--tag_blue: var(--pinky_boom--blue);
--theme--tag_blue-text: var(--pinky_boom--black);
--theme--tag_blue-text: black;
--theme--tag_purple: var(--pinky_boom--purple);
--theme--tag_purple-text: var(--pinky_boom--white);
--theme--tag_purple-text: white;
--theme--tag_pink: var(--pinky_boom--pink);
--theme--tag_pink-text: var(--pinky_boom--white);
--theme--tag_pink-text: white;
--theme--tag_red: var(--pinky_boom--red);
--theme--tag_red-text: var(--pinky_boom--white);
--theme--tag_red-text: white;
--theme--block_gray: rgba(128, 128, 128, 0.25);
--theme--block_gray-text: var(--pinky_boom--black);
--theme--block_gray-text: black;
--theme--block_brown: var(--pinky_boom--brown);
--theme--block_brown-text: var(--pinky_boom--white);
--theme--block_brown-text: white;
--theme--block_orange: var(--pinky_boom--orange);
--theme--block_orange-text: var(--pinky_boom--black);
--theme--block_orange-text: black;
--theme--block_yellow: var(--pinky_boom--yellow);
--theme--block_yellow-text: var(--pinky_boom--black);
--theme--block_yellow-text: black;
--theme--block_green: var(--pinky_boom--green);
--theme--block_green-text: var(--pinky_boom--black);
--theme--block_green-text: black;
--theme--block_blue: var(--pinky_boom--blue);
--theme--block_blue-text: var(--pinky_boom--black);
--theme--block_blue-text: black;
--theme--block_purple: var(--pinky_boom--purple);
--theme--block_purple-text: var(--pinky_boom--white);
--theme--block_purple-text: white;
--theme--block_pink: var(--pinky_boom--pink);
--theme--block_pink-text: var(--pinky_boom--white);
--theme--block_pink-text: white;
--theme--block_red: var(--pinky_boom--red);
--theme--block_red-text: var(--pinky_boom--white);
--theme--block_red-text: white;
--theme--code_inline: var(--theme--code);
--theme--code_inline-text: var(--theme--text);
--theme--code: var(--theme--bg_secondary);
--theme--code_punctuation: var(--pinky_boom--black);
--theme--code_punctuation: #ff46a8;
}

5
repo/theming/client.mjs
View File

@ -10,9 +10,10 @@ export default async function ({ web, registry }, db) {
const enabledThemes = await registry.list(
async (m) => (await registry.enabled(m.id)) && m.tags.includes('theme')
);
if (enabledThemes.length) {
if (enabledThemes.length || (await db.get(['force_load']))) {
// only override colors if theme is enable for perf
web.loadStylesheet('repo/theming/theme.css');
web.loadStylesheet('repo/theming/theme-colors.css');
web.loadStylesheet('repo/theming/colors.css');
}
const updateTheme = () =>

761
repo/theming/colors.css Normal file
View File

@ -0,0 +1,761 @@
/*
* notion-enhancer core: theming
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
* (https://notion-enhancer.github.io/) under the MIT license
*/
/* gray */
.notion-body:not(.dark) [style*='color: rgb(120, 119, 116)'],
.notion-body:not(.dark) [style*='color:rgba(120, 119, 116, 1)'],
.notion-body.dark [style*='color: rgb(159, 164, 169)'],
.notion-body.dark [style*='color:rgba(159, 164, 169, 1)'] {
color: var(--theme--text_gray) !important;
fill: var(--theme--text_gray) !important;
}
.notion-body:not(.dark)
[style*='background: rgba(241, 241, 239, 1)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body:not(.dark)
[style*='background:rgba(241, 241, 239, 1)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body:not(.dark)
[style*='background: rgb(241, 241, 239)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body:not(.dark)
[style*='background:rgb(241, 241, 239)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body:not(.dark)
[style*='background-color: rgba(241, 241, 239, 1)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body.dark
[style*='background: rgba(60, 65, 68, 1)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body.dark
[style*='background:rgba(60, 65, 68, 1)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body.dark
[style*='background: rgb(60, 65, 68)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body.dark
[style*='background:rgb(60, 65, 68)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body.dark
[style*='background-color: rgba(60, 65, 68, 1)']:not([style*='border-radius']):not([style*='box-shadow']) {
background: var(--theme--highlight_gray) !important;
color: var(--theme--highlight_gray-text) !important;
}
.notion-body:not(.dark)
.notion-callout-block
> div
> [style*='background: rgb(241, 241, 239)'],
.notion-body.dark .notion-callout-block > div > [style*='background: rgb(60, 65, 68)'] {
background: var(--theme--callout_gray) !important;
color: var(--theme--callout_gray-text) !important;
}
.notion-body:not(.dark)
[style*='background: rgb(227, 226, 224)'][style*='border-radius: 3px; padding-left: 6px; padding-right: 6px; font-size: 14px; line-height: 120%;'],
.notion-body.dark
[style*='background: rgb(71, 76, 80)'][style*='border-radius: 3px; padding-left: 6px; padding-right: 6px; font-size: 14px; line-height: 120%;'] {
background: var(--theme--tag_gray) !important;
color: var(--theme--tag_gray-text) !important;
}
.notion-body:not(.dark) .notion-board-group[style*='background-color: rgb(51, 55, 59)'],
.notion-body.dark .notion-board-group[style*='background-color: rgb(51, 55, 59)'],
.notion-body:not(.dark)
.notion-board-view
> .notion-selectable
> :first-child
> :nth-child(2)
> [style*='background-color: rgb(51, 55, 59)'],
.notion-body.dark
.notion-board-view
> .notion-selectable
> :first-child
> :nth-child(2)
> [style*='background-color: rgb(51, 55, 59)'] {
background: var(--theme--board_gray) !important;
}
.notion-body:not(.dark)
.notion-board-group[style*='background-color: rgb(51, 55, 59)']
> [data-block-id]
> [rel='noopener noreferrer'],
.notion-body.dark
.notion-board-group[style*='background-color: rgb(51, 55, 59)']
> [data-block-id]
> [rel='noopener noreferrer'] {
background: var(--theme--board_gray-card) !important;
}
.notion-body:not(.dark) .notion-board-view [style*='color: rgb(107, 112, 116)'],
.notion-body.dark .notion-board-view [style*='color: rgb(107, 112, 116)'],
.notion-body:not(.dark) .notion-board-view [style*='fill: rgb(107, 112, 116)'],
.notion-body.dark .notion-board-view [style*='fill: rgb(107, 112, 116)'] {
color: var(--theme--board_gray-text) !important;
fill: var(--theme--board_gray-text) !important;
}
/* brown */
.notion-body:not(.dark) [style*='color: rgb(159, 107, 83)'],
.notion-body:not(.dark) [style*='color:rgba(159, 107, 83, 1)'],
.notion-body.dark [style*='color: rgb(212, 150, 117)'],
.notion-body.dark [style*='color:rgba(212, 150, 117, 1)'] {
color: var(--theme--text_brown) !important;
fill: var(--theme--text_brown) !important;
}
.notion-body:not(.dark)
[style*='background: rgba(244, 238, 238, 1)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body:not(.dark)
[style*='background:rgba(244, 238, 238, 1)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body:not(.dark)
[style*='background: rgb(244, 238, 238)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body:not(.dark)
[style*='background:rgb(244, 238, 238)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body:not(.dark)
[style*='background-color: rgba(244, 238, 238, 1)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body.dark
[style*='background: rgba(76, 61, 53, 1)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body.dark
[style*='background:rgba(76, 61, 53, 1)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body.dark
[style*='background: rgb(76, 61, 53)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body.dark
[style*='background:rgb(76, 61, 53)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body.dark
[style*='background-color: rgba(76, 61, 53, 1)']:not([style*='border-radius']):not([style*='box-shadow']) {
background: var(--theme--highlight_brown) !important;
color: var(--theme--highlight_brown-text) !important;
}
.notion-body:not(.dark)
.notion-callout-block
> div
> [style*='background: rgb(244, 238, 238)'],
.notion-body.dark .notion-callout-block > div > [style*='background: rgb(76, 61, 53)'] {
background: var(--theme--callout_brown) !important;
color: var(--theme--callout_brown-text) !important;
}
.notion-body:not(.dark)
[style*='background: rgb(238, 224, 218)'][style*='border-radius: 3px; padding-left: 6px; padding-right: 6px; font-size: 14px; line-height: 120%;'],
.notion-body.dark
[style*='background: rgb(92, 71, 61)'][style*='border-radius: 3px; padding-left: 6px; padding-right: 6px; font-size: 14px; line-height: 120%;'] {
background: var(--theme--tag_brown) !important;
color: var(--theme--tag_brown-text) !important;
}
.notion-body:not(.dark) .notion-board-group[style*='background-color: rgb(59, 54, 51)'],
.notion-body.dark .notion-board-group[style*='background-color: rgb(59, 54, 51)'],
.notion-body:not(.dark)
.notion-board-view
> .notion-selectable
> :first-child
> :nth-child(2)
> [style*='background-color: rgb(59, 54, 51)'],
.notion-body.dark
.notion-board-view
> .notion-selectable
> :first-child
> :nth-child(2)
> [style*='background-color: rgb(59, 54, 51)'] {
background: var(--theme--board_brown) !important;
}
.notion-body:not(.dark)
.notion-board-group[style*='background-color: rgb(59, 54, 51)']
> [data-block-id]
> [rel='noopener noreferrer'],
.notion-body.dark
.notion-board-group[style*='background-color: rgb(59, 54, 51)']
> [data-block-id]
> [rel='noopener noreferrer'] {
background: var(--theme--board_brown-card) !important;
}
.notion-body:not(.dark) .notion-board-view [style*='color: rgb(155, 98, 69)'],
.notion-body.dark .notion-board-view [style*='color: rgb(155, 98, 69)'],
.notion-body:not(.dark) .notion-board-view [style*='fill: rgb(155, 98, 69)'],
.notion-body.dark .notion-board-view [style*='fill: rgb(155, 98, 69)'] {
color: var(--theme--board_brown-text) !important;
fill: var(--theme--board_brown-text) !important;
}
/* orange */
.notion-body:not(.dark) [style*='color: rgb(217, 115, 13)'],
.notion-body:not(.dark) [style*='color:rgba(217, 115, 13, 1)'],
.notion-body.dark [style*='color: rgb(217, 133, 56)'],
.notion-body.dark [style*='color:rgba(217, 133, 56, 1)'] {
color: var(--theme--text_orange) !important;
fill: var(--theme--text_orange) !important;
}
.notion-body:not(.dark)
[style*='background: rgba(251, 236, 221, 1)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body:not(.dark)
[style*='background:rgba(251, 236, 221, 1)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body:not(.dark)
[style*='background: rgb(251, 236, 221)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body:not(.dark)
[style*='background:rgb(251, 236, 221)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body:not(.dark)
[style*='background-color: rgba(251, 236, 221, 1)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body.dark
[style*='background: rgba(85, 59, 41, 1)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body.dark
[style*='background:rgba(85, 59, 41, 1)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body.dark
[style*='background: rgb(85, 59, 41)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body.dark
[style*='background:rgb(85, 59, 41)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body.dark
[style*='background-color: rgba(85, 59, 41, 1)']:not([style*='border-radius']):not([style*='box-shadow']) {
background: var(--theme--highlight_orange) !important;
color: var(--theme--highlight_orange-text) !important;
}
.notion-body:not(.dark)
.notion-callout-block
> div
> [style*='background: rgb(251, 236, 221)'],
.notion-body.dark .notion-callout-block > div > [style*='background: rgb(85, 59, 41)'] {
background: var(--theme--callout_orange) !important;
color: var(--theme--callout_orange-text) !important;
}
.notion-body:not(.dark)
[style*='background: rgb(250, 222, 201)'][style*='border-radius: 3px; padding-left: 6px; padding-right: 6px; font-size: 14px; line-height: 120%;'],
.notion-body.dark
[style*='background: rgb(136, 84, 44)'][style*='border-radius: 3px; padding-left: 6px; padding-right: 6px; font-size: 14px; line-height: 120%;'] {
background: var(--theme--tag_orange) !important;
color: var(--theme--tag_orange-text) !important;
}
.notion-body:not(.dark) .notion-board-group[style*='background-color: rgb(61, 54, 49)'],
.notion-body.dark .notion-board-group[style*='background-color: rgb(61, 54, 49)'],
.notion-body:not(.dark)
.notion-board-view
> .notion-selectable
> :first-child
> :nth-child(2)
> [style*='background-color: rgb(61, 54, 49)'],
.notion-body.dark
.notion-board-view
> .notion-selectable
> :first-child
> :nth-child(2)
> [style*='background-color: rgb(61, 54, 49)'] {
background: var(--theme--board_orange) !important;
}
.notion-body:not(.dark)
.notion-board-group[style*='background-color: rgb(61, 54, 49)']
> [data-block-id]
> [rel='noopener noreferrer'],
.notion-body.dark
.notion-board-group[style*='background-color: rgb(61, 54, 49)']
> [data-block-id]
> [rel='noopener noreferrer'] {
background: var(--theme--board_orange-card) !important;
}
.notion-body:not(.dark) .notion-board-view [style*='color: rgb(168, 92, 30)'],
.notion-body.dark .notion-board-view [style*='color: rgb(168, 92, 30)'],
.notion-body:not(.dark) .notion-board-view [style*='fill: rgb(168, 92, 30)'],
.notion-body.dark .notion-board-view [style*='fill: rgb(168, 92, 30)'] {
color: var(--theme--board_orange-text) !important;
fill: var(--theme--board_orange-text) !important;
}
/* yellow */
.notion-body:not(.dark) [style*='color: rgb(203, 145, 47)'],
.notion-body:not(.dark) [style*='color:rgba(203, 145, 47, 1)'],
.notion-body.dark [style*='color: rgb(201, 145, 38)'],
.notion-body.dark [style*='color:rgba(201, 145, 38, 1)'] {
color: var(--theme--text_yellow) !important;
fill: var(--theme--text_yellow) !important;
}
.notion-body:not(.dark)
[style*='background: rgba(251, 243, 219, 1)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body:not(.dark)
[style*='background:rgba(251, 243, 219, 1)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body:not(.dark)
[style*='background: rgb(251, 243, 219)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body:not(.dark)
[style*='background:rgb(251, 243, 219)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body:not(.dark)
[style*='background-color: rgba(251, 243, 219, 1)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body.dark
[style*='background: rgba(79, 64, 41, 1)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body.dark
[style*='background:rgba(79, 64, 41, 1)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body.dark
[style*='background: rgb(79, 64, 41)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body.dark
[style*='background:rgb(79, 64, 41)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body.dark
[style*='background-color: rgba(79, 64, 41, 1)']:not([style*='border-radius']):not([style*='box-shadow']) {
background: var(--theme--highlight_yellow) !important;
color: var(--theme--highlight_yellow-text) !important;
}
.notion-body:not(.dark)
.notion-callout-block
> div
> [style*='background: rgb(251, 243, 219)'],
.notion-body.dark .notion-callout-block > div > [style*='background: rgb(79, 64, 41)'] {
background: var(--theme--callout_yellow) !important;
color: var(--theme--callout_yellow-text) !important;
}
.notion-body:not(.dark)
[style*='background: rgb(253, 236, 200)'][style*='border-radius: 3px; padding-left: 6px; padding-right: 6px; font-size: 14px; line-height: 120%;'],
.notion-body.dark
[style*='background: rgb(146, 118, 63)'][style*='border-radius: 3px; padding-left: 6px; padding-right: 6px; font-size: 14px; line-height: 120%;'] {
background: var(--theme--tag_yellow) !important;
color: var(--theme--tag_yellow-text) !important;
}
.notion-body:not(.dark) .notion-board-group[style*='background-color: rgb(56, 55, 49)'],
.notion-body.dark .notion-board-group[style*='background-color: rgb(56, 55, 49)'],
.notion-body:not(.dark)
.notion-board-view
> .notion-selectable
> :first-child
> :nth-child(2)
> [style*='background-color: rgb(56, 55, 49)'],
.notion-body.dark
.notion-board-view
> .notion-selectable
> :first-child
> :nth-child(2)
> [style*='background-color: rgb(56, 55, 49)'] {
background: var(--theme--board_yellow) !important;
}
.notion-body:not(.dark)
.notion-board-group[style*='background-color: rgb(56, 55, 49)']
> [data-block-id]
> [rel='noopener noreferrer'],
.notion-body.dark
.notion-board-group[style*='background-color: rgb(56, 55, 49)']
> [data-block-id]
> [rel='noopener noreferrer'] {
background: var(--theme--board_yellow-card) !important;
}
.notion-body:not(.dark) .notion-board-view [style*='color: rgb(137, 107, 42)'],
.notion-body.dark .notion-board-view [style*='color: rgb(137, 107, 42)'],
.notion-body:not(.dark) .notion-board-view [style*='fill: rgb(137, 107, 42)'],
.notion-body.dark .notion-board-view [style*='fill: rgb(137, 107, 42)'] {
color: var(--theme--board_yellow-text) !important;
fill: var(--theme--board_yellow-text) !important;
}
/* green */
.notion-body:not(.dark) [style*='color: rgb(68, 131, 97)'],
.notion-body:not(.dark) [style*='color:rgba(68, 131, 97, 1)'],
.notion-body.dark [style*='color: rgb(113, 178, 131)'],
.notion-body.dark [style*='color:rgba(113, 178, 131, 1)'] {
color: var(--theme--text_green) !important;
fill: var(--theme--text_green) !important;
}
.notion-body:not(.dark)
[style*='background: rgba(237, 243, 236, 1)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body:not(.dark)
[style*='background:rgba(237, 243, 236, 1)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body:not(.dark)
[style*='background: rgb(237, 243, 236)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body:not(.dark)
[style*='background:rgb(237, 243, 236)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body:not(.dark)
[style*='background-color: rgba(237, 243, 236, 1)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body.dark
[style*='background: rgba(46, 68, 58, 1)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body.dark
[style*='background:rgba(46, 68, 58, 1)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body.dark
[style*='background: rgb(46, 68, 58)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body.dark
[style*='background:rgb(46, 68, 58)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body.dark
[style*='background-color: rgba(46, 68, 58, 1)']:not([style*='border-radius']):not([style*='box-shadow']) {
background: var(--theme--highlight_green) !important;
color: var(--theme--highlight_green-text) !important;
}
.notion-body:not(.dark)
.notion-callout-block
> div
> [style*='background: rgb(237, 243, 236)'],
.notion-body.dark .notion-callout-block > div > [style*='background: rgb(46, 68, 58)'] {
background: var(--theme--callout_green) !important;
color: var(--theme--callout_green-text) !important;
}
.notion-body:not(.dark)
[style*='background: rgb(219, 237, 219)'][style*='border-radius: 3px; padding-left: 6px; padding-right: 6px; font-size: 14px; line-height: 120%;'],
.notion-body.dark
[style*='background: rgb(50, 82, 65)'][style*='border-radius: 3px; padding-left: 6px; padding-right: 6px; font-size: 14px; line-height: 120%;'] {
background: var(--theme--tag_green) !important;
color: var(--theme--tag_green-text) !important;
}
.notion-body:not(.dark) .notion-board-group[style*='background-color: rgb(49, 57, 53)'],
.notion-body.dark .notion-board-group[style*='background-color: rgb(49, 57, 53)'],
.notion-body:not(.dark)
.notion-board-view
> .notion-selectable
> :first-child
> :nth-child(2)
> [style*='background-color: rgb(49, 57, 53)'],
.notion-body.dark
.notion-board-view
> .notion-selectable
> :first-child
> :nth-child(2)
> [style*='background-color: rgb(49, 57, 53)'] {
background: var(--theme--board_green) !important;
}
.notion-body:not(.dark)
.notion-board-group[style*='background-color: rgb(49, 57, 53)']
> [data-block-id]
> [rel='noopener noreferrer'],
.notion-body.dark
.notion-board-group[style*='background-color: rgb(49, 57, 53)']
> [data-block-id]
> [rel='noopener noreferrer'] {
background: var(--theme--board_green-card) !important;
}
.notion-body:not(.dark) .notion-board-view [style*='color: rgb(61, 124, 86)'],
.notion-body.dark .notion-board-view [style*='color: rgb(61, 124, 86)'],
.notion-body:not(.dark) .notion-board-view [style*='fill: rgb(61, 124, 86)'],
.notion-body.dark .notion-board-view [style*='fill: rgb(61, 124, 86)'] {
color: var(--theme--board_green-text) !important;
fill: var(--theme--board_green-text) !important;
}
/* blue */
.notion-body:not(.dark) [style*='color: rgb(51, 126, 169)'],
.notion-body:not(.dark) [style*='color:rgba(51, 126, 169, 1)'],
.notion-body.dark [style*='color: rgb(102, 170, 218)'],
.notion-body.dark [style*='color:rgba(102, 170, 218, 1)'] {
color: var(--theme--text_blue) !important;
fill: var(--theme--text_blue) !important;
}
.notion-body:not(.dark)
[style*='background: rgba(231, 243, 248, 1)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body:not(.dark)
[style*='background:rgba(231, 243, 248, 1)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body:not(.dark)
[style*='background: rgb(231, 243, 248)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body:not(.dark)
[style*='background:rgb(231, 243, 248)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body:not(.dark)
[style*='background-color: rgba(231, 243, 248, 1)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body.dark
[style*='background: rgba(45, 66, 86, 1)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body.dark
[style*='background:rgba(45, 66, 86, 1)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body.dark
[style*='background: rgb(45, 66, 86)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body.dark
[style*='background:rgb(45, 66, 86)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body.dark
[style*='background-color: rgba(45, 66, 86, 1)']:not([style*='border-radius']):not([style*='box-shadow']) {
background: var(--theme--highlight_blue) !important;
color: var(--theme--highlight_blue-text) !important;
}
.notion-body:not(.dark)
.notion-callout-block
> div
> [style*='background: rgb(231, 243, 248)'],
.notion-body.dark .notion-callout-block > div > [style*='background: rgb(45, 66, 86)'] {
background: var(--theme--callout_blue) !important;
color: var(--theme--callout_blue-text) !important;
}
.notion-body:not(.dark)
[style*='background: rgb(211, 229, 239)'][style*='border-radius: 3px; padding-left: 6px; padding-right: 6px; font-size: 14px; line-height: 120%;'],
.notion-body.dark
[style*='background: rgb(42, 78, 107)'][style*='border-radius: 3px; padding-left: 6px; padding-right: 6px; font-size: 14px; line-height: 120%;'] {
background: var(--theme--tag_blue) !important;
color: var(--theme--tag_blue-text) !important;
}
.notion-body:not(.dark) .notion-board-group[style*='background-color: rgb(49, 56, 64)'],
.notion-body.dark .notion-board-group[style*='background-color: rgb(49, 56, 64)'],
.notion-body:not(.dark)
.notion-board-view
> .notion-selectable
> :first-child
> :nth-child(2)
> [style*='background-color: rgb(49, 56, 64)'],
.notion-body.dark
.notion-board-view
> .notion-selectable
> :first-child
> :nth-child(2)
> [style*='background-color: rgb(49, 56, 64)'] {
background: var(--theme--board_blue) !important;
}
.notion-body:not(.dark)
.notion-board-group[style*='background-color: rgb(49, 56, 64)']
> [data-block-id]
> [rel='noopener noreferrer'],
.notion-body.dark
.notion-board-group[style*='background-color: rgb(49, 56, 64)']
> [data-block-id]
> [rel='noopener noreferrer'] {
background: var(--theme--board_blue-card) !important;
}
.notion-body:not(.dark) .notion-board-view [style*='color: rgb(46, 117, 164)'],
.notion-body.dark .notion-board-view [style*='color: rgb(46, 117, 164)'],
.notion-body:not(.dark) .notion-board-view [style*='fill: rgb(46, 117, 164)'],
.notion-body.dark .notion-board-view [style*='fill: rgb(46, 117, 164)'] {
color: var(--theme--board_blue-text) !important;
fill: var(--theme--board_blue-text) !important;
}
/* purple */
.notion-body:not(.dark) [style*='color: rgb(144, 101, 176)'],
.notion-body:not(.dark) [style*='color:rgba(144, 101, 176, 1)'],
.notion-body.dark [style*='color: rgb(176, 152, 217)'],
.notion-body.dark [style*='color:rgba(176, 152, 217, 1)'] {
color: var(--theme--text_purple) !important;
fill: var(--theme--text_purple) !important;
}
.notion-body:not(.dark)
[style*='background: rgba(244, 240, 247, 0.8)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body:not(.dark)
[style*='background:rgba(244, 240, 247, 0.8)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body:not(.dark)
[style*='background: rgba(244, 240, 247, 0.8)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body:not(.dark)
[style*='background:rgba(244, 240, 247, 0.8)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body:not(.dark)
[style*='background-color: rgba(244, 240, 247, 0.8)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body.dark
[style*='background: rgba(69, 58, 91, 1)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body.dark
[style*='background:rgba(69, 58, 91, 1)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body.dark
[style*='background: rgb(69, 58, 91)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body.dark
[style*='background:rgb(69, 58, 91)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body.dark
[style*='background-color: rgba(69, 58, 91, 1)']:not([style*='border-radius']):not([style*='box-shadow']) {
background: var(--theme--highlight_purple) !important;
color: var(--theme--highlight_purple-text) !important;
}
.notion-body:not(.dark)
.notion-callout-block
> div
> [style*='background: rgba(249, 238, 243, 0.8)'],
.notion-body.dark .notion-callout-block > div > [style*='background: rgb(81, 56, 77)'] {
background: var(--theme--callout_purple) !important;
color: var(--theme--callout_purple-text) !important;
}
.notion-body:not(.dark)
[style*='background: rgb(232, 222, 238)'][style*='border-radius: 3px; padding-left: 6px; padding-right: 6px; font-size: 14px; line-height: 120%;'],
.notion-body.dark
[style*='background: rgb(83, 68, 116)'][style*='border-radius: 3px; padding-left: 6px; padding-right: 6px; font-size: 14px; line-height: 120%;'] {
background: var(--theme--tag_purple) !important;
color: var(--theme--tag_purple-text) !important;
}
.notion-body:not(.dark) .notion-board-group[style*='background-color: rgb(57, 53, 65)'],
.notion-body.dark .notion-board-group[style*='background-color: rgb(57, 53, 65)'],
.notion-body:not(.dark)
.notion-board-view
> .notion-selectable
> :first-child
> :nth-child(2)
> [style*='background-color: rgb(57, 53, 65)'],
.notion-body.dark
.notion-board-view
> .notion-selectable
> :first-child
> :nth-child(2)
> [style*='background-color: rgb(57, 53, 65)'] {
background: var(--theme--board_purple) !important;
}
.notion-body:not(.dark)
.notion-board-group[style*='background-color: rgb(57, 53, 65)']
> [data-block-id]
> [rel='noopener noreferrer'],
.notion-body.dark
.notion-board-group[style*='background-color: rgb(57, 53, 65)']
> [data-block-id]
> [rel='noopener noreferrer'] {
background: var(--theme--board_purple-card) !important;
}
.notion-body:not(.dark) .notion-board-view [style*='color: rgb(123, 96, 180)'],
.notion-body.dark .notion-board-view [style*='color: rgb(123, 96, 180)'],
.notion-body:not(.dark) .notion-board-view [style*='fill: rgb(123, 96, 180)'],
.notion-body.dark .notion-board-view [style*='fill: rgb(123, 96, 180)'] {
color: var(--theme--board_purple-text) !important;
fill: var(--theme--board_purple-text) !important;
}
/* pink */
.notion-body:not(.dark) [style*='color: rgb(193, 76, 138)'],
.notion-body:not(.dark) [style*='color:rgba(193, 76, 138, 1)'],
.notion-body.dark [style*='color: rgb(223, 132, 209)'],
.notion-body.dark [style*='color:rgba(223, 132, 209, 1)'] {
color: var(--theme--text_pink) !important;
fill: var(--theme--text_pink) !important;
}
.notion-body:not(.dark)
[style*='background: rgba(249, 238, 243, 0.8)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body:not(.dark)
[style*='background:rgba(249, 238, 243, 0.8)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body:not(.dark)
[style*='background: rgba(249, 238, 243, 0.8)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body:not(.dark)
[style*='background:rgba(249, 238, 243, 0.8)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body:not(.dark)
[style*='background-color: rgba(249, 238, 243, 0.8)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body.dark
[style*='background: rgba(81, 56, 77, 1)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body.dark
[style*='background:rgba(81, 56, 77, 1)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body.dark
[style*='background: rgb(81, 56, 77)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body.dark
[style*='background:rgb(81, 56, 77)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body.dark
[style*='background-color: rgba(81, 56, 77, 1)']:not([style*='border-radius']):not([style*='box-shadow']) {
background: var(--theme--highlight_pink) !important;
color: var(--theme--highlight_pink-text) !important;
}
.notion-body:not(.dark)
.notion-callout-block
> div
> [style*='background: rgba(249, 238, 243, 0.8)'],
.notion-body.dark .notion-callout-block > div > [style*='background: rgb(81, 56, 77)'] {
background: var(--theme--callout_pink) !important;
color: var(--theme--callout_pink-text) !important;
}
.notion-body:not(.dark)
[style*='background: rgb(245, 224, 233)'][style*='border-radius: 3px; padding-left: 6px; padding-right: 6px; font-size: 14px; line-height: 120%;'],
.notion-body.dark
[style*='background: rgb(106, 59, 99)'][style*='border-radius: 3px; padding-left: 6px; padding-right: 6px; font-size: 14px; line-height: 120%;'] {
background: var(--theme--tag_pink) !important;
color: var(--theme--tag_pink-text) !important;
}
.notion-body:not(.dark) .notion-board-group[style*='background-color: rgb(60, 53, 58)'],
.notion-body.dark .notion-board-group[style*='background-color: rgb(60, 53, 58)'],
.notion-body:not(.dark)
.notion-board-view
> .notion-selectable
> :first-child
> :nth-child(2)
> [style*='background-color: rgb(60, 53, 58)'],
.notion-body.dark
.notion-board-view
> .notion-selectable
> :first-child
> :nth-child(2)
> [style*='background-color: rgb(60, 53, 58)'] {
background: var(--theme--board_pink) !important;
}
.notion-body:not(.dark)
.notion-board-group[style*='background-color: rgb(60, 53, 58)']
> [data-block-id]
> [rel='noopener noreferrer'],
.notion-body.dark
.notion-board-group[style*='background-color: rgb(60, 53, 58)']
> [data-block-id]
> [rel='noopener noreferrer'] {
background: var(--theme--board_pink-card) !important;
}
.notion-body:not(.dark) .notion-board-view [style*='color: rgb(169, 76, 157)'],
.notion-body.dark .notion-board-view [style*='color: rgb(169, 76, 157)'],
.notion-body:not(.dark) .notion-board-view [style*='fill: rgb(169, 76, 157)'],
.notion-body.dark .notion-board-view [style*='fill: rgb(169, 76, 157)'] {
color: var(--theme--board_pink-text) !important;
fill: var(--theme--board_pink-text) !important;
}
/* red */
.notion-body:not(.dark) [style*='color: rgb(212, 76, 71)'],
.notion-body:not(.dark) [style*='color:rgba(212, 76, 71, 1)'],
.notion-body.dark [style*='color: rgb(234, 135, 140)'],
.notion-body.dark [style*='color:rgba(234, 135, 140, 1)'] {
color: var(--theme--text_red) !important;
fill: var(--theme--text_red) !important;
}
.notion-body:not(.dark)
[style*='background: rgba(253, 235, 236, 1)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body:not(.dark)
[style*='background:rgba(253, 235, 236, 1)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body:not(.dark)
[style*='background: rgb(253, 235, 236)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body:not(.dark)
[style*='background:rgb(253, 235, 236)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body:not(.dark)
[style*='background-color: rgba(253, 235, 236, 1)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body.dark
[style*='background: rgba(94, 52, 54, 1)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body.dark
[style*='background:rgba(94, 52, 54, 1)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body.dark
[style*='background: rgb(94, 52, 54)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body.dark
[style*='background:rgb(94, 52, 54)']:not([style*='border-radius']):not([style*='box-shadow']),
.notion-body.dark
[style*='background-color: rgba(94, 52, 54, 1)']:not([style*='border-radius']):not([style*='box-shadow']) {
background: var(--theme--highlight_red) !important;
color: var(--theme--highlight_red-text) !important;
}
.notion-body:not(.dark)
.notion-callout-block
> div
> [style*='background: rgb(253, 235, 236)'],
.notion-body.dark .notion-callout-block > div > [style*='background: rgb(94, 52, 54)'] {
background: var(--theme--callout_red) !important;
color: var(--theme--callout_red-text) !important;
}
.notion-body:not(.dark)
[style*='background: rgb(255, 226, 221)'][style*='border-radius: 3px; padding-left: 6px; padding-right: 6px; font-size: 14px; line-height: 120%;'],
.notion-body.dark
[style*='background: rgb(122, 54, 59)'][style*='border-radius: 3px; padding-left: 6px; padding-right: 6px; font-size: 14px; line-height: 120%;'] {
background: var(--theme--tag_red) !important;
color: var(--theme--tag_red-text) !important;
}
.notion-body:not(.dark) .notion-board-group[style*='background-color: rgb(66, 51, 51)'],
.notion-body.dark .notion-board-group[style*='background-color: rgb(66, 51, 51)'],
.notion-body:not(.dark)
.notion-board-view
> .notion-selectable
> :first-child
> :nth-child(2)
> [style*='background-color: rgb(66, 51, 51)'],
.notion-body.dark
.notion-board-view
> .notion-selectable
> :first-child
> :nth-child(2)
> [style*='background-color: rgb(66, 51, 51)'] {
background: var(--theme--board_red) !important;
}
.notion-body:not(.dark)
.notion-board-group[style*='background-color: rgb(66, 51, 51)']
> [data-block-id]
> [rel='noopener noreferrer'],
.notion-body.dark
.notion-board-group[style*='background-color: rgb(66, 51, 51)']
> [data-block-id]
> [rel='noopener noreferrer'] {
background: var(--theme--board_red-card) !important;
}
.notion-body:not(.dark) .notion-board-view [style*='color: rgb(194, 65, 82)'],
.notion-body.dark .notion-board-view [style*='color: rgb(194, 65, 82)'],
.notion-body:not(.dark) .notion-board-view [style*='fill: rgb(194, 65, 82)'],
.notion-body.dark .notion-board-view [style*='fill: rgb(194, 65, 82)'] {
color: var(--theme--board_red-text) !important;
fill: var(--theme--board_red-text) !important;
}

10
repo/theming/mod.json
View File

@ -20,5 +20,13 @@
"js": {
"client": ["client.mjs"]
},
"options": []
"options": [
{
"type": "toggle",
"key": "force_load",
"label": "force load overrides",
"tooltip": "**override notion's colours even if no themes are enabled**",
"value": false
}
]
}

12
repo/theming/patches.css
View File

@ -161,6 +161,11 @@
/* backgrounds */
.notion-board-view .notion-focusable[role='button'][style*='height: 33px; width: 35px'],
.notion-board-view
> :first-child
> :first-child
> :last-child[style*='background'][style*='margin-left: 20px'],
.notion-discussion-input > div > div[style*='background'],
.notion-body.dark
.notion-default-overlay-container
@ -211,6 +216,11 @@
> div
> .notion-scroller
> div
> div[style*='max-width: 100%'][style*='background-color'] {
> div[style*='max-width: 100%'][style*='background-color'],
.notion-selectable.notion-collection_view-block
.notion-board-view
> .notion-selectable.notion-collection_view-block
> :first-child
> [style*='width: 20px'] {
background: transparent !important;
}

496
repo/theming/theme-colors.css
View File

@ -1,496 +0,0 @@
/*
* notion-enhancer core: theming
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
* (https://notion-enhancer.github.io/) under the MIT license
*/
/* gray */
.notion-body:not(.dark) [style*='color: rgba(96, 96, 98, 0.93)'],
.notion-body:not(.dark) [style*='color:rgba(96, 96, 98, 0.93)'],
.notion-body.dark [style*='color: rgb(141, 143, 145)'],
.notion-body.dark [style*='color:rgba(141, 143, 145, 1)'] {
color: var(--theme--text_gray) !important;
}
.notion-body:not(.dark) [style*='fill: rgba(96, 96, 98, 0.93)'],
.notion-body:not(.dark) [style*='fill:rgba(96, 96, 98, 0.93)'],
.notion-body.dark [style*='fill: rgb(141, 143, 145)'],
.notion-body.dark [style*='fill:rgba(141, 143, 145, 1)'] {
fill: var(--theme--text_gray) !important;
}
.notion-body:not(.dark) .notion-enable-hover[style='background:rgba(234, 234, 235, 0.93)'],
.notion-body.dark .notion-enable-hover[style='background:rgba(62, 66, 69, 1)'] {
background: var(--theme--highlight_gray) !important;
color: var(--theme--highlight_gray-text) !important;
}
.notion-body:not(.dark) [style*='background: rgba(234, 234, 235, 0.93)']:not(a),
.notion-body.dark [style*='background: rgb(62, 66, 69)']:not(a) {
background: var(--theme--tag_gray) !important;
color: var(--theme--tag_gray-text) !important;
}
.notion-body:not(.dark)
.notion-board-view
[style*='background-color: rgba(245, 245, 245, 0.93)'],
.notion-body.dark .notion-board-view [style*='background-color: rgb(53, 58, 61)'] {
background: var(--theme--block_gray) !important;
}
.notion-body:not(.dark)
.notion-board-view
[style*='background-color: rgba(245, 245, 245, 0.93)']
[style*='color: rgba(29, 29, 37, 0.93)'],
.notion-body:not(.dark)
.notion-board-view
[style*='background-color: rgba(245, 245, 245, 0.93)']
[style*='color: rgba(52, 52, 55, 0.93);'],
.notion-body.dark
.notion-board-view
[style*='background-color: rgb(53, 58, 61)']
[style*='color: rgb(234, 235, 235)'],
.notion-body.dark
.notion-board-view
[style*='background-color: rgb(53, 58, 61)']
[style*='color: rgb(172, 174, 175);'] {
color: var(--theme--tag_gray-text) !important;
}
.notion-body:not(.dark)
.notion-board-view
[style*='background-color: rgba(245, 245, 245, 0.93)']
.dots:not([style*='fill: inherit']),
.notion-body:not(.dark)
.notion-board-view
[style*='background-color: rgba(245, 245, 245, 0.93)']
.plus:not([style*='fill: inherit']),
.notion-body.dark .notion-board-view [style*='background-color: rgb(53, 58, 61)'] .dots,
.notion-body.dark .notion-board-view [style*='background-color: rgb(53, 58, 61)'] .plus {
fill: var(--theme--tag_gray-text) !important;
}
.notion-body:not(.dark)
.notion-board-view
[style*='background-color: rgba(245, 245, 245, 0.93)']
[style*='-webkit-text-fill-color:'],
.notion-body.dark
.notion-board-view
[style*='background-color: rgb(53, 58, 61)']
[style*='-webkit-text-fill-color:'] {
-webkit-text-fill-color: var(--theme--tag_gray-text) !important;
}
.notion-body:not(.dark)
.notion-board-view
[style*='background-color: rgba(245, 245, 245, 0.93)']
[style*='background: rgba(55, 53, 47, 0.08)']:hover,
.notion-body:not(.dark)
.notion-board-view
[style*='background-color: rgba(245, 245, 245, 0.93)']
[style*='background: rgba(55, 53, 47, 0.16)']:active,
.notion-body:not(.dark)
.notion-board-view
[style*='background-color: rgba(245, 245, 245, 0.93)']
.notion-page-block.notion-collection-item
> a[style*='background:']
> div
> div
> div
> .notion-focusable,
.notion-body.dark
.notion-board-view
[style*='background-color: rgb(53, 58, 61)']
[style*='background: rgb(71, 76, 80)']:hover,
.notion-body.dark
.notion-board-view
[style*='background-color: rgb(53, 58, 61)']
[style*='background: rgb(63, 68, 71)']:active,
.notion-body.dark
.notion-board-view
[style*='background-color: rgb(53, 58, 61)']
.notion-page-block.notion-collection-item
> a[style*='background:']
> div
> div
> div
> .notion-focusable {
background: var(--theme--paragraph_gray) !important;
}
.notion-body:not(.dark)
.notion-board-view
[style*='background-color: rgba(245, 245, 245, 0.93)']
.notion-page-block.notion-collection-item
> a[style*='background:'],
.notion-body.dark
.notion-board-view
[style*='background-color: rgb(53, 58, 61)']
.notion-page-block.notion-collection-item
> a[style*='background:'] {
background: var(--theme--paragraph_gray) !important;
}
.notion-body:not(.dark)
.notion-board-view
[style*='background-color: rgba(245, 245, 245, 0.93)']
.notion-page-block.notion-collection-item
> a[style*='background:']:hover,
.notion-body.dark
.notion-board-view
[style*='background-color: rgb(53, 58, 61)']
.notion-page-block.notion-collection-item
> a[style*='background:']:hover,
.notion-body:not(.dark)
.notion-board-view
[style*='background-color: rgba(245, 245, 245, 0.93)']
.notion-page-block.notion-collection-item
> a[style*='background:']
> .notion-focusable[style*='background: '],
.notion-body.dark
.notion-board-view
[style*='background-color: rgb(53, 58, 61)']
.notion-page-block.notion-collection-item
> a[style*='background:']
> .notion-focusable[style*='background: '] {
background: transparent !important;
}
.notion-body:not(.dark) [style='background: rgba(234, 234, 235, 0.93);'],
.notion-body:not(.dark) [style='background-color: rgba(234, 234, 235, 0.93);'],
.notion-body.dark [style='background: rgb(62, 66, 69);'],
.notion-body.dark [style*='background-color: rgb(62, 66, 69)'] {
background: var(--theme--paragraph_gray) !important;
color: var(--theme--paragraph_gray-text) !important;
}
.notion-body:not(.dark)
.notion-callout-block
> div
> [style*='background: rgba(245, 245, 245, 0.93)'],
.notion-body.dark .notion-callout-block > div > [style*='background: rgb(53, 58, 61)'] {
background: var(--theme--block_gray) !important;
color: var(--theme--block_gray-text) !important;
}
/* brown */
.notion-body:not(.dark) [style*='color: rgb(174, 102, 29)'],
.notion-body:not(.dark) [style*='color:rgba(174, 102, 29, 1)'],
.notion-body.dark [style*='color: rgb(214, 144, 80)'],
.notion-body.dark [style*='color:rgba(214, 144, 80, 1)'] {
color: var(--theme--text_brown) !important;
}
.notion-body:not(.dark) [style*='fill: rgb(174, 102, 29)'],
.notion-body:not(.dark) [style*='fill:rgba(174, 102, 29, 1)'],
.notion-body.dark [style*='fill: rgb(214, 144, 80)'],
.notion-body.dark [style*='fill:rgba(214, 144, 80, 1)'] {
fill: var(--theme--text_brown) !important;
}
.notion-body:not(.dark) .notion-enable-hover[style='background:rgba(213, 130, 38, 0.13)'],
.notion-body.dark .notion-enable-hover[style='background:rgba(91, 71, 57, 1)'] {
background: var(--theme--highlight_brown) !important;
color: var(--theme--highlight_brown-text) !important;
}
.notion-body:not(.dark)
[style*='background: rgba(213, 130, 38, 0.13)']:not(a):not([style='background: rgba(213, 130, 38, 0.13);']),
.notion-body.dark
[style*='background: rgb(91, 71, 57)']:not(a):not([style='background: rgb(91, 71, 57);']) {
background: var(--theme--tag_brown) !important;
color: var(--theme--tag_brown-text) !important;
}
.notion-body:not(.dark)
.notion-board-view
[style*='background-color: rgba(213, 130, 38, 0.08)'],
.notion-body.dark .notion-board-view [style*='background-color: rgb(71, 63, 60)'] {
background: var(--theme--block_brown) !important;
}
.notion-body:not(.dark)
.notion-board-view
[style*='background-color: rgba(213, 130, 38, 0.08)']
[style*='color: rgb(102, 49, 13)'],
.notion-body:not(.dark)
.notion-board-view
[style*='background-color: rgba(213, 130, 38, 0.08)']
[style*='color: rgb(137, 75, 21);'],
.notion-body.dark
.notion-board-view
[style*='background-color: rgb(71, 63, 60)']
[style*='color: rgb(240, 194, 149)'],
.notion-body.dark
.notion-board-view
[style*='background-color: rgb(71, 63, 60)']
[style*='color: rgb(228, 169, 114);'] {
color: var(--theme--tag_brown-text) !important;
}
.notion-body:not(.dark)
.notion-board-view
[style*='background-color: rgba(213, 130, 38, 0.08)']
.dots:not([style*='fill: inherit']),
.notion-body:not(.dark)
.notion-board-view
[style*='background-color: rgba(213, 130, 38, 0.08)']
.plus:not([style*='fill: inherit']),
.notion-body.dark .notion-board-view [style*='background-color: rgb(71, 63, 60)'] .dots,
.notion-body.dark .notion-board-view [style*='background-color: rgb(71, 63, 60)'] .plus {
fill: var(--theme--tag_brown-text) !important;
}
.notion-body:not(.dark)
.notion-board-view
[style*='background-color: rgba(213, 130, 38, 0.08)']
[style*='-webkit-text-fill-color:'],
.notion-body.dark
.notion-board-view
[style*='background-color: rgb(71, 63, 60)']
[style*='-webkit-text-fill-color:'] {
-webkit-text-fill-color: var(--theme--tag_brown-text) !important;
}
.notion-body:not(.dark)
.notion-board-view
[style*='background-color: rgba(213, 130, 38, 0.08)']
[style*='background: rgba(55, 53, 47, 0.08)']:hover,
.notion-body:not(.dark)
.notion-board-view
[style*='background-color: rgba(213, 130, 38, 0.08)']
[style*='background: rgba(55, 53, 47, 0.16)']:active,
.notion-body:not(.dark)
.notion-board-view
[style*='background-color: rgba(213, 130, 38, 0.08)']
.notion-page-block.notion-collection-item
> a[style*='background:']
> div
> div
> div
> .notion-focusable,
.notion-body.dark
.notion-board-view
[style*='background-color: rgb(71, 63, 60)']
[style*='background: rgb(71, 76, 80)']:hover,
.notion-body.dark
.notion-board-view
[style*='background-color: rgb(71, 63, 60)']
[style*='background: rgb(63, 68, 71)']:active,
.notion-body.dark
.notion-board-view
[style*='background-color: rgb(71, 63, 60)']
.notion-page-block.notion-collection-item
> a[style*='background:']
> div
> div
> div
> .notion-focusable {
background: var(--theme--paragraph_brown) !important;
}
.notion-body:not(.dark)
.notion-board-view
[style*='background-color: rgba(213, 130, 38, 0.08)']
.notion-page-block.notion-collection-item
> a[style*='background:'],
.notion-body.dark
.notion-board-view
[style*='background-color: rgb(71, 63, 60)']
.notion-page-block.notion-collection-item
> a[style*='background:'] {
background: var(--theme--paragraph_brown) !important;
}
.notion-body:not(.dark)
.notion-board-view
[style*='background-color: rgba(213, 130, 38, 0.08)']
.notion-page-block.notion-collection-item
> a[style*='background:']:hover,
.notion-body.dark
.notion-board-view
[style*='background-color: rgb(71, 63, 60)']
.notion-page-block.notion-collection-item
> a[style*='background:']:hover,
.notion-body:not(.dark)
.notion-board-view
[style*='background-color: rgba(213, 130, 38, 0.08)']
.notion-page-block.notion-collection-item
> a[style*='background:']
> .notion-focusable[style*='background: '],
.notion-body.dark
.notion-board-view
[style*='background-color: rgb(71, 63, 60)']
.notion-page-block.notion-collection-item
> a[style*='background:']
> .notion-focusable[style*='background: '] {
background: transparent !important;
}
.notion-body:not(.dark) [style='background: rgba(213, 130, 38, 0.13);'],
.notion-body:not(.dark) [style='background-color: rgba(213, 130, 38, 0.13);'],
.notion-body.dark [style='background: rgb(91, 71, 57);'],
.notion-body.dark [style*='background-color: rgb(91, 71, 57)'] {
background: var(--theme--paragraph_brown) !important;
color: var(--theme--paragraph_brown-text) !important;
}
.notion-body:not(.dark)
.notion-callout-block
> div
> [style*='background: rgba(213, 130, 38, 0.08)'],
.notion-body.dark .notion-callout-block > div > [style*='background: rgb(71, 63, 60)'] {
background: var(--theme--block_brown) !important;
color: var(--theme--block_brown-text) !important;
}
/* orange */
.notion-body:not(.dark) [style*='color: rgb(210, 82, 22)'],
.notion-body:not(.dark) [style*='color:rgba(210, 82, 22, 1)'],
.notion-body.dark [style*='color: rgb(244, 124, 75)'],
.notion-body.dark [style*='color:rgba(244, 124, 75, 1)'] {
color: var(--theme--text_orange) !important;
}
.notion-body:not(.dark) [style*='fill: rgb(210, 82, 22)'],
.notion-body:not(.dark) [style*='fill:rgba(210, 82, 22, 1)'],
.notion-body.dark [style*='fill: rgb(244, 124, 75)'],
.notion-body.dark [style*='fill:rgba(244, 124, 75, 1)'] {
fill: var(--theme--text_orange) !important;
}
.notion-body:not(.dark) .notion-enable-hover[style='background:rgba(252, 103, 27, 0.13)'],
.notion-body.dark .notion-enable-hover[style='background:rgba(102, 64, 54, 1)'] {
background: var(--theme--highlight_orange) !important;
color: var(--theme--highlight_orange-text) !important;
}
.notion-body:not(.dark)
[style*='background: rgba(252, 103, 27, 0.13)']:not(a):not([style='background: rgba(252, 103, 27, 0.13);']),
.notion-body.dark
[style*='background: rgb(102, 64, 54)']:not(a):not([style='background: rgb(102, 64, 54);']) {
background: var(--theme--tag_orange) !important;
color: var(--theme--tag_orange-text) !important;
}
.notion-body:not(.dark)
.notion-board-view
[style*='background-color: rgba(252, 103, 27, 0.07)'],
.notion-body.dark .notion-board-view [style*='background-color: rgb(77, 58, 58)'] {
background: var(--theme--block_orange) !important;
}
.notion-body:not(.dark)
.notion-board-view
[style*='background-color: rgba(252, 103, 27, 0.07)']
[style*='color: rgb(129, 44, 10)'],
.notion-body:not(.dark)
.notion-board-view
[style*='background-color: rgba(252, 103, 27, 0.07)']
[style*='color: rgb(168, 63, 16)'],
.notion-body.dark
.notion-board-view
[style*='background-color: rgb(77, 58, 58)']
[style*='color: rgb(253, 182, 149)'],
.notion-body.dark
.notion-board-view
[style*='background-color: rgb(77, 58, 58)']
[style*='color: rgb(250, 153, 112)'] {
color: var(--theme--tag_orange-text) !important;
}
.notion-body:not(.dark)
.notion-board-view
[style*='background-color: rgba(252, 103, 27, 0.07)']
.dots:not([style*='fill: inherit']),
.notion-body:not(.dark)
.notion-board-view
[style*='background-color: rgba(252, 103, 27, 0.07)']
.plus:not([style*='fill: inherit']),
.notion-body.dark .notion-board-view [style*='background-color: rgb(77, 58, 58)'] .dots,
.notion-body.dark .notion-board-view [style*='background-color: rgb(77, 58, 58)'] .plus {
fill: var(--theme--tag_orange-text) !important;
}
.notion-body:not(.dark)
.notion-board-view
[style*='background-color: rgba(252, 103, 27, 0.07)']
[style*='-webkit-text-fill-color:'],
.notion-body.dark
.notion-board-view
[style*='background-color: rgb(77, 58, 58)']
[style*='-webkit-text-fill-color:'] {
-webkit-text-fill-color: var(--theme--tag_orange-text) !important;
}
.notion-body:not(.dark)
.notion-board-view
[style*='background-color: rgba(252, 103, 27, 0.07)']
[style*='background: rgba(55, 53, 47, 0.08)']:hover,
.notion-body:not(.dark)
.notion-board-view
[style*='background-color: rgba(252, 103, 27, 0.07)']
[style*='background: rgba(55, 53, 47, 0.16)']:active,
.notion-body:not(.dark)
.notion-board-view
[style*='background-color: rgba(252, 103, 27, 0.07)']
.notion-page-block.notion-collection-item
> a[style*='background:']
> div
> div
> div
> .notion-focusable,
.notion-body.dark
.notion-board-view
[style*='background-color: rgb(77, 58, 58)']
[style*='background: rgb(71, 76, 80)']:hover,
.notion-body.dark
.notion-board-view
[style*='background-color: rgb(77, 58, 58)']
[style*='background: rgb(63, 68, 71)']:active,
.notion-body.dark
.notion-board-view
[style*='background-color: rgb(77, 58, 58)']
.notion-page-block.notion-collection-item
> a[style*='background:']
> div
> div
> div
> .notion-focusable {
background: var(--theme--paragraph_orange) !important;
}
.notion-body:not(.dark)
.notion-board-view
[style*='background-color: rgba(252, 103, 27, 0.07)']
.notion-page-block.notion-collection-item
> a[style*='background:'],
.notion-body.dark
.notion-board-view
[style*='background-color: rgb(77, 58, 58)']
.notion-page-block.notion-collection-item
> a[style*='background:'] {
background: var(--theme--paragraph_orange) !important;
}
.notion-body:not(.dark)
.notion-board-view
[style*='background-color: rgba(252, 103, 27, 0.07)']
.notion-page-block.notion-collection-item
> a[style*='background:']:hover,
.notion-body.dark
.notion-board-view
[style*='background-color: rgb(77, 58, 58)']
.notion-page-block.notion-collection-item
> a[style*='background:']:hover,
.notion-body:not(.dark)
.notion-board-view
[style*='background-color: rgba(252, 103, 27, 0.07)']
.notion-page-block.notion-collection-item
> a[style*='background:']
> .notion-focusable[style*='background: '],
.notion-body.dark
.notion-board-view
[style*='background-color: rgb(77, 58, 58)']
.notion-page-block.notion-collection-item
> a[style*='background:']
> .notion-focusable[style*='background: '] {
background: transparent !important;
}
.notion-body:not(.dark) [style='background: rgba(252, 103, 27, 0.13);'],
.notion-body:not(.dark) [style='background-color: rgba(252, 103, 27, 0.13);'],
.notion-body.dark [style='background: rgb(102, 64, 54);'],
.notion-body.dark [style*='background-color: rgb(102, 64, 54)'] {
background: var(--theme--paragraph_orange) !important;
color: var(--theme--paragraph_orange-text) !important;
}
.notion-body:not(.dark)
.notion-callout-block
> div
> [style*='background: rgba(252, 103, 27, 0.07)'],
.notion-body.dark .notion-callout-block > div > [style*='background: rgb(77, 58, 58)'] {
background: var(--theme--block_orange) !important;
color: var(--theme--block_orange-text) !important;
}
/* yellow */
/* green */
/* blue */
/* purple */
/* brown */
/* red */

58
repo/theming/theme.css
View File

@ -18,6 +18,8 @@ body,
.notion-onboarding-popup,
.notion-workspace-create,
.notion-workspace-invite,
.notion-scroller.vertical
> [style*='display: flex; justify-content: center; z-index: 3; flex-shrink: 0;'][style*='background: '],
.notion-cursor-listener > div > :first-child[style*='z-index: 100;'],
.notion-space-settings > div > div > div:nth-child(2) > div[style*='background'],
.notion-body.dark .notion-collection_view_page-block > [style*='background: rgb(47, 52, 55)'],
@ -112,6 +114,9 @@ body,
background: var(--theme--ui_shadow) !important;
}
.notion-calendar-view
.notion-selectable.notion-page-block.notion-collection-item
> [style*='background:'],
.notion-overlay-container.notion-default-overlay-container
[style*='display: flex']
> [style*='position: relative; max-width:'][style*='overflow: hidden']:not([style*='border-radius: 3px;'][style*='position: relative; max-width: calc(100vw - 24px); box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px; overflow: hidden;'][style*='padding: 4px 8px; font-size: 12px; line-height: 1.4; font-weight: 500;']),
@ -218,8 +223,8 @@ body,
background: var(--theme--ui_toggle-feature) !important;
}
.notion-body.dark [style*='background: rgb(71, 76, 80);'],
.notion-body:not(.dark) [style*='background: rgba(255, 255, 255, 0.1)'],
.notion-body.dark [style*='background: rgba(255, 255, 255, 0.1)'],
.notion-body:not(.dark) [style*='background: rgba(55, 53, 47, 0.08)'],
.notion-focusable[style*='z-index:'][style*='box-shadow: '][style*='font-size: 12px;'][style*='min-height: 24px; overflow: hidden; pointer-events:']:hover,
:not(.notion-login)
> .notion-focusable[role='button'][tabindex='0'][style*='box-shadow:'][style*='background:'][style*='transition: background 20ms ease-in 0s; cursor: pointer;']:not([style*='rgb(46, 170, 220);']):not([style*='rgb(6, 156, 205);']):not([style*='rgb(0, 141, 190);']):not([style*='flex: 1 1 0%; white-space: nowrap; height: 26px; border-radius: 3px 0px 0px 3px;']):not([style*='rgb(225, 98, 89)']):hover,
@ -234,6 +239,11 @@ body,
color: var(--theme--text) !important;
fill: var(--theme--text) !important;
}
.notion-body.dark
:not(.notion-text-action-menu)
> div
> [style*='background: rgb(63, 68, 71)'],
.notion-body:not(.dark) [style*='background: rgba(55, 53, 47, 0.16)'],
.notion-body.dark .notion-focusable[role='button'][style*='background: rgb(63, 68, 71);'],
.notion-body:not(.dark)
.notion-focusable[role='button'][style*='background: rgba(55, 53, 47, 0.16)'],
@ -242,7 +252,7 @@ body,
.notion-body:not(.dark)
.notion-default-overlay-container
[style*='grid-template-columns: [boolean-start] 60px [boolean-end property-start] 120px [property-end opererator-start] 110px [operator-end value-start] auto [value-end menu-start] 32px [menu-end];']
.notion-focusable[style*='background: rgb(223, 223, 222);'] {
.notion-focusable[style*='background: rgb(233, 233, 231);'] {
background: var(--theme--ui_interactive-active) !important;
color: var(--theme--text) !important;
fill: var(--theme--text) !important;
@ -385,60 +395,78 @@ body,
.notion-body.dark [style*='border-top: 1px solid rgb(77, 81, 83)'],
.notion-body.dark [style*='border-top: 1px solid rgb(63, 66, 69)'],
.notion-body.dark [style*='border-top: 1px solid rgb(63, 66, 67)'],
.notion-body.dark [style*='border-top: 1px solid rgb(60, 63, 67)'],
.notion-body.dark [style*='border-top: 1px solid rgba(255, 255, 255, 0.14);'],
.notion-body.dark [style*='border-top: 1px solid rgba(255, 255, 255, 0.07)'],
.notion-body:not(.dark) [style*='border-top: 1px solid rgb(223, 223, 222)'],
.notion-body:not(.dark) [style*='border-top: 1px solid rgb(233, 233, 231)'],
.notion-body:not(.dark) [style*='border-top: 1px solid rgb(237, 237, 236)'],
.notion-body:not(.dark) [style*='border-top: 1px solid rgb(238, 238, 237)'],
.notion-body:not(.dark) [style*='border-top: 1px solid rgba(55, 53, 47, 0.09)'],
.notion-body:not(.dark) [style*='border-top: 1px solid rgba(55, 53, 47, 0.16)'] {
border-top: 1px solid var(--theme--ui_divider) !important;
}
.notion-body.dark [style*='border-bottom: 1px solid rgb(77, 81, 83)'],
.notion-body.dark [style*='border-bottom: 1px solid rgb(63, 66, 69)'],
.notion-body.dark [style*='border-bottom: 1px solid rgb(63, 66, 67)'],
.notion-body.dark [style*='border-bottom: 1px solid rgb(60, 63, 67)'],
.notion-body.dark [style*='border-bottom: 1px solid rgba(255, 255, 255, 0.14);'],
.notion-body.dark [style*='border-bottom: 1px solid rgba(255, 255, 255, 0.07)'],
.notion-body:not(.dark) [style*='border-bottom: 1px solid rgb(223, 223, 222)'],
.notion-body:not(.dark) [style*='border-bottom: 1px solid rgb(233, 233, 231)'],
.notion-body:not(.dark) [style*='border-bottom: 1px solid rgb(237, 237, 236)'],
.notion-body:not(.dark) [style*='border-bottom: 1px solid rgb(238, 238, 237)'],
.notion-body:not(.dark) [style*='border-bottom: 1px solid rgba(55, 53, 47, 0.09)'],
.notion-body:not(.dark) [style*='border-bottom: 1px solid rgba(55, 53, 47, 0.16)'] {
border-bottom: 1px solid var(--theme--ui_divider) !important;
}
.notion-body.dark [style*='border-right: 1px solid rgb(77, 81, 83)'],
.notion-body.dark [style*='border-right: 1px solid rgb(63, 66, 69)'],
.notion-body.dark [style*='border-right: 1px solid rgb(63, 66, 67)'],
.notion-body.dark [style*='border-right: 1px solid rgb(60, 63, 67)'],
.notion-body.dark [style*='border-right: 1px solid rgba(255, 255, 255, 0.14);'],
.notion-body.dark [style*='border-right: 1px solid rgba(255, 255, 255, 0.07)'],
.notion-body:not(.dark) [style*='border-right: 1px solid rgb(223, 223, 222)'],
.notion-body:not(.dark) [style*='border-right: 1px solid rgb(233, 233, 231)'],
.notion-body:not(.dark) [style*='border-right: 1px solid rgb(237, 237, 236)'],
.notion-body:not(.dark) [style*='border-right: 1px solid rgb(238, 238, 237)'],
.notion-body:not(.dark) [style*='border-right: 1px solid rgba(55, 53, 47, 0.09)'],
.notion-body:not(.dark) [style*='border-right: 1px solid rgba(55, 53, 47, 0.16)'] {
border-right: 1px solid var(--theme--ui_divider) !important;
}
.notion-body.dark [style*='border-left: 1px solid rgb(77, 81, 83)'],
.notion-body.dark [style*='border-left: 1px solid rgb(63, 66, 69)'],
.notion-body.dark [style*='border-left: 1px solid rgb(63, 66, 67)'],
.notion-body.dark [style*='border-left: 1px solid rgb(60, 63, 67)'],
.notion-body.dark [style*='border-left: 1px solid rgba(255, 255, 255, 0.14);'],
.notion-body.dark [style*='border-left: 1px solid rgba(255, 255, 255, 0.07)'],
.notion-body:not(.dark) [style*='border-left: 1px solid rgb(223, 223, 222)'],
.notion-body:not(.dark) [style*='border-left: 1px solid rgb(233, 233, 231)'],
.notion-body:not(.dark) [style*='border-left: 1px solid rgb(237, 237, 236)'],
.notion-body:not(.dark) [style*='border-left: 1px solid rgb(238, 238, 237)'],
.notion-body:not(.dark) [style*='border-left: 1px solid rgba(55, 53, 47, 0.09)'],
.notion-body:not(.dark) [style*='border-left: 1px solid rgba(55, 53, 47, 0.16)'] {
border-left: 1px solid var(--theme--ui_divider) !important;
}
.notion-body.dark [style*='border: 1px solid rgb(77, 81, 83)'],
.notion-body.dark [style*='border: 1px solid rgb(63, 66, 69)'],
.notion-body.dark [style*='border: 1px solid rgb(63, 66, 67)'],
.notion-body.dark [style*='border: 1px solid rgb(60, 63, 67)'],
.notion-body.dark [style*='border: 1px solid rgba(255, 255, 255, 0.14);'],
.notion-body.dark [style*='border: 1px solid rgba(255, 255, 255, 0.07)'],
.notion-body:not(.dark) [style*='border: 1px solid rgb(223, 223, 222)'],
.notion-body:not(.dark) [style*='border: 1px solid rgb(233, 233, 231)'],
.notion-body:not(.dark) [style*='border: 1px solid rgb(237, 237, 236)'],
.notion-body:not(.dark) [style*='border: 1px solid rgb(238, 238, 237)'],
.notion-body:not(.dark) [style*='border: 1px solid rgba(55, 53, 47, 0.09)'],
.notion-body:not(.dark) [style*='border: 1px solid rgba(55, 53, 47, 0.16)'] {
border: 1px solid var(--theme--ui_divider) !important;
}
.notion-body.dark [style*='border-color: 1px solid rgb(77, 81, 83)'],
.notion-body.dark [style*='border-color: 1px solid rgb(63, 66, 69)'],
.notion-body.dark [style*='border-color: 1px solid rgb(63, 66, 67)'],
.notion-body.dark [style*='border-color: 1px solid rgb(60, 63, 67)'],
.notion-body.dark [style*='border-color: 1px solid rgba(255, 255, 255, 0.14);'],
.notion-body.dark [style*='border-color: 1px solid rgba(255, 255, 255, 0.07)'],
.notion-body:not(.dark) [style*='border-color: 1px solid rgb(223, 223, 222)'],
.notion-body:not(.dark) [style*='border-color: 1px solid rgb(233, 233, 231)'],
.notion-body:not(.dark) [style*='border-color: 1px solid rgb(237, 237, 236)'],
.notion-body:not(.dark) [style*='border-color: 1px solid rgb(238, 238, 237)'],
.notion-body:not(.dark) [style*='border-color: 1px solid rgba(55, 53, 47, 0.09)'],
.notion-body:not(.dark) [style*='border-color: 1px solid rgba(55, 53, 47, 0.16)'],
.notion-callout-block > div > :not([style*='border-color: transparent']) {
@ -447,7 +475,7 @@ body,
.notion-body.dark [style*='box-shadow: rgb(77, 81, 83) -1px 0px 0px'],
.notion-body.dark [style*='box-shadow: rgba(255, 255, 255, 0.07) -1px 0px 0px'],
.notion-body:not(.dark) [style*='box-shadow: rgb(223, 223, 222) -1px 0px 0px'],
.notion-body:not(.dark) [style*='box-shadow: rgb(233, 233, 231) -1px 0px 0px'],
.notion-body:not(.dark) [style*='box-shadow: rgba(55, 53, 47, 0.09) -1px 0px 0px'],
.notion-body.dark [style*='box-shadow: rgb(63, 66, 69) -1px 0px 0px'],
.notion-body:not(.dark) [style*='box-shadow: rgb(237, 237, 236) -1px 0px 0px'] {
@ -455,7 +483,7 @@ body,
}
.notion-body.dark [style*='box-shadow: rgb(77, 81, 83) 1px 0px 0px'],
.notion-body.dark [style*='box-shadow: rgba(255, 255, 255, 0.07) 1px 0px 0px'],
.notion-body:not(.dark) [style*='box-shadow: rgb(223, 223, 222) 1px 0px 0px'],
.notion-body:not(.dark) [style*='box-shadow: rgb(233, 233, 231) 1px 0px 0px'],
.notion-body:not(.dark) [style*='box-shadow: rgba(55, 53, 47, 0.09) 1px 0px 0px'],
.notion-body.dark [style*='box-shadow: rgb(63, 66, 69) 1px 0px 0px'],
.notion-body:not(.dark) [style*='box-shadow: rgb(237, 237, 236) 1px 0px 0px'] {
@ -463,7 +491,7 @@ body,
}
.notion-body.dark [style*='box-shadow: rgb(77, 81, 83) 0px -1px 0px'],
.notion-body.dark [style*='box-shadow: rgba(255, 255, 255, 0.07) 0px -1px 0px'],
.notion-body:not(.dark) [style*='box-shadow: rgb(223, 223, 222) 0px -1px 0px'],
.notion-body:not(.dark) [style*='box-shadow: rgb(233, 233, 231) 0px -1px 0px'],
.notion-body:not(.dark) [style*='box-shadow: rgba(55, 53, 47, 0.09) 0px -1px 0px'],
.notion-body.dark [style*='box-shadow: rgb(63, 66, 69) 0px -1px 0px'],
.notion-body:not(.dark) [style*='box-shadow: rgb(237, 237, 236) 0px -1px 0px'] {
@ -471,7 +499,7 @@ body,
}
.notion-body.dark [style*='box-shadow: rgb(77, 81, 83) 0px 1px 0px'],
.notion-body.dark [style*='box-shadow: rgba(255, 255, 255, 0.07) 0px 1px 0px'],
.notion-body:not(.dark) [style*='box-shadow: rgb(223, 223, 222) 0px 1px 0px'],
.notion-body:not(.dark) [style*='box-shadow: rgb(233, 233, 231) 0px 1px 0px'],
.notion-body:not(.dark) [style*='box-shadow: rgba(55, 53, 47, 0.09) 0px 1px 0px'],
.notion-body.dark [style*='box-shadow: rgb(63, 66, 69) 0px 1px 0px'],
.notion-body:not(.dark) [style*='box-shadow: rgb(237, 237, 236) 0px 1px 0px'] {
@ -483,9 +511,9 @@ body,
background: var(--theme--ui_divider) !important;
}
.notion-body.dark
[style*='box-shadow: rgb(47, 52, 55) -3px 0px 0px, rgb(77, 81, 83) 0px 1px 0px;'],
[style*='box-shadow: rgb(47, 52, 55) -3px 0px 0px, rgb(63, 66, 69) 0px 1px 0px;'],
.notion-body:not(.dark)
[style*='box-shadow: white -3px 0px 0px, rgb(223, 223, 222) 0px 1px 0px;'] {
[style*='box-shadow: white -3px 0px 0px, rgb(233, 233, 231) 0px 1px 0px;'] {
box-shadow: var(--theme--ui_divider) 0px 1px 0px !important;
}
.notion-body.dark

352
repo/theming/variables.css
View File

@ -57,96 +57,101 @@
--theme--text: rgb(55, 43, 47);
--theme--text_secondary: rgba(55, 43, 47, 0.6);
--theme--text_gray: rgba(96, 96, 98, 0.93);
--theme--text_brown: rgba(174, 102, 29, 1);
--theme--text_orange: rgba(210, 82, 22, 1);
--theme--text_gray: rgba(120, 119, 116, 1);
--theme--text_brown: rgba(159, 107, 83, 1);
--theme--text_orange: rgba(217, 115, 13, 1);
--theme--text_yellow: rgba(203, 145, 47, 1);
--theme--text_green: rgba(62, 143, 53, 1);
--theme--text_blue: rgba(33, 131, 190, 1);
--theme--text_purple: rgba(151, 93, 190, 1);
--theme--text_pink: rgba(203, 62, 132, 1);
--theme--text_red: rgba(208, 60, 60, 1);
--theme--text_green: rgba(68, 131, 97, 1);
--theme--text_blue: rgba(51, 126, 169, 1);
--theme--text_purple: rgba(144, 101, 176, 1);
--theme--text_pink: rgba(193, 76, 138, 1);
--theme--text_red: rgba(212, 76, 71, 1);
--theme--highlight-text: var(--theme--text);
--theme--highlight_gray: rgba(234, 234, 235, 0.93);
--theme--highlight_gray-text: var(--theme--highlight-text);
--theme--highlight_brown: rgba(213, 130, 38, 0.13);
--theme--highlight_brown-text: var(--theme--highlight-text);
--theme--highlight_orange: rgba(252, 103, 27, 0.13);
--theme--highlight_orange-text: var(--theme--highlight-text);
--theme--highlight_yellow: rgba(253, 183, 63, 0.13);
--theme--highlight_yellow-text: var(--theme--highlight-text);
--theme--highlight_green: rgba(76, 169, 66, 0.13);
--theme--highlight_green-text: var(--theme--highlight-text);
--theme--highlight_blue: rgba(45, 159, 226, 0.13);
--theme--highlight_blue-text: var(--theme--highlight-text);
--theme--highlight_purple: rgba(187, 123, 230, 0.13);
--theme--highlight_purple-text: var(--theme--highlight-text);
--theme--highlight_pink: rgba(255, 85, 163, 0.13);
--theme--highlight_pink-text: var(--theme--highlight-text);
--theme--highlight_red: rgba(255, 82, 71, 0.13);
--theme--highlight_red-text: var(--theme--highlight-text);
--theme--highlight_gray: rgba(241, 241, 239, 1);
--theme--highlight_gray-text: currentColor;
--theme--highlight_brown: rgba(244, 238, 238, 1);
--theme--highlight_brown-text: currentColor;
--theme--highlight_orange: rgba(251, 236, 221, 1);
--theme--highlight_orange-text: currentColor;
--theme--highlight_yellow: rgba(251, 243, 219, 1);
--theme--highlight_yellow-text: currentColor;
--theme--highlight_green: rgba(237, 243, 236, 1);
--theme--highlight_green-text: currentColor;
--theme--highlight_blue: rgba(231, 243, 248, 1);
--theme--highlight_blue-text: currentColor;
--theme--highlight_purple: rgba(244, 240, 247, 0.8);
--theme--highlight_purple-text: currentColor;
--theme--highlight_pink: rgba(249, 238, 243, 0.8);
--theme--highlight_pink-text: currentColor;
--theme--highlight_red: rgba(253, 235, 236, 1);
--theme--highlight_red-text: currentColor;
--theme--paragraph-text: var(--theme--text);
--theme--paragraph_gray: rgba(234, 234, 235, 0.93);
--theme--paragraph_gray-text: var(--theme--paragraph-text);
--theme--paragraph_brown: rgba(213, 130, 38, 0.13);
--theme--paragraph_brown-text: var(--theme--paragraph-text);
--theme--paragraph_orange: rgba(252, 103, 27, 0.13);
--theme--paragraph_orange-text: var(--theme--paragraph-text);
--theme--paragraph_yellow: rgba(253, 183, 63, 0.13);
--theme--paragraph_yellow-text: var(--theme--paragraph-text);
--theme--paragraph_green: rgba(76, 169, 66, 0.13);
--theme--paragraph_green-text: var(--theme--paragraph-text);
--theme--paragraph_blue: rgba(45, 159, 226, 0.13);
--theme--paragraph_blue-text: var(--theme--paragraph-text);
--theme--paragraph_purple: rgba(187, 123, 230, 0.13);
--theme--paragraph_purple-text: var(--theme--paragraph-text);
--theme--paragraph_pink: rgba(255, 85, 163, 0.13);
--theme--paragraph_pink-text: var(--theme--paragraph-text);
--theme--paragraph_red: rgba(255, 82, 71, 0.13);
--theme--paragraph_red-text: var(--theme--paragraph-text);
--theme--callout_gray: rgb(241, 241, 239);
--theme--callout_gray-text: currentColor;
--theme--callout_brown: rgb(244, 238, 238);
--theme--callout_brown-text: currentColor;
--theme--callout_orange: rgb(251, 236, 221);
--theme--callout_orange-text: currentColor;
--theme--callout_yellow: rgb(251, 243, 219);
--theme--callout_yellow-text: currentColor;
--theme--callout_green: rgb(237, 243, 236);
--theme--callout_green-text: currentColor;
--theme--callout_blue: rgb(231, 243, 248);
--theme--callout_blue-text: currentColor;
--theme--callout_purple: rgba(249, 238, 243, 0.8);
--theme--callout_purple-text: currentColor;
--theme--callout_pink: rgba(249, 238, 243, 0.8);
--theme--callout_pink-text: currentColor;
--theme--callout_red: rgb(253, 235, 236);
--theme--callout_red-text: currentColor;
--theme--tag_default: rgba(206, 205, 202, 0.5);
--theme--tag_default-text: var(--theme--tag-text, var(--theme--text));
--theme--tag_gray: rgba(234, 234, 235, 0.93);
--theme--tag_gray-text: var(--theme--tag-text, rgba(29, 29, 37, 0.93));
--theme--tag_brown: rgba(213, 130, 38, 0.13);
--theme--tag_brown-text: var(--theme--tag-text, rgb(102, 49, 13));
--theme--tag_orange: rgba(252, 103, 27, 0.13);
--theme--tag_orange-text: var(--theme--tag-text, rgb(129, 44, 10));
--theme--tag_yellow: rgba(253, 183, 63, 0.13);
--theme--tag_yellow-text: var(--theme--tag-text, rgb(111, 76, 18));
--theme--tag_green: rgba(76, 169, 66, 0.13);
--theme--tag_green-text: var(--theme--tag-text, rgb(35, 93, 28));
--theme--tag_blue: rgba(45, 159, 226, 0.13);
--theme--tag_blue-text: var(--theme--tag-text, rgb(9, 78, 121));
--theme--tag_purple: rgba(187, 123, 230, 0.13);
--theme--tag_purple-text: var(--theme--tag-text, rgb(82, 35, 114));
--theme--tag_pink: rgba(255, 85, 163, 0.13);
--theme--tag_pink-text: var(--theme--tag-text, rgb(107, 18, 73));
--theme--tag_red: rgba(255, 82, 71, 0.13);
--theme--tag_red-text: var(--theme--tag-text, rgb(119, 19, 39));
--theme--tag_gray: rgb(227, 226, 224);
--theme--tag_gray-text: rgb(50, 48, 44);
--theme--tag_brown: rgb(238, 224, 218);
--theme--tag_brown-text: rgb(68, 42, 30);
--theme--tag_orange: rgb(250, 222, 201);
--theme--tag_orange-text: rgb(73, 41, 14);
--theme--tag_yellow: rgb(253, 236, 200);
--theme--tag_yellow-text: rgb(64, 44, 27);
--theme--tag_green: rgb(219, 237, 219);
--theme--tag_green-text: rgb(28, 56, 41);
--theme--tag_blue: rgb(211, 229, 239);
--theme--tag_blue-text: rgb(24, 51, 71);
--theme--tag_purple: rgb(232, 222, 238);
--theme--tag_purple-text: rgb(65, 36, 84);
--theme--tag_pink: rgb(245, 224, 233);
--theme--tag_pink-text: rgb(76, 35, 55);
--theme--tag_red: rgb(255, 226, 221);
--theme--tag_red-text: rgb(93, 23, 21);
--theme--block-text: var(--theme--text);
--theme--block_gray: rgba(245, 245, 245, 0.93);
--theme--block_gray-text: var(--theme--block-text);
--theme--block_brown: rgba(213, 130, 38, 0.08);
--theme--block_brown-text: var(--theme--block-text);
--theme--block_orange: rgba(252, 103, 27, 0.07);
--theme--block_orange-text: var(--theme--block-text);
--theme--block_yellow: rgba(253, 183, 63, 0.08);
--theme--block_yellow-text: var(--theme--block-text);
--theme--block_green: rgba(76, 169, 66, 0.07);
--theme--block_green-text: var(--theme--block-text);
--theme--block_blue: rgba(45, 159, 226, 0.07);
--theme--block_blue-text: var(--theme--block-text);
--theme--block_purple: rgba(187, 123, 230, 0.08);
--theme--block_purple-text: var(--theme--block-text);
--theme--block_pink: rgba(255, 85, 163, 0.08);
--theme--block_pink-text: var(--theme--block-text);
--theme--block_red: rgba(255, 82, 71, 0.07);
--theme--block_red-text: var(--theme--block-text);
--theme--board_gray: rgb(51, 55, 59);
--theme--board_gray-card: rgb(60, 65, 68);
--theme--board_gray-text: rgb(107, 112, 116);
--theme--board_brown: rgb(59, 54, 51);
--theme--board_brown-card: rgb(76, 61, 53);
--theme--board_brown-text: rgb(155, 98, 69);
--theme--board_orange: rgb(61, 54, 49);
--theme--board_orange-card: rgb(85, 59, 41);
--theme--board_orange-text: rgb(168, 92, 30);
--theme--board_yellow: rgb(56, 55, 49);
--theme--board_yellow-card: rgb(79, 64, 41);
--theme--board_yellow-text: rgb(137, 107, 42);
--theme--board_green: rgb(49, 57, 53);
--theme--board_green-card: rgb(46, 68, 58);
--theme--board_green-text: rgb(61, 124, 86);
--theme--board_blue: rgb(49, 56, 64);
--theme--board_blue-card: rgb(45, 66, 86);
--theme--board_blue-text: rgb(46, 117, 164);
--theme--board_purple: rgb(57, 53, 65);
--theme--board_purple-card: rgb(69, 58, 91);
--theme--board_purple-text: rgb(123, 96, 180);
--theme--board_pink: rgb(60, 53, 58);
--theme--board_pink-card: rgb(81, 56, 77);
--theme--board_pink-text: rgb(169, 76, 157);
--theme--board_red: rgb(66, 51, 51);
--theme--board_red-card: rgb(94, 52, 54);
--theme--board_red-text: rgb(194, 65, 82);
--theme--code_inline: rgba(135, 131, 120, 0.15);
--theme--code_inline-text: #eb5757;
@ -220,96 +225,101 @@
--theme--text: rgba(255, 255, 255, 0.9);
--theme--text_secondary: rgba(255, 255, 255, 0.6);
--theme--text_gray: rgba(141, 143, 145, 1);
--theme--text_brown: rgba(214, 144, 80, 1);
--theme--text_orange: rgba(244, 124, 75, 1);
--theme--text_yellow: rgba(247, 183, 91, 1);
--theme--text_green: rgba(116, 161, 106, 1);
--theme--text_blue: rgba(90, 160, 213, 1);
--theme--text_purple: rgba(165, 118, 206, 1);
--theme--text_pink: rgba(235, 104, 161, 1);
--theme--text_red: rgba(248, 102, 96, 1);
--theme--highlight-text: var(--theme--text);
--theme--highlight_gray: rgba(62, 66, 69, 1);
--theme--highlight_gray-text: var(--theme--highlight-text);
--theme--highlight_brown: rgba(91, 71, 57, 1);
--theme--highlight_brown-text: var(--theme--highlight-text);
--theme--highlight_orange: rgba(102, 64, 54, 1);
--theme--highlight_orange-text: var(--theme--highlight-text);
--theme--highlight_yellow: rgba(102, 84, 59, 1);
--theme--highlight_yellow-text: var(--theme--highlight-text);
--theme--highlight_green: rgba(52, 79, 64, 1);
--theme--highlight_green-text: var(--theme--highlight-text);
--theme--highlight_blue: rgba(43, 77, 103, 1);
--theme--highlight_blue-text: var(--theme--highlight-text);
--theme--highlight_purple: rgba(78, 61, 102, 1);
--theme--highlight_purple-text: var(--theme--highlight-text);
--theme--highlight_pink: rgba(99, 56, 86, 1);
--theme--highlight_pink-text: var(--theme--highlight-text);
--theme--highlight_red: rgba(105, 54, 63, 1);
--theme--highlight_red-text: var(--theme--highlight-text);
--theme--text_gray: rgba(159, 164, 169, 1);
--theme--text_brown: rgba(212, 150, 117, 1);
--theme--text_orange: rgba(217, 133, 56, 1);
--theme--text_yellow: rgba(201, 145, 38, 1);
--theme--text_green: rgba(113, 178, 131, 1);
--theme--text_blue: rgba(102, 170, 218, 1);
--theme--text_purple: rgba(176, 152, 217, 1);
--theme--text_pink: rgba(223, 132, 209, 1);
--theme--text_red: rgba(234, 135, 140, 1);
--theme--paragraph-text: var(--theme--text);
--theme--paragraph_gray: rgb(62, 66, 69);
--theme--paragraph_gray-text: var(--theme--paragraph-text);
--theme--paragraph_brown: rgb(91, 71, 57);
--theme--paragraph_brown-text: var(--theme--paragraph-text);
--theme--paragraph_orange: rgb(102, 64, 54);
--theme--paragraph_orange-text: var(--theme--paragraph-text);
--theme--paragraph_yellow: rgb(102, 84, 59);
--theme--paragraph_yellow-text: var(--theme--paragraph-text);
--theme--paragraph_green: rgb(52, 79, 64);
--theme--paragraph_green-text: var(--theme--paragraph-text);
--theme--paragraph_blue: rgb(43, 77, 103);
--theme--paragraph_blue-text: var(--theme--paragraph-text);
--theme--paragraph_purple: rgb(78, 61, 102);
--theme--paragraph_purple-text: var(--theme--paragraph-text);
--theme--paragraph_pink: rgb(99, 56, 86);
--theme--paragraph_pink-text: var(--theme--paragraph-text);
--theme--paragraph_red: rgb(105, 54, 63);
--theme--paragraph_red-text: var(--theme--paragraph-text);
--theme--highlight_gray: rgba(60, 65, 68, 1);
--theme--highlight_gray-text: currentColor;
--theme--highlight_brown: rgba(76, 61, 53, 1);
--theme--highlight_brown-text: currentColor;
--theme--highlight_orange: rgba(85, 59, 41, 1);
--theme--highlight_orange-text: currentColor;
--theme--highlight_yellow: rgba(79, 64, 41, 1);
--theme--highlight_yellow-text: currentColor;
--theme--highlight_green: rgba(46, 68, 58, 1);
--theme--highlight_green-text: currentColor;
--theme--highlight_blue: rgba(45, 66, 86, 1);
--theme--highlight_blue-text: currentColor;
--theme--highlight_purple: rgba(69, 58, 91, 1);
--theme--highlight_purple-text: currentColor;
--theme--highlight_pink: rgba(81, 56, 77, 1);
--theme--highlight_pink-text: currentColor;
--theme--highlight_red: rgba(94, 52, 54, 1);
--theme--highlight_red-text: currentColor;
--theme--tag_default: rgb(80, 85, 88);
--theme--tag_default-text: var(--theme--tag-text, var(--theme--text));
--theme--tag_gray: rgb(62, 66, 69);
--theme--tag_gray-text: var(--theme--tag-text, rgb(234, 235, 235));
--theme--tag_brown: rgb(91, 71, 57);
--theme--tag_brown-text: var(--theme--tag-text, rgb(240, 194, 149));
--theme--tag_orange: rgb(102, 64, 54);
--theme--tag_orange-text: var(--theme--tag-text, rgb(253, 182, 149));
--theme--tag_yellow: rgb(102, 84, 59);
--theme--tag_yellow-text: var(--theme--tag-text, rgb(250, 213, 161));
--theme--tag_green: rgb(52, 79, 64);
--theme--tag_green-text: var(--theme--tag-text, rgb(181, 210, 172));
--theme--tag_blue: rgb(43, 77, 103);
--theme--tag_blue-text: var(--theme--tag-text, rgb(163, 203, 234));
--theme--tag_purple: rgb(78, 61, 102);
--theme--tag_purple-text: var(--theme--tag-text, rgb(205, 177, 228));
--theme--tag_pink: rgb(99, 56, 86);
--theme--tag_pink-text: var(--theme--tag-text, rgb(248, 170, 203));
--theme--tag_red: rgb(105, 54, 63);
--theme--tag_red-text: var(--theme--tag-text, rgb(254, 172, 165));
--theme--callout_gray: rgb(60, 65, 68);
--theme--callout_gray-text: currentColor;
--theme--callout_brown: rgb(76, 61, 53);
--theme--callout_brown-text: currentColor;
--theme--callout_orange: rgb(85, 59, 41);
--theme--callout_orange-text: currentColor;
--theme--callout_yellow: rgb(79, 64, 41);
--theme--callout_yellow-text: currentColor;
--theme--callout_green: rgb(46, 68, 58);
--theme--callout_green-text: currentColor;
--theme--callout_blue: rgb(45, 66, 86);
--theme--callout_blue-text: currentColor;
--theme--callout_purple: rgb(81, 56, 77);
--theme--callout_purple-text: currentColor;
--theme--callout_pink: rgb(81, 56, 77);
--theme--callout_pink-text: currentColor;
--theme--callout_red: rgb(94, 52, 54);
--theme--callout_red-text: currentColor;
--theme--block-text: var(--theme--text);
--theme--block_gray: rgb(53, 58, 61);
--theme--block_gray-text: var(--theme--block-text);
--theme--block_brown: rgb(71, 63, 60);
--theme--block_brown-text: var(--theme--block-text);
--theme--block_orange: rgb(77, 58, 58);
--theme--block_orange-text: var(--theme--block-text);
--theme--block_yellow: rgb(76, 69, 61);
--theme--block_yellow-text: var(--theme--block-text);
--theme--block_green: rgb(50, 68, 64);
--theme--block_green-text: var(--theme--block-text);
--theme--block_blue: rgb(45, 66, 86);
--theme--block_blue-text: var(--theme--block-text);
--theme--block_purple: rgb(64, 58, 85);
--theme--block_purple-text: var(--theme--block-text);
--theme--block_pink: rgb(76, 55, 76);
--theme--block_pink-text: var(--theme--block-text);
--theme--block_red: rgb(78, 54, 64);
--theme--block_red-text: var(--theme--block-text);
--theme--tag_gray: rgb(71, 76, 80);
--theme--tag_gray-text: rgba(255, 255, 255, 0.88);
--theme--tag_brown: rgb(92, 71, 61);
--theme--tag_brown-text: rgba(255, 255, 255, 0.88);
--theme--tag_orange: rgb(136, 84, 44);
--theme--tag_orange-text: rgba(255, 255, 255, 0.88);
--theme--tag_yellow: rgb(146, 118, 63);
--theme--tag_yellow-text: rgba(255, 255, 255, 0.88);
--theme--tag_green: rgb(50, 82, 65);
--theme--tag_green-text: rgba(255, 255, 255, 0.88);
--theme--tag_blue: rgb(42, 78, 107);
--theme--tag_blue-text: rgba(255, 255, 255, 0.88);
--theme--tag_purple: rgb(83, 68, 116);
--theme--tag_purple-text: rgba(255, 255, 255, 0.88);
--theme--tag_pink: rgb(106, 59, 99);
--theme--tag_pink-text: rgba(255, 255, 255, 0.88);
--theme--tag_red: rgb(122, 54, 59);
--theme--tag_red-text: rgba(255, 255, 255, 0.88);
--theme--board_gray: rgb(51, 55, 59);
--theme--board_gray-card: rgb(60, 65, 68);
--theme--board_gray-text: rgb(107, 112, 116);
--theme--board_brown: rgb(59, 54, 51);
--theme--board_brown-card: rgb(76, 61, 53);
--theme--board_brown-text: rgb(155, 98, 69);
--theme--board_orange: rgb(61, 54, 49);
--theme--board_orange-card: rgb(85, 59, 41);
--theme--board_orange-text: rgb(168, 92, 30);
--theme--board_yellow: rgb(56, 55, 49);
--theme--board_yellow-card: rgb(79, 64, 41);
--theme--board_yellow-text: rgb(137, 107, 42);
--theme--board_green: rgb(49, 57, 53);
--theme--board_green-card: rgb(46, 68, 58);
--theme--board_green-text: rgb(61, 124, 86);
--theme--board_blue: rgb(49, 56, 64);
--theme--board_blue-card: rgb(45, 66, 86);
--theme--board_blue-text: rgb(46, 117, 164);
--theme--board_purple: rgb(57, 53, 65);
--theme--board_purple-card: rgb(69, 58, 91);
--theme--board_purple-text: rgb(123, 96, 180);
--theme--board_pink: rgb(60, 53, 58);
--theme--board_pink-card: rgb(81, 56, 77);
--theme--board_pink-text: rgb(169, 76, 157);
--theme--board_red: rgb(66, 51, 51);
--theme--board_red-card: rgb(94, 52, 54);
--theme--board_red-text: rgb(194, 65, 82);
--theme--code_inline: rgba(135, 131, 120, 0.15);
--theme--code_inline-text: #eb5757;