diff --git a/repo/menu/notifications.mjs b/repo/menu/notifications.mjs index 8b34643..b3b2d5d 100644 --- a/repo/menu/notifications.mjs +++ b/repo/menu/notifications.mjs @@ -130,6 +130,17 @@ export const $changelogModal = web.render( continued updates or support + +

+ by using the enhancer you agree to give the enhancer + access to your data to: +

+
${fmt.md.render(await fs.getText('repo/menu/whats-new.md'))} diff --git a/repo/pastel-dark/variables.css b/repo/pastel-dark/variables.css index 81013ad..51a03ef 100644 --- a/repo/pastel-dark/variables.css +++ b/repo/pastel-dark/variables.css @@ -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; diff --git a/repo/pinky-boom/variables.css b/repo/pinky-boom/variables.css index 0671bfc..c22b682 100644 --- a/repo/pinky-boom/variables.css +++ b/repo/pinky-boom/variables.css @@ -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; } diff --git a/repo/theming/client.mjs b/repo/theming/client.mjs index 31bbf47..df91662 100644 --- a/repo/theming/client.mjs +++ b/repo/theming/client.mjs @@ -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 = () => diff --git a/repo/theming/colors.css b/repo/theming/colors.css new file mode 100644 index 0000000..09cfce4 --- /dev/null +++ b/repo/theming/colors.css @@ -0,0 +1,761 @@ +/* + * notion-enhancer core: theming + * (c) 2021 dragonwocky (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; +} diff --git a/repo/theming/mod.json b/repo/theming/mod.json index 821a473..805b3bc 100644 --- a/repo/theming/mod.json +++ b/repo/theming/mod.json @@ -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 + } + ] } diff --git a/repo/theming/patches.css b/repo/theming/patches.css index 74542c6..1485fc0 100644 --- a/repo/theming/patches.css +++ b/repo/theming/patches.css @@ -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; } diff --git a/repo/theming/theme-colors.css b/repo/theming/theme-colors.css deleted file mode 100644 index 8a8b26d..0000000 --- a/repo/theming/theme-colors.css +++ /dev/null @@ -1,496 +0,0 @@ -/* - * notion-enhancer core: theming - * (c) 2021 dragonwocky (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 */ diff --git a/repo/theming/theme.css b/repo/theming/theme.css index a4a8d9e..6322285 100644 --- a/repo/theming/theme.css +++ b/repo/theming/theme.css @@ -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 diff --git a/repo/theming/variables.css b/repo/theming/variables.css index 395017a..c911d02 100644 --- a/repo/theming/variables.css +++ b/repo/theming/variables.css @@ -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;