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

incomplete theme colour mapping update

Browse Source 
https://discord.com/channels/748161877045149706/748162220424167534/897602187067269130 more changes to come
This commit is contained in:
dragonwocky 2021-10-13 10:07:06 +11:00
parent ef05403caf
commit 3b4030d12b
17 changed files with 922 additions and 984 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
repo/cherry-cola/variables.css
View File

@ -68,16 +68,16 @@
--theme--highlight_pink: var(--theme--tag_pink);
--theme--highlight_red: var(--theme--tag_red);
--theme--block-text: var(--cola--main);
--theme--block_gray: var(--cola--gray);
--theme--block_brown: var(--cola--brown);
--theme--block_orange: var(--cola--orange);
--theme--block_yellow: var(--cola--yellow);
--theme--block_green: var(--cola--green);
--theme--block_blue: var(--cola--blue);
--theme--block_purple: var(--cola--purple);
--theme--block_pink: var(--cola--pink);
--theme--block_red: var(--cola--red);
--theme--paragraph-text: var(--cola--main);
--theme--paragraph_gray: var(--cola--gray);
--theme--paragraph_brown: var(--cola--brown);
--theme--paragraph_orange: var(--cola--orange);
--theme--paragraph_yellow: var(--cola--yellow);
--theme--paragraph_green: var(--cola--green);
--theme--paragraph_blue: var(--cola--blue);
--theme--paragraph_purple: var(--cola--purple);
--theme--paragraph_pink: var(--cola--pink);
--theme--paragraph_red: var(--cola--red);
--theme--tag-text: var(--cola--main);
--theme--tag_gray: var(--cola--gray);
@ -93,16 +93,16 @@
--theme--tag_red: var(--cola--red);
--theme--tag_red-text: #ffffff;
--theme--callout-text: var(--theme--block-text);
--theme--callout_gray: var(--theme--block_gray);
--theme--callout_brown: var(--theme--block_brown);
--theme--callout_orange: var(--theme--block_orange);
--theme--callout_yellow: var(--theme--block_yellow);
--theme--callout_green: var(--theme--block_green);
--theme--callout_blue: var(--theme--block_blue);
--theme--callout_purple: var(--theme--block_purple);
--theme--callout_pink: var(--theme--block_pink);
--theme--callout_red: var(--theme--block_red);
--theme--block-text: var(--theme--paragraph-text);
--theme--block_gray: var(--theme--paragraph_gray);
--theme--block_brown: var(--theme--paragraph_brown);
--theme--block_orange: var(--theme--paragraph_orange);
--theme--block_yellow: var(--theme--paragraph_yellow);
--theme--block_green: var(--theme--paragraph_green);
--theme--block_blue: var(--theme--paragraph_blue);
--theme--block_purple: var(--theme--paragraph_purple);
--theme--block_pink: var(--theme--paragraph_pink);
--theme--block_red: var(--theme--paragraph_red);
--theme--code_inline: var(--cola--main);
--theme--code_inline-text: var(--cola--accent);

37
repo/dark+/variables.css
View File

@ -56,16 +56,17 @@
--theme--highlight_pink: var(--theme--tag_pink);
--theme--highlight_red: var(--theme--tag_red);
--theme--block_gray: rgba(126, 128, 129, 0.301);
--theme--block_brown: #50331fad;
--theme--block_orange: rgba(255, 153, 0, 0.315);
--theme--block_yellow: rgba(183, 156, 0, 0.445);
--theme--block_green: rgba(50, 129, 47, 0.39);
--theme--block_blue: rgba(0, 90, 146, 0.521);
--theme--block_purple: rgba(90, 49, 148, 0.349);
--theme--block_pink: rgba(243, 61, 158, 0.301);
--theme--block_red: rgba(122, 20, 20, 0.623);
--theme--paragraph_gray: rgba(126, 128, 129, 0.301);
--theme--paragraph_brown: #50331fad;
--theme--paragraph_orange: rgba(255, 153, 0, 0.315);
--theme--paragraph_yellow: rgba(183, 156, 0, 0.445);
--theme--paragraph_green: rgba(50, 129, 47, 0.39);
--theme--paragraph_blue: rgba(0, 90, 146, 0.521);
--theme--paragraph_purple: rgba(90, 49, 148, 0.349);
--theme--paragraph_pink: rgba(243, 61, 158, 0.301);
--theme--paragraph_red: rgba(122, 20, 20, 0.623);
--theme--tag-text: var(--theme--text);
--theme--tag_gray: rgba(126, 128, 129, 0.5);
--theme--tag_brown: #50331f;
--theme--tag_orange: rgba(255, 155, 0, 0.58);
@ -76,15 +77,15 @@
--theme--tag_pink: rgba(243, 61, 159, 0.5);
--theme--tag_red: rgb(122, 20, 20);
--theme--callout_gray: rgba(126, 128, 129, 0.089);
--theme--callout_brown: #50331f59;
--theme--callout_orange: rgba(255, 153, 0, 0.164);
--theme--callout_yellow: rgba(183, 156, 0, 0.274);
--theme--callout_green: rgba(50, 129, 47, 0.191);
--theme--callout_blue: rgba(0, 90, 146, 0.294);
--theme--callout_purple: rgba(90, 49, 148, 0.219);
--theme--callout_pink: rgba(243, 61, 158, 0.191);
--theme--callout_red: rgba(122, 20, 20, 0.376);
--theme--block_gray: rgba(126, 128, 129, 0.089);
--theme--block_brown: #50331f59;
--theme--block_orange: rgba(255, 153, 0, 0.164);
--theme--block_yellow: rgba(183, 156, 0, 0.274);
--theme--block_green: rgba(50, 129, 47, 0.191);
--theme--block_blue: rgba(0, 90, 146, 0.294);
--theme--block_purple: rgba(90, 49, 148, 0.219);
--theme--block_pink: rgba(243, 61, 158, 0.191);
--theme--block_red: rgba(122, 20, 20, 0.376);
--theme--code_inline-text: #7dc582;
--theme--code_inline-background: rgb(0, 0, 0);

40
repo/dracula/variables.css
View File

@ -91,16 +91,16 @@
--theme--highlight_red: var(--dracula--red);
--theme--highlight_red-text: var(--dracula--fg);
--theme--block-text: var(--dracula--fg);
--theme--block_gray: var(--dracula--bg_gray);
--theme--block_brown: var(--dracula--bg_brown);
--theme--block_orange: var(--dracula--bg_orange);
--theme--block_yellow: var(--dracula--bg_yellow);
--theme--block_green: var(--dracula--bg_green);
--theme--block_blue: var(--dracula--bg_blue);
--theme--block_purple: var(--dracula--bg_purple);
--theme--block_pink: var(--dracula--bg_pink);
--theme--block_red: var(--dracula--bg_red);
--theme--paragraph-text: var(--dracula--fg);
--theme--paragraph_gray: var(--dracula--bg_gray);
--theme--paragraph_brown: var(--dracula--bg_brown);
--theme--paragraph_orange: var(--dracula--bg_orange);
--theme--paragraph_yellow: var(--dracula--bg_yellow);
--theme--paragraph_green: var(--dracula--bg_green);
--theme--paragraph_blue: var(--dracula--bg_blue);
--theme--paragraph_purple: var(--dracula--bg_purple);
--theme--paragraph_pink: var(--dracula--bg_pink);
--theme--paragraph_red: var(--dracula--bg_red);
--theme--tag-text: var(--dracula--bg);
--theme--tag_default: var(--dracula--comment);
@ -117,16 +117,16 @@
--theme--tag_red: var(--dracula--red);
--theme--tag_red-text: var(--dracula--fg);
--theme--callout-text: var(--dracula--fg);
--theme--callout_gray: var(--dracula--bg_gray);
--theme--callout_brown: var(--dracula--bg_brown);
--theme--callout_orange: var(--dracula--bg_orange);
--theme--callout_yellow: var(--dracula--bg_yellow);
--theme--callout_green: var(--dracula--bg_green);
--theme--callout_blue: var(--dracula--bg_blue);
--theme--callout_purple: var(--dracula--bg_purple);
--theme--callout_pink: var(--dracula--bg_pink);
--theme--callout_red: var(--dracula--bg_red);
--theme--block-text: var(--dracula--fg);
--theme--block_gray: var(--dracula--bg_gray);
--theme--block_brown: var(--dracula--bg_brown);
--theme--block_orange: var(--dracula--bg_orange);
--theme--block_yellow: var(--dracula--bg_yellow);
--theme--block_green: var(--dracula--bg_green);
--theme--block_blue: var(--dracula--bg_blue);
--theme--block_purple: var(--dracula--bg_purple);
--theme--block_pink: var(--dracula--bg_pink);
--theme--block_red: var(--dracula--bg_red);
--theme--code_inline: var(--dracula--bg_light);
--theme--code_inline-text: var(--dracula--green);

37
repo/gruvbox-dark/variables.css
View File

@ -85,16 +85,17 @@
--theme--highlight_pink: var(--theme--tag_pink);
--theme--highlight_red: var(--gruvbox_dark--red_dark);
--theme--block_gray: var(--theme--text_gray);
--theme--block_brown: var(--theme--text_brown);
--theme--block_orange: var(--theme--text_orange);
--theme--block_yellow: var(--theme--text_yellow);
--theme--block_green: var(--theme--text_green);
--theme--block_blue: var(--theme--text_blue);
--theme--block_purple: var(--theme--text_purple);
--theme--block_pink: var(--theme--text_pink);
--theme--block_red: var(--theme--text_red);
--theme--paragraph_gray: var(--theme--text_gray);
--theme--paragraph_brown: var(--theme--text_brown);
--theme--paragraph_orange: var(--theme--text_orange);
--theme--paragraph_yellow: var(--theme--text_yellow);
--theme--paragraph_green: var(--theme--text_green);
--theme--paragraph_blue: var(--theme--text_blue);
--theme--paragraph_purple: var(--theme--text_purple);
--theme--paragraph_pink: var(--theme--text_pink);
--theme--paragraph_red: var(--theme--text_red);
--theme--tag-text: var(--theme--text);
--theme--tag_default: var(--gruvbox_dark--gray_dark);
--theme--tag_default-text: var(--gruvbox_dark--bg2);
--theme--tag_gray: var(--gruvbox_dark--gray_dark);
@ -110,15 +111,15 @@
--theme--tag_red: var(--gruvbox_dark--red_dark);
--theme--tag_red-text: var(--gruvbox_dark--fg2);
--theme--callout_gray: var(--theme--block_gray);
--theme--callout_brown: var(--theme--block_brown);
--theme--callout_orange: var(--theme--block_orange);
--theme--callout_yellow: var(--theme--block_yellow);
--theme--callout_green: var(--theme--block_green);
--theme--callout_blue: var(--theme--block_blue);
--theme--callout_purple: var(--theme--block_purple);
--theme--callout_pink: var(--theme--block_pink);
--theme--callout_red: var(--theme--block_red);
--theme--block_gray: var(--theme--paragraph_gray);
--theme--block_brown: var(--theme--paragraph_brown);
--theme--block_orange: var(--theme--paragraph_orange);
--theme--block_yellow: var(--theme--paragraph_yellow);
--theme--block_green: var(--theme--paragraph_green);
--theme--block_blue: var(--theme--paragraph_blue);
--theme--block_purple: var(--theme--paragraph_purple);
--theme--block_pink: var(--theme--paragraph_pink);
--theme--block_red: var(--theme--paragraph_red);
--theme--code_inline: var(--gruvbox_dark--bg1);
--theme--code_inline-text: var(--gruvbox_dark--blue_light);

40
repo/gruvbox-light/variables.css
View File

@ -90,16 +90,16 @@
--theme--highlight_pink: var(--theme--tag_pink);
--theme--highlight_red: var(--gruvbox_light--red_dark);
--theme--block-text: var(--gruvbox_light--bg0);
--theme--block_gray: var(--theme--text_gray);
--theme--block_brown: var(--theme--text_brown);
--theme--block_orange: var(--theme--text_orange);
--theme--block_yellow: var(--theme--text_yellow);
--theme--block_green: var(--theme--text_green);
--theme--block_blue: var(--theme--text_blue);
--theme--block_purple: var(--theme--text_purple);
--theme--block_pink: var(--theme--text_pink);
--theme--block_red: var(--theme--text_red);
--theme--paragraph-text: var(--gruvbox_light--bg0);
--theme--paragraph_gray: var(--theme--text_gray);
--theme--paragraph_brown: var(--theme--text_brown);
--theme--paragraph_orange: var(--theme--text_orange);
--theme--paragraph_yellow: var(--theme--text_yellow);
--theme--paragraph_green: var(--theme--text_green);
--theme--paragraph_blue: var(--theme--text_blue);
--theme--paragraph_purple: var(--theme--text_purple);
--theme--paragraph_pink: var(--theme--text_pink);
--theme--paragraph_red: var(--theme--text_red);
--theme--tag-text: var(--gruvbox_light--bg0);
--theme--tag_default: var(--gruvbox_light--gray_dark);
@ -116,16 +116,16 @@
--theme--tag_pink: var(--gruvbox_light--purple_light);
--theme--tag_red: var(--gruvbox_light--red_dark);
--theme--callout-text: var(--gruvbox_light--bg0);
--theme--callout_gray: var(--theme--block_gray);
--theme--callout_brown: var(--theme--block_brown);
--theme--callout_orange: var(--theme--block_orange);
--theme--callout_yellow: var(--theme--block_yellow);
--theme--callout_green: var(--theme--block_green);
--theme--callout_blue: var(--theme--block_blue);
--theme--callout_purple: var(--theme--block_purple);
--theme--callout_pink: var(--theme--block_pink);
--theme--callout_red: var(--theme--block_red);
--theme--block-text: var(--gruvbox_light--bg0);
--theme--block_gray: var(--theme--paragraph_gray);
--theme--block_brown: var(--theme--paragraph_brown);
--theme--block_orange: var(--theme--paragraph_orange);
--theme--block_yellow: var(--theme--paragraph_yellow);
--theme--block_green: var(--theme--paragraph_green);
--theme--block_blue: var(--theme--paragraph_blue);
--theme--block_purple: var(--theme--paragraph_purple);
--theme--block_pink: var(--theme--paragraph_pink);
--theme--block_red: var(--theme--paragraph_red);
--theme--code_inline: var(--gruvbox_light--bg1);
--theme--code_inline-text: var(--gruvbox_light--blue_light);

72
repo/light+/variables.css
View File

@ -54,24 +54,24 @@
--theme--highlight_red: rgb(248, 215, 218);
--theme--highlight_red-text: rgb(138, 0, 10);
--theme--block_gray: #e2e3e5;
--theme--block_gray-text: #383d41;
--theme--block_brown: rgb(130, 118, 111);
--theme--block_brown-text: rgb(85, 35, 1);
--theme--block_orange: rgb(254, 214, 155);
--theme--block_orange-text: rgb(255, 140, 0);
--theme--block_yellow: #fcffd8;
--theme--block_yellow-text: #c76e00;
--theme--block_green: #d4edda;
--theme--block_green-text: #155724;
--theme--block_blue: #cce5ff;
--theme--block_blue-text: #004085;
--theme--block_purple: rgb(199, 178, 230);
--theme--block_purple-text: rgb(90, 49, 148);
--theme--block_pink: rgb(255, 206, 228);
--theme--block_pink-text: rgb(255, 0, 127);
--theme--block_red: #f8d7da;
--theme--block_red-text: #721c24;
--theme--paragraph_gray: #e2e3e5;
--theme--paragraph_gray-text: #383d41;
--theme--paragraph_brown: rgb(130, 118, 111);
--theme--paragraph_brown-text: rgb(85, 35, 1);
--theme--paragraph_orange: rgb(254, 214, 155);
--theme--paragraph_orange-text: rgb(255, 140, 0);
--theme--paragraph_yellow: #fcffd8;
--theme--paragraph_yellow-text: #c76e00;
--theme--paragraph_green: #d4edda;
--theme--paragraph_green-text: #155724;
--theme--paragraph_blue: #cce5ff;
--theme--paragraph_blue-text: #004085;
--theme--paragraph_purple: rgb(199, 178, 230);
--theme--paragraph_purple-text: rgb(90, 49, 148);
--theme--paragraph_pink: rgb(255, 206, 228);
--theme--paragraph_pink-text: rgb(255, 0, 127);
--theme--paragraph_red: #f8d7da;
--theme--paragraph_red-text: #721c24;
--theme--tag_default: rgb(234, 234, 234);
--theme--tag_gray: rgb(234, 234, 234);
@ -93,24 +93,24 @@
--theme--tag_red: rgb(248, 215, 218);
--theme--tag_red-text: rgb(138, 0, 10);
--theme--callout_gray: #e2e3e5;
--theme--callout_gray-text: #383d41;
--theme--callout_brown: rgb(130, 118, 111);
--theme--callout_brown-text: rgb(85, 35, 1);
--theme--callout_orange: rgb(254, 214, 155);
--theme--callout_orange-text: rgb(255, 140, 0);
--theme--callout_yellow: #fcffd8;
--theme--callout_yellow-text: #c76e00;
--theme--callout_green: #d4edda;
--theme--callout_green-text: #155724;
--theme--callout_blue: #cce5ff;
--theme--callout_blue-text: #004085;
--theme--callout_purple: rgb(199, 178, 230);
--theme--callout_purple-text: rgb(90, 49, 148);
--theme--callout_pink: rgb(255, 206, 228);
--theme--callout_pink-text: rgb(255, 0, 127);
--theme--callout_red: #f8d7da;
--theme--callout_red-text: #721c24;
--theme--block_gray: #e2e3e5;
--theme--block_gray-text: #383d41;
--theme--block_brown: rgb(130, 118, 111);
--theme--block_brown-text: rgb(85, 35, 1);
--theme--block_orange: rgb(254, 214, 155);
--theme--block_orange-text: rgb(255, 140, 0);
--theme--block_yellow: #fcffd8;
--theme--block_yellow-text: #c76e00;
--theme--block_green: #d4edda;
--theme--block_green-text: #155724;
--theme--block_blue: #cce5ff;
--theme--block_blue-text: #004085;
--theme--block_purple: rgb(199, 178, 230);
--theme--block_purple-text: rgb(90, 49, 148);
--theme--block_pink: rgb(255, 206, 228);
--theme--block_pink-text: rgb(255, 0, 127);
--theme--block_red: #f8d7da;
--theme--block_red-text: #721c24;
--theme--code_inline: rgb(179, 39, 39);
--theme--code_inline-text: #e0dfe2;

40
repo/material-ocean/variables.css
View File

@ -67,16 +67,16 @@
--theme--highlight_pink: var(--ocean--pink);
--theme--highlight_red: var(--ocean--red);
--theme--block-text: var(--ocean--main);
--theme--block_gray: #e0e0e089;
--theme--block_brown: #d8b6a692;
--theme--block_orange: #fde3c09f;
--theme--block_yellow: #ffe6a6ad;
--theme--block_green: #a3be8ca3;
--theme--block_blue: #81a1c1a3;
--theme--block_purple: #b48eada8;
--theme--block_pink: #ffc0cbb1;
--theme--block_red: #bf616a9e;
--theme--paragraph-text: var(--ocean--main);
--theme--paragraph_gray: #e0e0e089;
--theme--paragraph_brown: #d8b6a692;
--theme--paragraph_orange: #fde3c09f;
--theme--paragraph_yellow: #ffe6a6ad;
--theme--paragraph_green: #a3be8ca3;
--theme--paragraph_blue: #81a1c1a3;
--theme--paragraph_purple: #b48eada8;
--theme--paragraph_pink: #ffc0cbb1;
--theme--paragraph_red: #bf616a9e;
--theme--tag-text: var(--theme--highlight-text);
--theme--tag_default: var(--ocean--gray);
@ -90,16 +90,16 @@
--theme--tag_pink: var(--theme--highlight_pink);
--theme--tag_red: var(--theme--highlight_red);
--theme--callout-text: var(--theme--block-text);
--theme--callout_gray: var(--theme--block_gray);
--theme--callout_brown: var(--theme--block_brown);
--theme--callout_orange: var(--theme--block_orange);
--theme--callout_yellow: var(--theme--block_yellow);
--theme--callout_green: var(--theme--block_green);
--theme--callout_blue: var(--theme--block_blue);
--theme--callout_purple: var(--theme--block_purple);
--theme--callout_pink: var(--theme--block_pink);
--theme--callout_red: var(--theme--block_red);
--theme--block-text: var(--theme--paragraph-text);
--theme--block_gray: var(--theme--paragraph_gray);
--theme--block_brown: var(--theme--paragraph_brown);
--theme--block_orange: var(--theme--paragraph_orange);
--theme--block_yellow: var(--theme--paragraph_yellow);
--theme--block_green: var(--theme--paragraph_green);
--theme--block_blue: var(--theme--paragraph_blue);
--theme--block_purple: var(--theme--paragraph_purple);
--theme--block_pink: var(--theme--paragraph_pink);
--theme--block_red: var(--theme--paragraph_red);
--theme--code_inline: var(--ocean--sec);
--theme--code_inline-text: #b3f5c8;

10
repo/menu/styles.mjs
View File

@ -16,12 +16,12 @@ const mapColorVariables = (color) => ({
'text': `var(--theme--text_${color})`,
'highlight': `var(--theme--highlight_${color})`,
'highlight-text': `var(--theme--highlight_${color}-text)`,
'block': `var(--theme--block_${color})`,
'block-text': `var(--theme--block_${color}-text)`,
'paragraph': `var(--theme--paragraph_${color})`,
'paragraph-text': `var(--theme--paragraph_${color}-text)`,
'tag': `var(--theme--tag_${color})`,
'tag-text': `var(--theme--tag_${color}-text)`,
'callout': `var(--theme--callout_${color})`,
'callout-text': `var(--theme--callout_${color}-text)`,
'block': `var(--theme--block_${color})`,
'block-text': `var(--theme--block_${color}-text)`,
});
const customClasses = {
@ -29,7 +29,7 @@ const customClasses = {
'notification': ([color = 'default']) =>
apply`p-2 border group hover:(filter brightness-125) ${
color === 'default'
? 'bg-tag text-tag-text border-divider'
? 'bg-tag text-tag-text border-divider'
: `bg-${color}-tag text-${color}-tag-text border-${color}-text`
} flex items-center rounded-full mt-3 shadow-md cursor-pointer`,
'notification-text': apply`text-xs mx-2 flex-auto font-semibold group-hover:(filter brightness-75)`,

37
repo/neutral/variables.css
View File

@ -52,16 +52,17 @@
--theme--highlight_pink: #8e4b63;
--theme--highlight_red: #8c3d3d;
--theme--block_gray: #585858;
--theme--block_brown: #333333;
--theme--block_orange: #9a5a3f;
--theme--block_yellow: #b58a46;
--theme--block_green: #657953;
--theme--block_blue: #355475;
--theme--block_purple: #775186;
--theme--block_pink: #8e4b63;
--theme--block_red: #8c3d3d;
--theme--paragraph_gray: #585858;
--theme--paragraph_brown: #333333;
--theme--paragraph_orange: #9a5a3f;
--theme--paragraph_yellow: #b58a46;
--theme--paragraph_green: #657953;
--theme--paragraph_blue: #355475;
--theme--paragraph_purple: #775186;
--theme--paragraph_pink: #8e4b63;
--theme--paragraph_red: #8c3d3d;
--theme--tag-text: var(--theme--text);
--theme--tag_default: var(--theme--highlight_gray);
--theme--tag_gray: var(--theme--highlight_gray);
--theme--tag_brown: var(--theme--highlight_brown);
@ -73,15 +74,15 @@
--theme--tag_pink: var(--theme--highlight_pink);
--theme--tag_red: var(--theme--highlight_red);
--theme--callout_gray: rgba(88, 88, 88, 0.175);
--theme--callout_brown: rgb(51, 51, 51, 0.175);
--theme--callout_orange: rgb(154, 90, 63, 0.175);
--theme--callout_yellow: rgb(181, 138, 70, 0.175);
--theme--callout_green: rgb(101, 121, 83, 0.175);
--theme--callout_blue: rgb(53, 84, 117, 0.175);
--theme--callout_purple: rgb(119, 81, 134, 0.175);
--theme--callout_pink: rgb(142, 75, 99, 0.175);
--theme--callout_red: rgb(140, 61, 61, 0.175);
--theme--block_gray: rgba(88, 88, 88, 0.175);
--theme--block_brown: rgb(51, 51, 51, 0.175);
--theme--block_orange: rgb(154, 90, 63, 0.175);
--theme--block_yellow: rgb(181, 138, 70, 0.175);
--theme--block_green: rgb(101, 121, 83, 0.175);
--theme--block_blue: rgb(53, 84, 117, 0.175);
--theme--block_purple: rgb(119, 81, 134, 0.175);
--theme--block_pink: rgb(142, 75, 99, 0.175);
--theme--block_red: rgb(140, 61, 61, 0.175);
--theme--code_inline: #333333;
--theme--code_inline-text: var(--theme--text);

37
repo/nord/variables.css
View File

@ -70,16 +70,17 @@
--theme--highlight_pink: rgb(193 106 153);
--theme--highlight_red: var(--nord--red);
--theme--block_gray: rgb(69, 75, 78);
--theme--block_brown: rgb(67, 64, 64);
--theme--block_orange: var(--nord--orange);
--theme--block_yellow: var(--nord--yellow);
--theme--block_green: var(--nord--green);
--theme--block_blue: var(--nord--frost3);
--theme--block_purple: var(--nord--purple);
--theme--block_pink: rgb(193 106 153);
--theme--block_red: var(--nord--red);
--theme--paragraph_gray: rgb(69, 75, 78);
--theme--paragraph_brown: rgb(67, 64, 64);
--theme--paragraph_orange: var(--nord--orange);
--theme--paragraph_yellow: var(--nord--yellow);
--theme--paragraph_green: var(--nord--green);
--theme--paragraph_blue: var(--nord--frost3);
--theme--paragraph_purple: var(--nord--purple);
--theme--paragraph_pink: rgb(193 106 153);
--theme--paragraph_red: var(--nord--red);
--theme--tag-text: var(--theme--text);
--theme--tag_default: rgba(151, 154, 155, 0.5);
--theme--tag_gray: rgba(151, 154, 155, 0.5);
--theme--tag_brown: rgba(147, 114, 100, 0.5);
@ -91,15 +92,15 @@
--theme--tag_pink: rgba(226, 85, 161, 0.5);
--theme--tag_red: rgba(255, 115, 105, 0.5);
--theme--callout_gray: rgba(69, 75, 78, 0.3);
--theme--callout_brown: rgba(67, 64, 64, 0.3);
--theme--callout_orange: rgba(89, 74, 58, 0.3);
--theme--callout_yellow: rgba(89, 86, 59, 0.3);
--theme--callout_green: rgba(53, 76, 75, 0.3);
--theme--callout_blue: rgba(54, 73, 84, 0.3);
--theme--callout_purple: rgba(68, 63, 87, 0.3);
--theme--callout_pink: rgba(83, 59, 76, 0.3);
--theme--callout_red: rgba(89, 65, 65, 0.3);
--theme--block_gray: rgba(69, 75, 78, 0.3);
--theme--block_brown: rgba(67, 64, 64, 0.3);
--theme--block_orange: rgba(89, 74, 58, 0.3);
--theme--block_yellow: rgba(89, 86, 59, 0.3);
--theme--block_green: rgba(53, 76, 75, 0.3);
--theme--block_blue: rgba(54, 73, 84, 0.3);
--theme--block_purple: rgba(68, 63, 87, 0.3);
--theme--block_pink: rgba(83, 59, 76, 0.3);
--theme--block_red: rgba(89, 65, 65, 0.3);
--theme--code_inline: rgba(135, 131, 120, 0.15);
--theme--code_inline-text: var(--nord--red);

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

@ -52,16 +52,16 @@
--theme--highlight_pink: #f7b8dc;
--theme--highlight_red: #f8acb4;
--theme--block-text: rgb(34, 34, 34);
--theme--block_gray: #c2c1c089;
--theme--block_brown: #dacec992;
--theme--block_orange: #fff0dc9f;
--theme--block_yellow: #ffe6a6ad;
--theme--block_green: #c8fdd9a3;
--theme--block_blue: #d1e9ffa3;
--theme--block_purple: #e3d3ffa8;
--theme--block_pink: #fdcce8b1;
--theme--block_red: #ffc8ce9e;
--theme--paragraph-text: rgb(34, 34, 34);
--theme--paragraph_gray: #c2c1c089;
--theme--paragraph_brown: #dacec992;
--theme--paragraph_orange: #fff0dc9f;
--theme--paragraph_yellow: #ffe6a6ad;
--theme--paragraph_green: #c8fdd9a3;
--theme--paragraph_blue: #d1e9ffa3;
--theme--paragraph_purple: #e3d3ffa8;
--theme--paragraph_pink: #fdcce8b1;
--theme--paragraph_red: #ffc8ce9e;
--theme--tag-text: var(--theme--highlight-text);
--theme--tag_default: var(--theme--highlight_gray);
@ -75,16 +75,16 @@
--theme--tag_pink: var(--theme--highlight_pink);
--theme--tag_red: var(--theme--highlight_red);
--theme--callout-text: var(--theme--block-text);
--theme--callout_gray: var(--theme--block_gray);
--theme--callout_brown: var(--theme--block_brown);
--theme--callout_orange: var(--theme--block_orange);
--theme--callout_yellow: var(--theme--block_yellow);
--theme--callout_green: var(--theme--block_green);
--theme--callout_blue: var(--theme--block_blue);
--theme--callout_purple: var(--theme--block_purple);
--theme--callout_pink: var(--theme--block_pink);
--theme--callout_red: var(--theme--block_red);
--theme--block-text: var(--theme--paragraph-text);
--theme--block_gray: var(--theme--paragraph_gray);
--theme--block_brown: var(--theme--paragraph_brown);
--theme--block_orange: var(--theme--paragraph_orange);
--theme--block_yellow: var(--theme--paragraph_yellow);
--theme--block_green: var(--theme--paragraph_green);
--theme--block_blue: var(--theme--paragraph_blue);
--theme--block_purple: var(--theme--paragraph_purple);
--theme--block_pink: var(--theme--paragraph_pink);
--theme--block_red: var(--theme--paragraph_red);
--theme--code_inline: rgb(8, 8, 8);
--theme--code_inline-text: #b3f5c8;

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

@ -70,15 +70,15 @@
--theme--highlight_pink-text: var(--pinky_boom--white);
--theme--highlight_red: var(--pinky_boom--red);
--theme--block_gray: rgba(128, 128, 128, 0.5);
--theme--block_brown: var(--pinky_boom--brown);
--theme--block_orange: var(--pinky_boom--orange);
--theme--block_yellow: var(--pinky_boom--yellow);
--theme--block_green: var(--pinky_boom--green);
--theme--block_blue: var(--pinky_boom--blue);
--theme--block_purple: var(--pinky_boom--purple);
--theme--block_pink: var(--pinky_boom--pink);
--theme--block_red: var(--pinky_boom--red);
--theme--paragraph_gray: rgba(128, 128, 128, 0.5);
--theme--paragraph_brown: var(--pinky_boom--brown);
--theme--paragraph_orange: var(--pinky_boom--orange);
--theme--paragraph_yellow: var(--pinky_boom--yellow);
--theme--paragraph_green: var(--pinky_boom--green);
--theme--paragraph_blue: var(--pinky_boom--blue);
--theme--paragraph_purple: var(--pinky_boom--purple);
--theme--paragraph_pink: var(--pinky_boom--pink);
--theme--paragraph_red: var(--pinky_boom--red);
--theme--tag_default: #ffc9e6;
--theme--tag_gray: rgba(128, 128, 128, 0.25);
@ -100,24 +100,24 @@
--theme--tag_red: var(--pinky_boom--red);
--theme--tag_red-text: var(--pinky_boom--white);
--theme--callout_gray: rgba(128, 128, 128, 0.25);
--theme--callout_gray-text: var(--pinky_boom--black);
--theme--callout_brown: var(--pinky_boom--brown);
--theme--callout_brown-text: var(--pinky_boom--white);
--theme--callout_orange: var(--pinky_boom--orange);
--theme--callout_orange-text: var(--pinky_boom--black);
--theme--callout_yellow: var(--pinky_boom--yellow);
--theme--callout_yellow-text: var(--pinky_boom--black);
--theme--callout_green: var(--pinky_boom--green);
--theme--callout_green-text: var(--pinky_boom--black);
--theme--callout_blue: var(--pinky_boom--blue);
--theme--callout_blue-text: var(--pinky_boom--black);
--theme--callout_purple: var(--pinky_boom--purple);
--theme--callout_purple-text: var(--pinky_boom--white);
--theme--callout_pink: var(--pinky_boom--pink);
--theme--callout_pink-text: var(--pinky_boom--white);
--theme--callout_red: var(--pinky_boom--red);
--theme--callout_red-text: var(--pinky_boom--white);
--theme--block_gray: rgba(128, 128, 128, 0.25);
--theme--block_gray-text: var(--pinky_boom--black);
--theme--block_brown: var(--pinky_boom--brown);
--theme--block_brown-text: var(--pinky_boom--white);
--theme--block_orange: var(--pinky_boom--orange);
--theme--block_orange-text: var(--pinky_boom--black);
--theme--block_yellow: var(--pinky_boom--yellow);
--theme--block_yellow-text: var(--pinky_boom--black);
--theme--block_green: var(--pinky_boom--green);
--theme--block_green-text: var(--pinky_boom--black);
--theme--block_blue: var(--pinky_boom--blue);
--theme--block_blue-text: var(--pinky_boom--black);
--theme--block_purple: var(--pinky_boom--purple);
--theme--block_purple-text: var(--pinky_boom--white);
--theme--block_pink: var(--pinky_boom--pink);
--theme--block_pink-text: var(--pinky_boom--white);
--theme--block_red: var(--pinky_boom--red);
--theme--block_red-text: var(--pinky_boom--white);
--theme--code_inline: var(--theme--code);
--theme--code_inline-text: var(--theme--text);

46
repo/playful-purple/variables.css
View File

@ -57,11 +57,11 @@
--theme--highlight_red: rgb(251, 228, 228);
--theme--highlight_red-text: rgb(138, 0, 10);
--theme--block_gray: rgb(69, 75, 78);
--theme--block_brown: rgb(78, 57, 48);
--theme--block_orange: rgb(136, 80, 48);
--theme--block_yellow: #fbe2287c;
--theme--block_red: rgb(151, 62, 62);
--theme--paragraph_gray: rgb(69, 75, 78);
--theme--paragraph_brown: rgb(78, 57, 48);
--theme--paragraph_orange: rgb(136, 80, 48);
--theme--paragraph_yellow: #fbe2287c;
--theme--paragraph_red: rgb(151, 62, 62);
--theme--tag_default: rgb(234, 234, 234);
--theme--tag_default-text: rgb(17, 17, 17);
@ -84,24 +84,24 @@
--theme--tag_red: rgb(251, 228, 228);
--theme--tag_red-text: rgb(138, 0, 10);
--theme--callout_gray: #e2e3e5;
--theme--callout_gray-text: #383d41;
--theme--callout_brown: rgb(130, 118, 111);
--theme--callout_brown-text: rgb(85, 35, 1);
--theme--callout_orange: rgb(254, 214, 155);
--theme--callout_orange-text: rgb(255, 140, 0);
--theme--callout_yellow: #fcffd8;
--theme--callout_yellow-text: #c76e00;
--theme--callout_green: #d4edda;
--theme--callout_green-text: #155724;
--theme--callout_blue: #cce5ff;
--theme--callout_blue-text: #004085;
--theme--callout_purple: rgb(199, 178, 230);
--theme--callout_purple-text: rgb(90, 49, 148);
--theme--callout_pink: rgb(255, 206, 228);
--theme--callout_pink-text: rgb(255, 0, 127);
--theme--callout_red: #f8d7da;
--theme--callout_red-text: #721c24;
--theme--block_gray: #e2e3e5;
--theme--block_gray-text: #383d41;
--theme--block_brown: rgb(130, 118, 111);
--theme--block_brown-text: rgb(85, 35, 1);
--theme--block_orange: rgb(254, 214, 155);
--theme--block_orange-text: rgb(255, 140, 0);
--theme--block_yellow: #fcffd8;
--theme--block_yellow-text: #c76e00;
--theme--block_green: #d4edda;
--theme--block_green-text: #155724;
--theme--block_blue: #cce5ff;
--theme--block_blue-text: #004085;
--theme--block_purple: rgb(199, 178, 230);
--theme--block_purple-text: rgb(90, 49, 148);
--theme--block_pink: rgb(255, 206, 228);
--theme--block_pink-text: rgb(255, 0, 127);
--theme--block_red: #f8d7da;
--theme--block_red-text: #721c24;
--theme--code_inline: rgb(179, 39, 39);
--theme--code_inline-text: #e0dfe2;

2
repo/theming/mod.json
View File

@ -14,7 +14,7 @@
],
"css": {
"frame": ["variables.css"],
"client": ["variables.css", "prism.css", "theme.css"],
"client": ["variables.css", "prism.css", "theme.css", "theme-colors.css"],
"menu": ["variables.css", "prism.css"]
},
"js": {

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

@ -0,0 +1,496 @@
/*
* 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 */

574
repo/theming/theme.css
View File

@ -222,7 +222,6 @@ body,
> div
> div:not(.notion-peek-renderer)
> [style*='box-shadow'],
.notion-page-block.notion-collection-item > a[style*='background:'],
[style*='z-index:'][style*='box-shadow: '][style*='font-size: 12px;'][style*='min-height: 24px; overflow: hidden; pointer-events:'],
: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)']),
@ -856,15 +855,7 @@ body,
.notion-gallery-view
.notion-focusable[role='button'][style*='font-size: 14px; border-radius: 3px; box-shadow:']:last-child
svg
+ div {
color: var(--theme--text_secondary) !important;
}
.notion-page-mention-token__title {
border-bottom: 0.05em solid var(--theme--text_secondary) !important;
}
.notion-to_do-block [placeholder='To-do'][style*='text-decoration: line-through'] {
text-decoration: line-through var(--theme--text_secondary) !important;
}
+ div,
.notion-body.dark [style*=' color: rgba(255, 255, 255, 0.4)'],
.notion-body.dark [style^='color: rgba(255, 255, 255, 0.4)'],
.notion-body:not(.dark) [style*=' color: rgba(55, 53, 47, 0.4)'],
@ -874,6 +865,13 @@ body,
.notion-calendar-view-day {
color: var(--theme--text_secondary) !important;
}
.notion-page-mention-token__title {
border-bottom: 0.05em solid var(--theme--text_secondary) !important;
}
.notion-to_do-block [placeholder='To-do'][style*='text-decoration: line-through'] {
text-decoration: line-through var(--theme--text_secondary) !important;
}
.notion-body.dark [style*='-webkit-text-fill-color: rgba(255, 255, 255, 0.4)'],
.notion-body:not(.dark) [style*='-webkit-text-fill-color: rgba(55, 53, 47, 0.4)'] {
-webkit-text-fill-color: var(--theme--text_secondary) !important;
@ -896,562 +894,6 @@ body,
color: var(--theme--tag_default-text) !important;
}
.notion-body.dark
.notion-overlay-container.notion-default-overlay-container
> div:nth-child(3)
> div
> div
> div:nth-child(2)
> div
> div
> div
> div
> div
> div
> div:nth-child(2)
> div:nth-child(3)
> div
> div:nth-child(1)
> [style^='color: rgba(255, 255, 255, 0.6)'],
.notion-body.dark .notion-text-block > [style^='color: rgba(255, 255, 255, 0.6)'],
.notion-body.dark .notion-callout-block > div > [style*=' color: rgba(255, 255, 255, 0.6)'],
.notion-body.dark [style*='color:rgba(151,154,155,0.95)'][data-token-index],
.notion-body.dark [style*='color: rgba(151, 154, 155, 0.95)'][data-token-index],
.notion-body:not(.dark) [style*='color:rgb(155,154,151)'][data-token-index],
.notion-body:not(.dark) [style*='color: rgb(155, 154, 151)'][data-token-index],
.notion-body:not(.dark) .notion-text-block > [style^='color: rgba(55, 53, 47, 0.6)'],
.notion-body:not(.dark)
.notion-overlay-container.notion-default-overlay-container
> div:nth-child(3)
> div
> div
> div:nth-child(2)
> div
> div
> div
> div
> div
> div
> div:nth-child(2)
> div:nth-child(3)
> div
> div:nth-child(1)
> [style*=' color: rgba(55, 53, 47, 0.6)'],
.notion-body:not(.dark)
.notion-callout-block
> div
> [style*=' color: rgba(55, 53, 47, 0.6)'] {
color: var(--theme--text_gray) !important;
fill: var(--theme--text_gray) !important;
}
.notion-body.dark [style*='fill: rgba(255, 255, 255, 0.6);'],
.notion-body:not(.dark) [style*='fill: rgba(55, 53, 47, 0.6);'] {
fill: var(--theme--text_gray) !important;
}
.notion-body.dark [style*='background:rgb(69,75,78)'],
.notion-body:not(.dark) [style*='background:rgb(235,236,237)'] {
background: var(--theme--highlight_gray) !important;
}
.notion-body.dark [style*='color: inherit'] > div > div > [style*='background:rgb(69,75,78)'],
.notion-body:not(.dark)
[style*='color: inherit']
> div
> div
> [style*='background:rgb(235,236,237)'] {
color: var(--theme--highlight_gray-text) !important;
}
.notion-body.dark [style*='color:rgba(151,154,155,0.95)'] [style*='background:rgb(69,75,78)'],
.notion-body.dark
[style*='color: rgba(255, 255, 255, 0.6); fill: rgba(255, 255, 255, 0.6);']
[style*='background:rgb(69,75,78)'],
.notion-body:not(.dark)
[style*='color:rgb(155,154,151)']
[style*='background:rgb(235,236,237)'],
.notion-body:not(.dark)
[style*='color: rgba(55, 53, 47, 0.6); fill: rgba(55, 53, 47, 0.6);']
[style*='background:rgb(235,236,237)'] {
background: var(--theme--highlight_gray) !important;
color: var(--theme--text_gray) !important;
fill: var(--theme--text_gray) !important;
}
.notion-body.dark [style*='background: rgb(69, 75, 78)'],
.notion-body:not(.dark) [style*='background: rgb(235, 236, 237)'] {
background: var(--theme--block_gray) !important;
color: var(--theme--block_gray-text) !important;
}
.notion-body.dark [style*='background: rgba(151, 154, 155, 0.5)'],
.notion-body.dark [style*='background-color: rgba(151, 154, 155, 0.5)'],
.notion-body:not(.dark) [style*='background: rgba(140, 46, 0, 0.2)'],
.notion-body:not(.dark) [style*='background-color: rgba(140, 46, 0, 0.2)'],
.notion-body:not(.dark) [style*='background: rgba(155, 154, 151, 0.4)'] {
background: var(--theme--tag_gray) !important;
color: var(--theme--tag_gray-text) !important;
}
.notion-body.dark [style*='background: rgba(69, 75, 78, 0.3)'],
.notion-body:not(.dark) [style*='background: rgba(235, 236, 237, 0.3)'] {
background: var(--theme--callout_gray) !important;
color: var(--theme--callout_gray-text) !important;
}
.notion-body.dark [style*='color:rgb(147,114,100)'],
.notion-body.dark [style^='color: rgb(147, 114, 100)'],
.notion-body.dark [style*=' color: rgb(147, 114, 100)'],
.notion-body:not(.dark) [style*='color:rgb(100,71,58)'],
.notion-body:not(.dark) [style^='color: rgb(100, 71, 58)'],
.notion-body:not(.dark) [style*=' color: rgb(100, 71, 58)'] {
color: var(--theme--text_brown) !important;
fill: var(--theme--text_brown) !important;
}
.notion-body.dark [style*='fill: rgb(147, 114, 100);'],
.notion-body:not(.dark) [style*='fill: rgb(100, 71, 58);'] {
fill: var(--theme--text_brown) !important;
}
.notion-body.dark [style*='background:rgb(67,64,64)'],
.notion-body:not(.dark) [style*='background:rgb(233,229,227)'] {
background: var(--theme--highlight_brown) !important;
}
.notion-body.dark [style*='color: inherit'] > div > div > [style*='background:rgb(67,64,64)'],
.notion-body:not(.dark)
[style*='color: inherit']
> div
> div
> [style*='background:rgb(233,229,227)'] {
color: var(--theme--highlight_brown-text) !important;
}
.notion-body.dark [style*='color:rgb(147,114,100)'] [style*='background:rgb(67,64,64)'],
.notion-body.dark
[style*='color: rgb(147, 114, 100); fill: rgb(147, 114, 100);']
[style*='background:rgb(67,64,64)'],
.notion-body:not(.dark) [style*='color:rgb(100,71,58)'] [style*='background:rgb(233,229,227)'],
.notion-body:not(.dark)
[style*='color: rgb(100, 71, 58); fill: rgb(100, 71, 58);']
[style*='background:rgb(233,229,227)'] {
background: var(--theme--highlight_brown) !important;
color: var(--theme--text_brown) !important;
fill: var(--theme--text_brown) !important;
}
.notion-body.dark [style*='background: rgb(67, 64, 64)'],
.notion-body:not(.dark) [style*='background: rgb(233, 229, 227)'] {
background: var(--theme--block_brown) !important;
color: var(--theme--block_brown-text) !important;
}
.notion-body.dark [style*='background: rgba(147, 114, 100, 0.5)'],
.notion-body.dark [style*='background-color: rgba(147, 114, 100, 0.5)'],
.notion-body:not(.dark) [style*='background: rgba(140, 46, 0, 0.2)'],
.notion-body:not(.dark) [style*='background-color: rgba(140, 46, 0, 0.2)'] {
background: var(--theme--tag_brown) !important;
color: var(--theme--tag_brown-text) !important;
}
.notion-body.dark [style*='background: rgba(67, 64, 64, 0.3)'],
.notion-body:not(.dark) [style*='background: rgba(233, 229, 227, 0.3)'] {
background: var(--theme--callout_brown) !important;
color: var(--theme--callout_brown-text) !important;
}
.notion-body.dark [style*='color:rgb(255,163,68)'],
.notion-body.dark [style^='color: rgb(255, 163, 68)'],
.notion-body.dark [style*=' color: rgb(255, 163, 68)'],
.notion-body:not(.dark) [style*='color:rgb(217,115,13)'],
.notion-body:not(.dark) [style^='color: rgb(217, 115, 13)'],
.notion-body:not(.dark) [style*=' color: rgb(217, 115, 13)'] {
color: var(--theme--text_orange) !important;
fill: var(--theme--text_orange) !important;
}
.notion-body.dark [style*='fill: rgb(255, 163, 68);'],
.notion-body:not(.dark) [style*='fill: rgb(217, 115, 13);'] {
fill: var(--theme--text_orange) !important;
}
.notion-body.dark [style*='background:rgb(89,74,58)'],
.notion-body:not(.dark) [style*='background:rgb(250,235,221)'] {
background: var(--theme--highlight_orange) !important;
}
.notion-body.dark [style*='color: inherit'] > div > div > [style*='background:rgb(89,74,58)'],
.notion-body:not(.dark)
[style*='color: inherit']
> div
> div
> [style*='background:rgb(250,235,221)'] {
color: var(--theme--highlight_orange-text) !important;
}
.notion-body.dark [style*='color:rgb(255,163,68)'] [style*='background:rgb(89,74,58)'],
.notion-body.dark
[style*='color: rgb(255, 163, 68); fill: rgb(255, 163, 68);']
[style*='background:rgb(89,74,58)'],
.notion-body:not(.dark)
[style*='color:rgb(217,115,13)']
[style*='background:rgb(250,235,221)'],
.notion-body:not(.dark)
[style*='color: rgb(217, 115, 13); fill: rgb(217, 115, 13);']
[style*='background:rgb(250,235,221)'] {
background: var(--theme--highlight_orange) !important;
color: var(--theme--text_orange) !important;
fill: var(--theme--text_orange) !important;
}
.notion-body.dark [style*='background: rgb(89, 74, 58)'],
.notion-body:not(.dark) [style*='background: rgb(250, 235, 221)'] {
background: var(--theme--block_orange) !important;
color: var(--theme--block_orange-text) !important;
}
.notion-body.dark [style*='background: rgba(255, 163, 68, 0.5)'],
.notion-body.dark [style*='background-color: rgba(255, 163, 68, 0.5)'],
.notion-body:not(.dark) [style*='background: rgba(245, 93, 0, 0.2)'],
.notion-body:not(.dark) [style*='background-color: rgba(245, 93, 0, 0.2)'] {
background: var(--theme--tag_orange) !important;
color: var(--theme--tag_orange-text) !important;
}
.notion-body.dark [style*='background: rgba(89, 74, 58, 0.3)'],
.notion-body:not(.dark) [style*='background: rgba(250, 235, 221, 0.3)'] {
background: var(--theme--callout_orange) !important;
color: var(--theme--callout_orange-text) !important;
}
.notion-body.dark [style*='color:rgb(255,220,73)'],
.notion-body.dark [style^='fill: rgb(255, 220, 73)'],
.notion-body.dark [style*=' fill: rgb(255, 220, 73)'],
.notion-body:not(.dark) [style*='color:rgb(223,171,1)'],
.notion-body:not(.dark) [style^='fill: rgb(223, 171, 1)'],
.notion-body:not(.dark) [style*=' fill: rgb(223, 171, 1)'] {
color: var(--theme--text_yellow) !important;
fill: var(--theme--text_yellow) !important;
}
.notion-body.dark [style*='color: rgb(255, 220, 73);'],
.notion-body:not(.dark) [style*='color: rgb(223, 171, 1);'] {
fill: var(--theme--text_yellow) !important;
}
.notion-body.dark [style*='background:rgb(89,86,59)'],
.notion-body:not(.dark) [style*='background:rgb(251,243,219)'] {
background: var(--theme--highlight_yellow) !important;
}
.notion-body.dark [style*='color: inherit'] > div > div > [style*='background:rgb(89,86,59)'],
.notion-body:not(.dark)
[style*='color: inherit']
> div
> div
> [style*='background:rgb(251,243,219)'] {
color: var(--theme--highlight_yellow-text) !important;
}
.notion-body.dark [style*='color:rgb(255,220,73)'] [style*='background:rgb(89,86,59)'],
.notion-body.dark
[style*='color: rgb(255, 220, 73); fill: rgb(255, 220, 73);']
[style*='background:rgb(89,86,59)'],
.notion-body:not(.dark) [style*='color:rgb(223,171,1)'] [style*='background:rgb(251,243,219)'],
.notion-body:not(.dark)
[style*='color: rgb(223, 171, 1); fill: rgb(223, 171, 1);']
[style*='background:rgb(251,243,219)'] {
background: var(--theme--highlight_yellow) !important;
color: var(--theme--text_yellow) !important;
fill: var(--theme--text_yellow) !important;
}
.notion-body.dark [style*='background: rgb(89, 86, 59)'],
.notion-body:not(.dark) [style*='background: rgb(251, 243, 219)'] {
background: var(--theme--block_yellow) !important;
color: var(--theme--block_yellow-text) !important;
}
.notion-body.dark [style*='background: rgba(255, 220, 73, 0.5)'],
.notion-body.dark [style*='background-color: rgba(255, 220, 73, 0.5)'],
.notion-body:not(.dark) [style*='background: rgba(233, 168, 0, 0.2)'],
.notion-body:not(.dark) [style*='background-color: rgba(233, 168, 0, 0.2)'] {
background: var(--theme--tag_yellow) !important;
color: var(--theme--tag_yellow-text) !important;
}
.notion-body.dark [style*='background: rgba(89, 86, 59, 0.3)'],
.notion-body:not(.dark) [style*='background: rgba(251, 243, 219, 0.3)'] {
background: var(--theme--callout_yellow) !important;
color: var(--theme--callout_yellow-text) !important;
}
.notion-body.dark [style*='color:rgb(77,171,154)'],
.notion-body.dark [style^='color: rgb(77, 171, 154)'],
.notion-body.dark [style*=' color: rgb(77, 171, 154)'],
.notion-body:not(.dark) [style*='color:rgb(15,123,108)'],
.notion-body:not(.dark) [style^='color: rgb(15, 123, 108)'],
.notion-body:not(.dark) [style*=' color: rgb(15, 123, 108)'] {
color: var(--theme--text_green) !important;
fill: var(--theme--text_green) !important;
}
.notion-body.dark [style*='fill: rgb(77, 171, 154);'],
.notion-body:not(.dark) [style*='fill: rgb(15, 123, 108);'] {
fill: var(--theme--text_green) !important;
}
.notion-body.dark [style*='background:rgb(53,76,75)'],
.notion-body:not(.dark) [style*='background:rgb(221,237,234)'] {
background: var(--theme--highlight_green) !important;
}
.notion-body.dark [style*='color: inherit'] > div > div > [style*='background:rgb(53,76,75)'],
.notion-body:not(.dark)
[style*='color: inherit']
> div
> div
> [style*='background:rgb(221,237,234)'] {
color: var(--theme--highlight_green-text) !important;
}
.notion-body.dark [style*='color: inherit'] > div > div > [style*='background:rgb(89,86,59)'],
.notion-body:not(.dark)
[style*='color: inherit']
> div
> div
> [style*='background:rgb(251,243,219)'] {
color: var(--theme--highlight_green-text) !important;
}
.notion-body.dark [style*='color:rgb(77,171,154)'] [style*='background:rgb(53,76,75)'],
.notion-body.dark
[style*='color: rgb(77, 171, 154); fill: rgb(77, 171, 154);']
[style*='background:rgb(53,76,75)'],
.notion-body:not(.dark)
[style*='color:rgb(15,123,108)']
[style*='background:rgb(221,237,234)'],
.notion-body:not(.dark)
[style*='color: rgb(15, 123, 108); fill: rgb(15, 123, 108);']
[style*='background:rgb(221,237,234)'] {
background: var(--theme--highlight_green) !important;
color: var(--theme--text_green) !important;
fill: var(--theme--text_green) !important;
}
.notion-body.dark [style*='background: rgb(53, 76, 75)'],
.notion-body:not(.dark) [style*='background: rgb(221, 237, 234)'] {
background: var(--theme--block_green) !important;
color: var(--theme--block_green-text) !important;
}
.notion-body.dark [style*='background: rgba(77, 171, 154, 0.5)'],
.notion-body.dark [style*='background-color: rgba(77, 171, 154, 0.5)'],
.notion-body:not(.dark) [style*='background: rgba(0, 135, 107, 0.2)'],
.notion-body:not(.dark) [style*='background-color: rgba(0, 135, 107, 0.2)'] {
background: var(--theme--tag_green) !important;
color: var(--theme--tag_green-text) !important;
}
.notion-body.dark [style*='background: rgba(53, 76, 75, 0.3)'],
.notion-body:not(.dark) [style*='background: rgba(221, 237, 234, 0.3)'] {
background: var(--theme--callout_green) !important;
color: var(--theme--callout_green-text) !important;
}
.notion-body.dark [style*='color:rgb(82,156,202)'],
.notion-body.dark [style^='color: rgb(82, 156, 202)'],
.notion-body.dark [style*=' color: rgb(82, 156, 202)'],
.notion-body:not(.dark) [style*='color:rgb(11,110,153)'],
.notion-body:not(.dark) [style^='color: rgb(11, 110, 153)'],
.notion-body:not(.dark) [style*=' color: rgb(11, 110, 153)'] {
color: var(--theme--text_blue) !important;
fill: var(--theme--text_blue) !important;
}
.notion-body.dark [style*='fill: rgb(82, 156, 202);'],
.notion-body:not(.dark) [style*='fill: rgb(11, 110, 153);'] {
fill: var(--theme--text_blue) !important;
}
.notion-body.dark [style*='background:rgb(54,73,84)'],
.notion-body:not(.dark) [style*='background:rgb(221,235,241)'] {
background: var(--theme--highlight_blue) !important;
}
.notion-body.dark [style*='color: inherit'] > div > div > [style*='background:rgb(54,73,84)'],
.notion-body:not(.dark)
[style*='color: inherit']
> div
> div
> [style*='background:rgb(221,235,241)'] {
color: var(--theme--highlight_blue-text) !important;
}
.notion-body.dark [style*='color:rgb(82,156,202)'] [style*='background:rgb(54,73,84)'],
.notion-body.dark
[style*='color: rgb(82, 156, 202); fill: rgb(82, 156, 202);']
[style*='background:rgb(54,73,84)'],
.notion-body:not(.dark)
[style*='color:rgb(11,110,153)']
[style*='background:rgb(221,235,241)'],
.notion-body:not(.dark)
[style*='color: rgb(11, 110, 153); fill: rgb(11, 110, 153);']
[style*='background:rgb(221,235,241)'] {
background: var(--theme--highlight_blue) !important;
color: var(--theme--text_blue) !important;
fill: var(--theme--text_blue) !important;
}
.notion-body.dark [style*='background: rgb(54, 73, 84)'],
.notion-body:not(.dark) [style*='background: rgb(221, 235, 241)'] {
background: var(--theme--block_blue) !important;
color: var(--theme--block_blue-text) !important;
}
.notion-body.dark [style*='background: rgba(82, 156, 202, 0.5)'],
.notion-body.dark [style*='background-color: rgba(82, 156, 202, 0.5)'],
.notion-body:not(.dark) [style*='background: rgba(0, 120, 223, 0.2)'],
.notion-body:not(.dark) [style*='background-color: rgba(0, 120, 223, 0.2)'] {
background: var(--theme--tag_blue) !important;
color: var(--theme--tag_blue-text) !important;
}
.notion-body.dark [style*='background: rgba(54, 73, 84, 0.3)'],
.notion-body:not(.dark) [style*='background: rgba(221, 235, 241, 0.3)'] {
background: var(--theme--callout_blue) !important;
color: var(--theme--callout_blue-text) !important;
}
.notion-body.dark [style*='color:rgb(154,109,215)'],
.notion-body.dark [style^='color: rgb(154, 109, 215)'],
.notion-body.dark [style*=' color: rgb(154, 109, 215)'],
.notion-body:not(.dark) [style*='color:rgb(105,64,165)'],
.notion-body:not(.dark) [style^='color: rgb(105, 64, 165)'],
.notion-body:not(.dark) [style*=' color: rgb(105, 64, 165)'] {
color: var(--theme--text_purple) !important;
fill: var(--theme--text_purple) !important;
}
.notion-body.dark [style*='fill: rgb(154, 109, 215);'],
.notion-body:not(.dark) [style*='fill: rgb(105, 64, 165);'] {
fill: var(--theme--text_purple) !important;
}
.notion-body.dark [style*='background:rgb(68,63,87)'],
.notion-body:not(.dark) [style*='background:rgb(234,228,242)'] {
background: var(--theme--highlight_purple) !important;
}
.notion-body.dark [style*='color: inherit'] > div > div > [style*='background:rgb(68,63,87)'],
.notion-body:not(.dark)
[style*='color: inherit']
> div
> div
> [style*='background:rgb(234,228,242)'] {
color: var(--theme--highlight_purple-text) !important;
}
.notion-body.dark [style*='color:rgb(154,109,215)'] [style*='background:rgb(68,63,87)'],
.notion-body.dark
[style*='color: rgb(154, 109, 215); fill: rgb(154, 109, 215);']
[style*='background:rgb(68,63,87)'],
.notion-body:not(.dark)
[style*='color:rgb(105,64,165)']
[style*='background:rgb(234,228,242)'],
.notion-body:not(.dark)
[style*='color: rgb(105, 64, 165); fill: rgb(105, 64, 165);']
[style*='background:rgb(234,228,242)'] {
background: var(--theme--highlight_purple) !important;
color: var(--theme--text_purple) !important;
fill: var(--theme--text_purple) !important;
}
.notion-body.dark [style*='background: rgb(68, 63, 87)'],
.notion-body:not(.dark) [style*='background: rgb(234, 228, 242)'] {
background: var(--theme--block_purple) !important;
color: var(--theme--block_purple-text) !important;
}
.notion-body.dark [style*='background: rgba(154, 109, 215, 0.5)'],
.notion-body.dark [style*='background-color: rgba(154, 109, 215, 0.5)'],
.notion-body:not(.dark) [style*='background: rgba(103, 36, 222, 0.2)'],
.notion-body:not(.dark) [style*='background-color: rgba(103, 36, 222, 0.2)'] {
background: var(--theme--tag_purple) !important;
color: var(--theme--tag_purple-text) !important;
}
.notion-body.dark [style*='background: rgba(68, 63, 87, 0.3)'],
.notion-body:not(.dark) [style*='background: rgba(234, 228, 242, 0.3)'] {
background: var(--theme--callout_purple) !important;
color: var(--theme--callout_purple-text) !important;
}
.notion-body.dark [style*='color:rgb(226,85,161)'],
.notion-body.dark [style^='color: rgb(226, 85, 161)'],
.notion-body.dark [style*=' color: rgb(226, 85, 161)'],
.notion-body:not(.dark) [style*='color:rgb(173,26,114)'],
.notion-body:not(.dark) [style^='color: rgb(173, 26, 114)'],
.notion-body:not(.dark) [style*=' color: rgb(173, 26, 114)'] {
color: var(--theme--text_pink) !important;
fill: var(--theme--text_pink) !important;
}
.notion-body.dark [style*='fill: rgb(226, 85, 161);'],
.notion-body:not(.dark) [style*='fill: rgb(173, 26, 114);'] {
fill: var(--theme--text_pink) !important;
}
.notion-body.dark [style*='background:rgb(83,59,76)'],
.notion-body:not(.dark) [style*='background:rgb(244,223,235)'] {
background: var(--theme--highlight_pink) !important;
}
.notion-body.dark [style*='color: inherit'] > div > div > [style*='background:rgb(83,59,76)'],
.notion-body:not(.dark)
[style*='color: inherit']
> div
> div
> [style*='background:rgb(244,223,235)'] {
color: var(--theme--highlight_pink-text) !important;
}
.notion-body.dark [style*='color:rgb(226,85,161)'] [style*='background:rgb(83,59,76)'],
.notion-body.dark
[style*='color: rgb(226, 85, 161); fill: rgb(226, 85, 161);']
[style*='background:rgb(83,59,76)'],
.notion-body:not(.dark)
[style*='color:rgb(173,26,114)']
[style*='background:rgb(244,223,235)'],
.notion-body:not(.dark)
[style*='color: rgb(173, 26, 114); fill: rgb(173, 26, 114);']
[style*='background:rgb(244,223,235)'] {
background: var(--theme--highlight_pink) !important;
color: var(--theme--text_pink) !important;
fill: var(--theme--text_pink) !important;
}
.notion-body.dark [style*='background: rgb(83, 59, 76)'],
.notion-body:not(.dark) [style*='background: rgb(244, 223, 235)'] {
background: var(--theme--block_pink) !important;
color: var(--theme--block_pink-text) !important;
}
.notion-body.dark [style*='background: rgba(226, 85, 161, 0.5)'],
.notion-body.dark [style*='background-color: rgba(226, 85, 161, 0.5)'],
.notion-body:not(.dark) [style*='background: rgba(221, 0, 129, 0.2)'],
.notion-body:not(.dark) [style*='background-color: rgba(221, 0, 129, 0.2)'] {
background: var(--theme--tag_pink) !important;
color: var(--theme--tag_pink-text) !important;
}
.notion-body.dark [style*='background: rgba(83, 59, 76, 0.3)'],
.notion-body:not(.dark) [style*='background: rgba(244, 223, 235, 0.3)'] {
background: var(--theme--callout_pink) !important;
color: var(--theme--callout_pink-text) !important;
}
.notion-body.dark [style*='color:rgb(255,115,105)'],
.notion-body.dark [style^='color: rgb(255, 115, 105)'],
.notion-body.dark [style*=' color: rgb(255, 115, 105)'],
.notion-body:not(.dark) [style*='color:rgb(224,62,62)'],
.notion-body:not(.dark) [style^='color: rgb(224, 62, 62)'],
.notion-body:not(.dark) [style*=' color: rgb(224, 62, 62)'] {
color: var(--theme--text_red) !important;
fill: var(--theme--text_red) !important;
}
.notion-body.dark [style*='fill: rgb(255, 115, 105);'],
.notion-body:not(.dark) [style*='fill: rgb(224, 62, 62);'] {
color: var(--theme--text_red) !important;
fill: var(--theme--text_red) !important;
}
.notion-body.dark [style*='background:rgb(89,65,65)'],
.notion-body:not(.dark) [style*='background:rgb(251,228,228)'] {
background: var(--theme--highlight_red) !important;
}
.notion-body.dark [style*='color: inherit'] > div > div > [style*='background:rgb(89,65,65)'],
.notion-body:not(.dark)
[style*='color: inherit']
> div
> div
> [style*='background:rgb(251,228,228)'] {
color: var(--theme--highlight_red-text) !important;
}
.notion-body.dark [style*='color:rgb(255,115,105)'] [style*='background:rgb(89,65,65)'],
.notion-body.dark
[style*='color: rgb(255, 115, 105); fill: rgb(255, 115, 105);']
[style*='background:rgb(89,65,65)'],
.notion-body:not(.dark) [style*='color:rgb(224,62,62)'] [style*='background:rgb(251,228,228)'],
.notion-body:not(.dark)
[style*='color: rgb(224, 62, 62); fill: rgb(224, 62, 62);']
[style*='background:rgb(251,228,228)'] {
background: var(--theme--highlight_red) !important;
color: var(--theme--text_red) !important;
fill: var(--theme--text_red) !important;
}
.notion-body.dark [style*='background: rgb(89, 65, 65)'],
.notion-body:not(.dark) [style*='background: rgb(251, 228, 228)'] {
background: var(--theme--block_red) !important;
color: var(--theme--block_red-text) !important;
}
.notion-body.dark [style*='background: rgba(255, 115, 105, 0.5);'],
.notion-body.dark [style*='background-color: rgba(255, 115, 105, 0.5);'],
.notion-body:not(.dark) [style*='background: rgba(255, 0, 26, 0.2)'],
.notion-body:not(.dark) [style*='background-color: rgba(255, 0, 26, 0.2)'] {
background: var(--theme--tag_red) !important;
color: var(--theme--tag_red-text) !important;
}
.notion-body.dark [style*='background: rgba(89, 65, 65, 0.3)'],
.notion-body:not(.dark) [style*='background: rgba(251, 228, 228, 0.3)'] {
background: var(--theme--callout_red) !important;
color: var(--theme--callout_red-text) !important;
}
/** code **/
.notion-page-content [style*='color:#EB5757']:not(.notion-text-mention-token) {

304
repo/theming/variables.css
View File

@ -2,8 +2,6 @@
* notion-enhancer core: theming
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
* (https://notion-enhancer.github.io/) under the MIT license
*
* (rgb|hsl|#)[^;]+;
*/
:root {
@ -59,97 +57,96 @@
--theme--text: rgb(55, 43, 47);
--theme--text_secondary: rgba(55, 43, 47, 0.6);
--theme--text_gray: rgb(155, 154, 151);
--theme--text_brown: rgb(100, 71, 58);
--theme--text_orange: rgb(217, 115, 13);
--theme--text_yellow: rgb(223, 171, 1);
--theme--text_green: rgb(15, 123, 108);
--theme--text_blue: rgb(11, 110, 153);
--theme--text_purple: rgb(105, 64, 165);
--theme--text_pink: rgb(173, 26, 114);
--theme--text_red: rgb(224, 62, 62);
--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_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--highlight-text: var(--theme--text);
--theme--highlight_gray: rgb(235, 236, 237);
--theme--highlight_gray: rgba(234, 234, 235, 0.93);
--theme--highlight_gray-text: var(--theme--highlight-text);
--theme--highlight_brown: rgb(233, 229, 227);
--theme--highlight_brown: rgba(213, 130, 38, 0.13);
--theme--highlight_brown-text: var(--theme--highlight-text);
--theme--highlight_orange: rgb(250, 235, 221);
--theme--highlight_orange: rgba(252, 103, 27, 0.13);
--theme--highlight_orange-text: var(--theme--highlight-text);
--theme--highlight_yellow: rgb(251, 243, 219);
--theme--highlight_yellow: rgba(253, 183, 63, 0.13);
--theme--highlight_yellow-text: var(--theme--highlight-text);
--theme--highlight_green: rgb(221, 237, 234);
--theme--highlight_green: rgba(76, 169, 66, 0.13);
--theme--highlight_green-text: var(--theme--highlight-text);
--theme--highlight_blue: rgb(221, 235, 241);
--theme--highlight_blue: rgba(45, 159, 226, 0.13);
--theme--highlight_blue-text: var(--theme--highlight-text);
--theme--highlight_purple: rgb(234, 228, 242);
--theme--highlight_purple: rgba(187, 123, 230, 0.13);
--theme--highlight_purple-text: var(--theme--highlight-text);
--theme--highlight_pink: rgb(244, 223, 235);
--theme--highlight_pink: rgba(255, 85, 163, 0.13);
--theme--highlight_pink-text: var(--theme--highlight-text);
--theme--highlight_red: rgb(251, 228, 228);
--theme--highlight_red: rgba(255, 82, 71, 0.13);
--theme--highlight_red-text: var(--theme--highlight-text);
--theme--block-text: var(--theme--text);
--theme--block_gray: rgb(235, 236, 237);
--theme--block_gray-text: var(--theme--block-text);
--theme--block_brown: rgb(233, 229, 227);
--theme--block_brown-text: var(--theme--block-text);
--theme--block_orange: rgb(250, 235, 221);
--theme--block_orange-text: var(--theme--block-text);
--theme--block_yellow: rgb(251, 243, 219);
--theme--block_yellow-text: var(--theme--block-text);
--theme--block_green: rgb(221, 237, 234);
--theme--block_green-text: var(--theme--block-text);
--theme--block_blue: rgb(221, 235, 241);
--theme--block_blue-text: var(--theme--block-text);
--theme--block_purple: rgb(234, 228, 242);
--theme--block_purple-text: var(--theme--block-text);
--theme--block_pink: rgb(244, 223, 235);
--theme--block_pink-text: var(--theme--block-text);
--theme--block_red: rgb(251, 228, 228);
--theme--block_red-text: var(--theme--block-text);
--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--tag-text: var(--theme--text);
--theme--tag_default: rgba(206, 205, 202, 0.5);
--theme--tag_default-text: var(--theme--tag-text);
--theme--tag_gray: rgba(140, 46, 0, 0.2);
--theme--tag_gray-text: var(--theme--tag-text);
--theme--tag_brown: rgba(140, 46, 0, 0.2);
--theme--tag_brown-text: var(--theme--tag-text);
--theme--tag_orange: rgba(245, 93, 0, 0.2);
--theme--tag_orange-text: var(--theme--tag-text);
--theme--tag_yellow: rgba(233, 168, 0, 0.2);
--theme--tag_yellow-text: var(--theme--tag-text);
--theme--tag_green: rgba(0, 135, 107, 0.2);
--theme--tag_green-text: var(--theme--tag-text);
--theme--tag_blue: rgba(0, 120, 223, 0.2);
--theme--tag_blue-text: var(--theme--tag-text);
--theme--tag_purple: rgba(103, 36, 222, 0.2);
--theme--tag_purple-text: var(--theme--tag-text);
--theme--tag_pink: rgba(221, 0, 129, 0.2);
--theme--tag_pink-text: var(--theme--tag-text);
--theme--tag_red: rgba(255, 0, 26, 0.2);
--theme--tag_red-text: var(--theme--tag-text);
--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--callout-text: var(--theme--text);
--theme--callout_gray: rgba(235, 236, 237, 0.3);
--theme--callout_gray-text: var(--theme--callout-text);
--theme--callout_brown: rgba(233, 229, 227, 0.3);
--theme--callout_brown-text: var(--theme--callout-text);
--theme--callout_orange: rgba(250, 235, 221, 0.3);
--theme--callout_orange-text: var(--theme--callout-text);
--theme--callout_yellow: rgba(251, 243, 219, 0.3);
--theme--callout_yellow-text: var(--theme--callout-text);
--theme--callout_green: rgba(221, 237, 234, 0.3);
--theme--callout_green-text: var(--theme--callout-text);
--theme--callout_blue: rgba(221, 235, 241, 0.3);
--theme--callout_blue-text: var(--theme--callout-text);
--theme--callout_purple: rgba(234, 228, 242, 0.3);
--theme--callout_purple-text: var(--theme--callout-text);
--theme--callout_pink: rgba(244, 223, 235, 0.3);
--theme--callout_pink-text: var(--theme--callout-text);
--theme--callout_red: rgba(251, 228, 228, 0.3);
--theme--callout_red-text: var(--theme--callout-text);
--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--code_inline: rgba(135, 131, 120, 0.15);
--theme--code_inline-text: #eb5757;
@ -223,97 +220,96 @@
--theme--text: rgba(255, 255, 255, 0.9);
--theme--text_secondary: rgba(255, 255, 255, 0.6);
--theme--text_gray: rgba(151, 154, 155, 0.95);
--theme--text_brown: rgb(147, 114, 100);
--theme--text_orange: rgb(255, 163, 68);
--theme--text_yellow: rgb(255, 220, 73);
--theme--text_green: rgb(77, 171, 154);
--theme--text_blue: rgb(82, 156, 202);
--theme--text_purple: rgb(154, 109, 215);
--theme--text_pink: rgb(226, 85, 161);
--theme--text_red: rgb(255, 115, 105);
--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: rgb(69, 75, 78);
--theme--highlight_gray: rgba(62, 66, 69, 1);
--theme--highlight_gray-text: var(--theme--highlight-text);
--theme--highlight_brown: rgb(67, 64, 64);
--theme--highlight_brown: rgba(91, 71, 57, 1);
--theme--highlight_brown-text: var(--theme--highlight-text);
--theme--highlight_orange: rgb(89, 74, 58);
--theme--highlight_orange: rgba(102, 64, 54, 1);
--theme--highlight_orange-text: var(--theme--highlight-text);
--theme--highlight_yellow: rgb(89, 86, 59);
--theme--highlight_yellow: rgba(102, 84, 59, 1);
--theme--highlight_yellow-text: var(--theme--highlight-text);
--theme--highlight_green: rgb(53, 76, 75);
--theme--highlight_green: rgba(52, 79, 64, 1);
--theme--highlight_green-text: var(--theme--highlight-text);
--theme--highlight_blue: rgb(54, 73, 84);
--theme--highlight_blue: rgba(43, 77, 103, 1);
--theme--highlight_blue-text: var(--theme--highlight-text);
--theme--highlight_purple: rgb(68, 63, 87);
--theme--highlight_purple: rgba(78, 61, 102, 1);
--theme--highlight_purple-text: var(--theme--highlight-text);
--theme--highlight_pink: rgb(83, 59, 76);
--theme--highlight_pink: rgba(99, 56, 86, 1);
--theme--highlight_pink-text: var(--theme--highlight-text);
--theme--highlight_red: rgb(89, 65, 65);
--theme--highlight_red: rgba(105, 54, 63, 1);
--theme--highlight_red-text: var(--theme--highlight-text);
--theme--block-text: var(--theme--text);
--theme--block_gray: rgb(69, 75, 78);
--theme--block_gray-text: var(--theme--block-text);
--theme--block_brown: rgb(67, 64, 64);
--theme--block_brown-text: var(--theme--block-text);
--theme--block_orange: rgb(89, 74, 58);
--theme--block_orange-text: var(--theme--block-text);
--theme--block_yellow: rgb(89, 86, 59);
--theme--block_yellow-text: var(--theme--block-text);
--theme--block_green: rgb(53, 76, 75);
--theme--block_green-text: var(--theme--block-text);
--theme--block_blue: rgb(54, 73, 84);
--theme--block_blue-text: var(--theme--block-text);
--theme--block_purple: rgb(68, 63, 87);
--theme--block_purple-text: var(--theme--block-text);
--theme--block_pink: rgb(83, 59, 76);
--theme--block_pink-text: var(--theme--block-text);
--theme--block_red: rgb(89, 65, 65);
--theme--block_red-text: var(--theme--block-text);
--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--tag-text: var(--theme--text);
--theme--tag_default: rgb(80, 85, 88);
--theme--tag_default-text: var(--theme--tag-text);
--theme--tag_gray: rgba(151, 154, 155, 0.5);
--theme--tag_gray-text: var(--theme--tag-text);
--theme--tag_brown: rgba(147, 114, 100, 0.5);
--theme--tag_brown-text: var(--theme--tag-text);
--theme--tag_orange: rgba(255, 163, 68, 0.5);
--theme--tag_orange-text: var(--theme--tag-text);
--theme--tag_yellow: rgba(255, 220, 73, 0.5);
--theme--tag_yellow-text: var(--theme--tag-text);
--theme--tag_green: rgba(77, 171, 154, 0.5);
--theme--tag_green-text: var(--theme--tag-text);
--theme--tag_blue: rgba(82, 156, 202, 0.5);
--theme--tag_blue-text: var(--theme--tag-text);
--theme--tag_purple: rgba(154, 109, 215, 0.5);
--theme--tag_purple-text: var(--theme--tag-text);
--theme--tag_pink: rgba(226, 85, 161, 0.5);
--theme--tag_pink-text: var(--theme--tag-text);
--theme--tag_red: rgba(255, 115, 105, 0.5);
--theme--tag_red-text: var(--theme--tag-text);
--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-text: var(--theme--text);
--theme--callout_gray: rgba(69, 75, 78, 0.3);
--theme--callout_gray-text: var(--theme--callout-text);
--theme--callout_brown: rgba(67, 64, 64, 0.3);
--theme--callout_brown-text: var(--theme--callout-text);
--theme--callout_orange: rgba(89, 74, 58, 0.3);
--theme--callout_orange-text: var(--theme--callout-text);
--theme--callout_yellow: rgba(89, 86, 59, 0.3);
--theme--callout_yellow-text: var(--theme--callout-text);
--theme--callout_green: rgba(53, 76, 75, 0.3);
--theme--callout_green-text: var(--theme--callout-text);
--theme--callout_blue: rgba(54, 73, 84, 0.3);
--theme--callout_blue-text: var(--theme--callout-text);
--theme--callout_purple: rgba(68, 63, 87, 0.3);
--theme--callout_purple-text: var(--theme--callout-text);
--theme--callout_pink: rgba(83, 59, 76, 0.3);
--theme--callout_pink-text: var(--theme--callout-text);
--theme--callout_red: rgba(89, 65, 65, 0.3);
--theme--callout_red-text: var(--theme--callout-text);
--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--code_inline: rgba(135, 131, 120, 0.15);
--theme--code_inline-text: #eb5757;