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

update themes to match new colour variables

Browse Source
This commit is contained in:
dragonwocky 2021-11-02 22:19:25 +11:00
parent cd0a4d1ba3
commit a4119cd3b9
15 changed files with 826 additions and 309 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -57,52 +57,90 @@
--theme--text_pink: var(--cola--pink); --theme--text_pink: var(--cola--pink);
--theme--text_red: var(--cola--red); --theme--text_red: var(--cola--red);
--theme--highlight-text: var(--theme--tag-text);
--theme--highlight_gray: var(--theme--tag_gray); --theme--highlight_gray: var(--theme--tag_gray);
--theme--highlight_gray-text: var(--theme--tag-text);
--theme--highlight_brown: var(--theme--tag_brown); --theme--highlight_brown: var(--theme--tag_brown);
--theme--highlight_brown-text: var(--theme--tag-text);
--theme--highlight_orange: var(--theme--tag_orange); --theme--highlight_orange: var(--theme--tag_orange);
--theme--highlight_orange-text: var(--theme--tag-text);
--theme--highlight_yellow: var(--theme--tag_yellow); --theme--highlight_yellow: var(--theme--tag_yellow);
--theme--highlight_yellow-text: var(--theme--tag-text);
--theme--highlight_green: var(--theme--tag_green); --theme--highlight_green: var(--theme--tag_green);
--theme--highlight_green-text: var(--theme--tag-text);
--theme--highlight_blue: var(--theme--tag_blue); --theme--highlight_blue: var(--theme--tag_blue);
--theme--highlight_blue-text: var(--theme--tag-text);
--theme--highlight_purple: var(--theme--tag_purple); --theme--highlight_purple: var(--theme--tag_purple);
--theme--highlight_purple-text: var(--theme--tag-text);
--theme--highlight_pink: var(--theme--tag_pink); --theme--highlight_pink: var(--theme--tag_pink);
--theme--highlight_pink-text: var(--theme--tag-text);
--theme--highlight_red: var(--theme--tag_red); --theme--highlight_red: var(--theme--tag_red);
--theme--highlight_red-text: var(--theme--tag-text);
--theme--paragraph-text: var(--cola--main); --theme--callout_gray: var(--theme--tag_gray);
--theme--paragraph_gray: var(--cola--gray); --theme--callout_gray-text: var(--theme--tag-text);
--theme--paragraph_brown: var(--cola--brown); --theme--callout_brown: var(--theme--tag_brown);
--theme--paragraph_orange: var(--cola--orange); --theme--callout_brown-text: var(--theme--tag-text);
--theme--paragraph_yellow: var(--cola--yellow); --theme--callout_orange: var(--theme--tag_orange);
--theme--paragraph_green: var(--cola--green); --theme--callout_orange-text: var(--theme--tag-text);
--theme--paragraph_blue: var(--cola--blue); --theme--callout_yellow: var(--theme--tag_yellow);
--theme--paragraph_purple: var(--cola--purple); --theme--callout_yellow-text: var(--theme--tag-text);
--theme--paragraph_pink: var(--cola--pink); --theme--callout_green: var(--theme--tag_green);
--theme--paragraph_red: var(--cola--red); --theme--callout_green-text: var(--theme--tag-text);
--theme--callout_blue: var(--theme--tag_blue);
--theme--callout_blue-text: var(--theme--tag-text);
--theme--callout_purple: var(--theme--tag_purple);
--theme--callout_purple-text: var(--theme--tag-text);
--theme--callout_pink: var(--theme--tag_pink);
--theme--callout_pink-text: var(--theme--tag-text);
--theme--callout_red: var(--theme--tag_red);
--theme--callout_red-text: var(--theme--tag-text);
--theme--tag-text: var(--cola--main);
--theme--tag_gray: var(--cola--gray); --theme--tag_gray: var(--cola--gray);
--theme--tag_gray-text: var(--cola--main);
--theme--tag_brown: var(--cola--brown); --theme--tag_brown: var(--cola--brown);
--theme--tag_brown-text: #ffffff; --theme--tag_brown-text: #ffffff;
--theme--tag_orange: var(--cola--orange); --theme--tag_orange: var(--cola--orange);
--theme--tag_orange-text: var(--cola--main);
--theme--tag_yellow: var(--cola--yellow); --theme--tag_yellow: var(--cola--yellow);
--theme--tag_yellow-text: var(--cola--main);
--theme--tag_green: var(--cola--green); --theme--tag_green: var(--cola--green);
--theme--tag_green-text: var(--cola--main);
--theme--tag_blue: var(--cola--blue); --theme--tag_blue: var(--cola--blue);
--theme--tag_blue-text: var(--cola--main);
--theme--tag_purple: var(--cola--purple); --theme--tag_purple: var(--cola--purple);
--theme--tag_purple-text: #ffffff; --theme--tag_purple-text: #ffffff;
--theme--tag_pink: var(--cola--pink); --theme--tag_pink: var(--cola--pink);
--theme--tag_pink-text: var(--cola--main);
--theme--tag_red: var(--cola--red); --theme--tag_red: var(--cola--red);
--theme--tag_red-text: #ffffff; --theme--tag_red-text: #ffffff;
--theme--block-text: var(--theme--paragraph-text); --theme--board_gray: var(--cola--gray);
--theme--block_gray: var(--theme--paragraph_gray); --theme--board_gray-text: var(--cola--main);
--theme--block_brown: var(--theme--paragraph_brown); --theme--board_gray-card: var(--theme--tag_gray);
--theme--block_orange: var(--theme--paragraph_orange); --theme--board_brown: var(--cola--brown);
--theme--block_yellow: var(--theme--paragraph_yellow); --theme--board_brown-text: var(--cola--main);
--theme--block_green: var(--theme--paragraph_green); --theme--board_brown-card: var(--theme--tag_brown);
--theme--block_blue: var(--theme--paragraph_blue); --theme--board_orange: var(--cola--orange);
--theme--block_purple: var(--theme--paragraph_purple); --theme--board_orange-text: var(--cola--main);
--theme--block_pink: var(--theme--paragraph_pink); --theme--board_orange-card: var(--theme--tag_orange);
--theme--block_red: var(--theme--paragraph_red); --theme--board_yellow: var(--cola--yellow);
--theme--board_yellow-text: var(--cola--main);
--theme--board_yellow-card: var(--theme--tag_yellow);
--theme--board_green: var(--cola--green);
--theme--board_green-text: var(--cola--main);
--theme--board_green-card: var(--theme--tag_green);
--theme--board_blue: var(--cola--blue);
--theme--board_blue-text: var(--cola--main);
--theme--board_blue-card: var(--theme--tag_blue);
--theme--board_purple: var(--cola--purple);
--theme--board_purple-text: var(--cola--main);
--theme--board_purple-card: var(--theme--tag_purple);
--theme--board_pink: var(--cola--pink);
--theme--board_pink-text: var(--cola--main);
--theme--board_pink-card: var(--theme--tag_pink);
--theme--board_red: var(--cola--red);
--theme--board_red-text: var(--cola--main);
--theme--board_red-card: var(--theme--tag_red);
--theme--code_inline: var(--cola--main); --theme--code_inline: var(--cola--main);
--theme--code_inline-text: var(--cola--accent); --theme--code_inline-text: var(--cola--accent);

54
repo/dark+/variables.css
View File

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

81
repo/dracula/variables.css
View File

@ -78,55 +78,92 @@
--theme--text_pink: var(--dracula--pink); --theme--text_pink: var(--dracula--pink);
--theme--text_red: var(--dracula--red); --theme--text_red: var(--dracula--red);
--theme--highlight-text: var(--dracula--bg);
--theme--highlight_gray: var(--dracula--gray); --theme--highlight_gray: var(--dracula--gray);
--theme--highlight_gray-text: var(--dracula--bg);
--theme--highlight_brown: var(--dracula--brown); --theme--highlight_brown: var(--dracula--brown);
--theme--highlight_brown-text: var(--dracula--fg); --theme--highlight_brown-text: var(--dracula--fg);
--theme--highlight_orange: var(--dracula--orange); --theme--highlight_orange: var(--dracula--orange);
--theme--highlight_orange-text: var(--dracula--bg);
--theme--highlight_yellow: var(--dracula--yellow); --theme--highlight_yellow: var(--dracula--yellow);
--theme--highlight_yellow-text: var(--dracula--bg);
--theme--highlight_green: var(--dracula--green); --theme--highlight_green: var(--dracula--green);
--theme--highlight_green-text: var(--dracula--bg);
--theme--highlight_blue: var(--dracula--blue); --theme--highlight_blue: var(--dracula--blue);
--theme--highlight_blue-text: var(--dracula--bg);
--theme--highlight_purple: var(--dracula--purple); --theme--highlight_purple: var(--dracula--purple);
--theme--highlight_purple-text: var(--dracula--bg);
--theme--highlight_pink: var(--dracula--pink); --theme--highlight_pink: var(--dracula--pink);
--theme--highlight_pink-text: var(--dracula--bg);
--theme--highlight_red: var(--dracula--red); --theme--highlight_red: var(--dracula--red);
--theme--highlight_red-text: var(--dracula--fg); --theme--highlight_red-text: var(--dracula--fg);
--theme--paragraph-text: var(--dracula--fg); --theme--callout_gray: var(--dracula--bg_gray);
--theme--paragraph_gray: var(--dracula--bg_gray); --theme--callout_brown: var(--dracula--bg_brown);
--theme--paragraph_brown: var(--dracula--bg_brown); --theme--callout_orange: var(--dracula--bg_orange);
--theme--paragraph_orange: var(--dracula--bg_orange); --theme--callout_yellow: var(--dracula--bg_yellow);
--theme--paragraph_yellow: var(--dracula--bg_yellow); --theme--callout_green: var(--dracula--bg_green);
--theme--paragraph_green: var(--dracula--bg_green); --theme--callout_blue: var(--dracula--bg_blue);
--theme--paragraph_blue: var(--dracula--bg_blue); --theme--callout_purple: var(--dracula--bg_purple);
--theme--paragraph_purple: var(--dracula--bg_purple); --theme--callout_pink: var(--dracula--bg_pink);
--theme--paragraph_pink: var(--dracula--bg_pink); --theme--callout_red: var(--dracula--bg_red);
--theme--paragraph_red: var(--dracula--bg_red);
--theme--tag-text: var(--dracula--bg);
--theme--tag_default: var(--dracula--comment); --theme--tag_default: var(--dracula--comment);
--theme--tag_default-text: var(--dracula--fg); --theme--tag_default-text: var(--dracula--fg);
--theme--tag_gray: var(--dracula--gray); --theme--tag_gray: var(--dracula--gray);
--theme--tag_gray-text: var(--dracula--bg);
--theme--tag_brown: var(--dracula--brown); --theme--tag_brown: var(--dracula--brown);
--theme--tag_brown-text: var(--dracula--fg); --theme--tag_brown-text: var(--dracula--fg);
--theme--tag_orange: var(--dracula--orange); --theme--tag_orange: var(--dracula--orange);
--theme--tag_orange-text: var(--dracula--bg);
--theme--tag_yellow: var(--dracula--yellow); --theme--tag_yellow: var(--dracula--yellow);
--theme--tag_yellow-text: var(--dracula--bg);
--theme--tag_green: var(--dracula--green); --theme--tag_green: var(--dracula--green);
--theme--tag_green-text: var(--dracula--bg);
--theme--tag_blue: var(--dracula--blue); --theme--tag_blue: var(--dracula--blue);
--theme--tag_blue-text: var(--dracula--bg);
--theme--tag_purple: var(--dracula--purple); --theme--tag_purple: var(--dracula--purple);
--theme--tag_purple-text: var(--dracula--bg);
--theme--tag_pink: var(--dracula--pink); --theme--tag_pink: var(--dracula--pink);
--theme--tag_pink-text: var(--dracula--bg);
--theme--tag_red: var(--dracula--red); --theme--tag_red: var(--dracula--red);
--theme--tag_red-text: var(--dracula--fg); --theme--tag_red-text: var(--dracula--fg);
--theme--block-text: var(--dracula--fg); --theme--board_gray: var(--dracula--bg_gray);
--theme--block_gray: var(--dracula--bg_gray); --theme--board_gray-card: var(--theme--tag_gray);
--theme--block_brown: var(--dracula--bg_brown); --theme--board_gray-card_text: var(--theme--tag_gray-text);
--theme--block_orange: var(--dracula--bg_orange); --theme--board_gray-text: var(--dracula--fg);
--theme--block_yellow: var(--dracula--bg_yellow); --theme--board_brown: var(--dracula--bg_brown);
--theme--block_green: var(--dracula--bg_green); --theme--board_brown-card: var(--theme--tag_brown);
--theme--block_blue: var(--dracula--bg_blue); --theme--board_brown-card_text: var(--theme--tag_brown-text);
--theme--block_purple: var(--dracula--bg_purple); --theme--board_brown-text: var(--dracula--fg);
--theme--block_pink: var(--dracula--bg_pink); --theme--board_orange: var(--dracula--bg_orange);
--theme--block_red: var(--dracula--bg_red); --theme--board_orange-card: var(--theme--tag_orange);
--theme--board_orange-card_text: var(--theme--tag_orange-text);
--theme--board_orange-text: var(--dracula--fg);
--theme--board_yellow: var(--dracula--bg_yellow);
--theme--board_yellow-card: var(--theme--tag_yellow);
--theme--board_yellow-card_text: var(--theme--tag_yellow-text);
--theme--board_yellow-text: var(--dracula--fg);
--theme--board_green: var(--dracula--bg_green);
--theme--board_green-card: var(--theme--tag_green);
--theme--board_green-card_text: var(--theme--tag_green-text);
--theme--board_green-text: var(--dracula--fg);
--theme--board_blue: var(--dracula--bg_blue);
--theme--board_blue-card: var(--theme--tag_blue);
--theme--board_blue-card_text: var(--theme--tag_blue-text);
--theme--board_blue-text: var(--dracula--fg);
--theme--board_purple: var(--dracula--bg_purple);
--theme--board_purple-card: var(--theme--tag_purple);
--theme--board_purple-card_text: var(--theme--tag_purple-text);
--theme--board_purple-text: var(--dracula--fg);
--theme--board_pink: var(--dracula--bg_pink);
--theme--board_pink-card: var(--theme--tag_pink);
--theme--board_pink-card_text: var(--theme--tag_pink-text);
--theme--board_pink-text: var(--dracula--fg);
--theme--board_red: var(--dracula--bg_red);
--theme--board_red-card: var(--theme--tag_red);
--theme--board_red-card_text: var(--theme--tag_red-text);
--theme--board_red-text: var(--dracula--fg);
--theme--code_inline: var(--dracula--bg_light); --theme--code_inline: var(--dracula--bg_light);
--theme--code_inline-text: var(--dracula--green); --theme--code_inline-text: var(--dracula--green);

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

@ -74,52 +74,92 @@
--theme--text_pink: var(--gruvbox_dark--purple_light); --theme--text_pink: var(--gruvbox_dark--purple_light);
--theme--text_red: var(--gruvbox_dark--red_dark); --theme--text_red: var(--gruvbox_dark--red_dark);
--theme--highlight-text: var(--theme--tag-text); --theme--highlight_gray: var(--gruvbox_light--gray_dark);
--theme--highlight_gray: var(--gruvbox_dark--gray_dark); --theme--highlight_gray-text: var(--gruvbox_light--bg0);
--theme--highlight_brown: var(--theme--tag_brown); --theme--highlight_brown: var(--theme--tag_brown);
--theme--highlight_orange: var(--gruvbox_dark--orange_dark); --theme--highlight_brown-text: var(--gruvbox_light--bg0);
--theme--highlight_yellow: var(--gruvbox_dark--yellow_dark); --theme--highlight_orange: var(--gruvbox_light--orange_dark);
--theme--highlight_green: var(--gruvbox_dark--green_dark); --theme--highlight_orange-text: var(--gruvbox_light--bg0);
--theme--highlight_blue: var(--gruvbox_dark--blue_dark); --theme--highlight_yellow: var(--gruvbox_light--yellow_dark);
--theme--highlight_purple: var(--gruvbox_dark--purple_dark); --theme--highlight_yellow-text: var(--gruvbox_light--bg0);
--theme--highlight_green: var(--gruvbox_light--green_dark);
--theme--highlight_green-text: var(--gruvbox_light--bg0);
--theme--highlight_blue: var(--gruvbox_light--blue_dark);
--theme--highlight_blue-text: var(--gruvbox_light--bg0);
--theme--highlight_purple: var(--gruvbox_light--purple_dark);
--theme--highlight_purple-text: var(--gruvbox_light--bg0);
--theme--highlight_pink: var(--theme--tag_pink); --theme--highlight_pink: var(--theme--tag_pink);
--theme--highlight_red: var(--gruvbox_dark--red_dark); --theme--highlight_pink-text: var(--gruvbox_light--bg0);
--theme--highlight_red: var(--gruvbox_light--red_dark);
--theme--highlight_red-text: var(--gruvbox_light--bg0);
--theme--paragraph_gray: var(--theme--text_gray); --theme--callout_gray: var(--theme--highlight_gray);
--theme--paragraph_brown: var(--theme--text_brown); --theme--callout_gray-text: var(--gruvbox_light--bg0);
--theme--paragraph_orange: var(--theme--text_orange); --theme--callout_brown: var(--theme--highlight_brown);
--theme--paragraph_yellow: var(--theme--text_yellow); --theme--callout_brown-text: var(--gruvbox_light--bg0);
--theme--paragraph_green: var(--theme--text_green); --theme--callout_orange: var(--theme--highlight_orange);
--theme--paragraph_blue: var(--theme--text_blue); --theme--callout_orange-text: var(--gruvbox_light--bg0);
--theme--paragraph_purple: var(--theme--text_purple); --theme--callout_yellow: var(--theme--highlight_yellow);
--theme--paragraph_pink: var(--theme--text_pink); --theme--callout_yellow-text: var(--gruvbox_light--bg0);
--theme--paragraph_red: var(--theme--text_red); --theme--callout_green: var(--theme--highlight_green);
--theme--callout_green-text: var(--gruvbox_light--bg0);
--theme--callout_blue: var(--theme--highlight_blue);
--theme--callout_blue-text: var(--gruvbox_light--bg0);
--theme--callout_purple: var(--theme--highlight_purple);
--theme--callout_purple-text: var(--gruvbox_light--bg0);
--theme--callout_pink: var(--theme--highlight_pink);
--theme--callout_pink-text: var(--gruvbox_light--bg0);
--theme--callout_red: var(--theme--highlight_red);
--theme--callout_red-text: var(--gruvbox_light--bg0);
--theme--tag-text: var(--theme--text); --theme--tag_default: var(--gruvbox_light--gray_dark);
--theme--tag_default: var(--gruvbox_dark--gray_dark); --theme--tag_default-text: var(--gruvbox_light--bg2);
--theme--tag_default-text: var(--gruvbox_dark--bg2); --theme--tag_gray: var(--gruvbox_light--gray_dark);
--theme--tag_gray: var(--gruvbox_dark--gray_dark); --theme--tag_gray-text: var(--gruvbox_light--bg2);
--theme--tag_gray-text: var(--gruvbox_dark--bg2); --theme--tag_brown: var(--gruvbox_light--fg3);
--theme--tag_brown: var(--gruvbox_dark--fg3); --theme--tag_brown-text: var(--gruvbox_light--bg2);
--theme--tag_brown-text: var(--gruvbox_dark--bg2); --theme--tag_orange: var(--gruvbox_light--orange_dark);
--theme--tag_orange: var(--gruvbox_dark--orange_dark); --theme--tag_orange-text: var(--gruvbox_light--bg0);
--theme--tag_yellow: var(--gruvbox_dark--yellow_dark); --theme--tag_yellow: var(--gruvbox_light--yellow_dark);
--theme--tag_green: var(--gruvbox_dark--green_dark); --theme--tag_yellow-text: var(--gruvbox_light--bg0);
--theme--tag_blue: var(--gruvbox_dark--blue_dark); --theme--tag_green: var(--gruvbox_light--green_dark);
--theme--tag_purple: var(--gruvbox_dark--purple_dark); --theme--tag_green-text: var(--gruvbox_light--bg0);
--theme--tag_pink: var(--gruvbox_dark--purple_light); --theme--tag_blue: var(--gruvbox_light--blue_dark);
--theme--tag_red: var(--gruvbox_dark--red_dark); --theme--tag_blue-text: var(--gruvbox_light--bg0);
--theme--tag_red-text: var(--gruvbox_dark--fg2); --theme--tag_purple: var(--gruvbox_light--purple_dark);
--theme--tag_purple-text: var(--gruvbox_light--bg0);
--theme--tag_pink: var(--gruvbox_light--purple_light);
--theme--tag_pink-text: var(--gruvbox_light--bg0);
--theme--tag_red: var(--gruvbox_light--red_dark);
--theme--tag_red-text: var(--gruvbox_light--bg0);
--theme--block_gray: var(--theme--paragraph_gray); --theme--board_gray: var(--theme--text_gray);
--theme--block_brown: var(--theme--paragraph_brown); --theme--board_gray-text: var(--gruvbox_light--bg0);
--theme--block_orange: var(--theme--paragraph_orange); --theme--board_gray-card: var(--theme--tag_gray);
--theme--block_yellow: var(--theme--paragraph_yellow); --theme--board_brown: var(--theme--text_brown);
--theme--block_green: var(--theme--paragraph_green); --theme--board_brown-text: var(--gruvbox_light--bg0);
--theme--block_blue: var(--theme--paragraph_blue); --theme--board_brown-card: var(--theme--tag_brown);
--theme--block_purple: var(--theme--paragraph_purple); --theme--board_orange: var(--theme--text_orange);
--theme--block_pink: var(--theme--paragraph_pink); --theme--board_orange-text: var(--gruvbox_light--bg0);
--theme--block_red: var(--theme--paragraph_red); --theme--board_orange-card: var(--theme--tag_orange);
--theme--board_yellow: var(--theme--text_yellow);
--theme--board_yellow-text: var(--gruvbox_light--bg0);
--theme--board_yellow-card: var(--theme--tag_yellow);
--theme--board_green: var(--theme--text_green);
--theme--board_green-text: var(--gruvbox_light--bg0);
--theme--board_green-card: var(--theme--tag_green);
--theme--board_blue: var(--theme--text_blue);
--theme--board_blue-text: var(--gruvbox_light--bg0);
--theme--board_blue-card: var(--theme--tag_blue);
--theme--board_purple: var(--theme--text_purple);
--theme--board_purple-text: var(--gruvbox_light--bg0);
--theme--board_purple-card: var(--theme--tag_purple);
--theme--board_pink: var(--theme--text_pink);
--theme--board_pink-text: var(--gruvbox_light--bg0);
--theme--board_pink-card: var(--theme--tag_pink);
--theme--board_red: var(--theme--text_red);
--theme--board_red-text: var(--gruvbox_light--bg0);
--theme--board_red-card: var(--theme--tag_red);
--theme--code_inline: var(--gruvbox_dark--bg1); --theme--code_inline: var(--gruvbox_dark--bg1);
--theme--code_inline-text: var(--gruvbox_dark--blue_light); --theme--code_inline-text: var(--gruvbox_dark--blue_light);

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

@ -79,29 +79,44 @@
--theme--text_pink: var(--gruvbox_light--purple_light); --theme--text_pink: var(--gruvbox_light--purple_light);
--theme--text_red: var(--gruvbox_light--red_dark); --theme--text_red: var(--gruvbox_light--red_dark);
--theme--highlight-text: var(--gruvbox_light--bg0);
--theme--highlight_gray: var(--gruvbox_light--gray_dark); --theme--highlight_gray: var(--gruvbox_light--gray_dark);
--theme--highlight_gray-text: var(--gruvbox_light--bg0);
--theme--highlight_brown: var(--theme--tag_brown); --theme--highlight_brown: var(--theme--tag_brown);
--theme--highlight_brown-text: var(--gruvbox_light--bg0);
--theme--highlight_orange: var(--gruvbox_light--orange_dark); --theme--highlight_orange: var(--gruvbox_light--orange_dark);
--theme--highlight_orange-text: var(--gruvbox_light--bg0);
--theme--highlight_yellow: var(--gruvbox_light--yellow_dark); --theme--highlight_yellow: var(--gruvbox_light--yellow_dark);
--theme--highlight_yellow-text: var(--gruvbox_light--bg0);
--theme--highlight_green: var(--gruvbox_light--green_dark); --theme--highlight_green: var(--gruvbox_light--green_dark);
--theme--highlight_green-text: var(--gruvbox_light--bg0);
--theme--highlight_blue: var(--gruvbox_light--blue_dark); --theme--highlight_blue: var(--gruvbox_light--blue_dark);
--theme--highlight_blue-text: var(--gruvbox_light--bg0);
--theme--highlight_purple: var(--gruvbox_light--purple_dark); --theme--highlight_purple: var(--gruvbox_light--purple_dark);
--theme--highlight_purple-text: var(--gruvbox_light--bg0);
--theme--highlight_pink: var(--theme--tag_pink); --theme--highlight_pink: var(--theme--tag_pink);
--theme--highlight_pink-text: var(--gruvbox_light--bg0);
--theme--highlight_red: var(--gruvbox_light--red_dark); --theme--highlight_red: var(--gruvbox_light--red_dark);
--theme--highlight_red-text: var(--gruvbox_light--bg0);
--theme--paragraph-text: var(--gruvbox_light--bg0); --theme--callout_gray: var(--theme--highlight_gray);
--theme--paragraph_gray: var(--theme--text_gray); --theme--callout_gray-text: var(--gruvbox_light--bg0);
--theme--paragraph_brown: var(--theme--text_brown); --theme--callout_brown: var(--theme--highlight_brown);
--theme--paragraph_orange: var(--theme--text_orange); --theme--callout_brown-text: var(--gruvbox_light--bg0);
--theme--paragraph_yellow: var(--theme--text_yellow); --theme--callout_orange: var(--theme--highlight_orange);
--theme--paragraph_green: var(--theme--text_green); --theme--callout_orange-text: var(--gruvbox_light--bg0);
--theme--paragraph_blue: var(--theme--text_blue); --theme--callout_yellow: var(--theme--highlight_yellow);
--theme--paragraph_purple: var(--theme--text_purple); --theme--callout_yellow-text: var(--gruvbox_light--bg0);
--theme--paragraph_pink: var(--theme--text_pink); --theme--callout_green: var(--theme--highlight_green);
--theme--paragraph_red: var(--theme--text_red); --theme--callout_green-text: var(--gruvbox_light--bg0);
--theme--callout_blue: var(--theme--highlight_blue);
--theme--callout_blue-text: var(--gruvbox_light--bg0);
--theme--callout_purple: var(--theme--highlight_purple);
--theme--callout_purple-text: var(--gruvbox_light--bg0);
--theme--callout_pink: var(--theme--highlight_pink);
--theme--callout_pink-text: var(--gruvbox_light--bg0);
--theme--callout_red: var(--theme--highlight_red);
--theme--callout_red-text: var(--gruvbox_light--bg0);
--theme--tag-text: var(--gruvbox_light--bg0);
--theme--tag_default: var(--gruvbox_light--gray_dark); --theme--tag_default: var(--gruvbox_light--gray_dark);
--theme--tag_default-text: var(--gruvbox_light--bg2); --theme--tag_default-text: var(--gruvbox_light--bg2);
--theme--tag_gray: var(--gruvbox_light--gray_dark); --theme--tag_gray: var(--gruvbox_light--gray_dark);
@ -109,23 +124,47 @@
--theme--tag_brown: var(--gruvbox_light--fg3); --theme--tag_brown: var(--gruvbox_light--fg3);
--theme--tag_brown-text: var(--gruvbox_light--bg2); --theme--tag_brown-text: var(--gruvbox_light--bg2);
--theme--tag_orange: var(--gruvbox_light--orange_dark); --theme--tag_orange: var(--gruvbox_light--orange_dark);
--theme--tag_orange-text: var(--gruvbox_light--bg0);
--theme--tag_yellow: var(--gruvbox_light--yellow_dark); --theme--tag_yellow: var(--gruvbox_light--yellow_dark);
--theme--tag_yellow-text: var(--gruvbox_light--bg0);
--theme--tag_green: var(--gruvbox_light--green_dark); --theme--tag_green: var(--gruvbox_light--green_dark);
--theme--tag_green-text: var(--gruvbox_light--bg0);
--theme--tag_blue: var(--gruvbox_light--blue_dark); --theme--tag_blue: var(--gruvbox_light--blue_dark);
--theme--tag_blue-text: var(--gruvbox_light--bg0);
--theme--tag_purple: var(--gruvbox_light--purple_dark); --theme--tag_purple: var(--gruvbox_light--purple_dark);
--theme--tag_purple-text: var(--gruvbox_light--bg0);
--theme--tag_pink: var(--gruvbox_light--purple_light); --theme--tag_pink: var(--gruvbox_light--purple_light);
--theme--tag_pink-text: var(--gruvbox_light--bg0);
--theme--tag_red: var(--gruvbox_light--red_dark); --theme--tag_red: var(--gruvbox_light--red_dark);
--theme--tag_red-text: var(--gruvbox_light--bg0);
--theme--block-text: var(--gruvbox_light--bg0); --theme--board_gray: var(--theme--text_gray);
--theme--block_gray: var(--theme--paragraph_gray); --theme--board_gray-text: var(--gruvbox_light--bg0);
--theme--block_brown: var(--theme--paragraph_brown); --theme--board_gray-card: var(--theme--tag_gray);
--theme--block_orange: var(--theme--paragraph_orange); --theme--board_brown: var(--theme--text_brown);
--theme--block_yellow: var(--theme--paragraph_yellow); --theme--board_brown-text: var(--gruvbox_light--bg0);
--theme--block_green: var(--theme--paragraph_green); --theme--board_brown-card: var(--theme--tag_brown);
--theme--block_blue: var(--theme--paragraph_blue); --theme--board_orange: var(--theme--text_orange);
--theme--block_purple: var(--theme--paragraph_purple); --theme--board_orange-text: var(--gruvbox_light--bg0);
--theme--block_pink: var(--theme--paragraph_pink); --theme--board_orange-card: var(--theme--tag_orange);
--theme--block_red: var(--theme--paragraph_red); --theme--board_yellow: var(--theme--text_yellow);
--theme--board_yellow-text: var(--gruvbox_light--bg0);
--theme--board_yellow-card: var(--theme--tag_yellow);
--theme--board_green: var(--theme--text_green);
--theme--board_green-text: var(--gruvbox_light--bg0);
--theme--board_green-card: var(--theme--tag_green);
--theme--board_blue: var(--theme--text_blue);
--theme--board_blue-text: var(--gruvbox_light--bg0);
--theme--board_blue-card: var(--theme--tag_blue);
--theme--board_purple: var(--theme--text_purple);
--theme--board_purple-text: var(--gruvbox_light--bg0);
--theme--board_purple-card: var(--theme--tag_purple);
--theme--board_pink: var(--theme--text_pink);
--theme--board_pink-text: var(--gruvbox_light--bg0);
--theme--board_pink-card: var(--theme--tag_pink);
--theme--board_red: var(--theme--text_red);
--theme--board_red-text: var(--gruvbox_light--bg0);
--theme--board_red-card: var(--theme--tag_red);
--theme--code_inline: var(--gruvbox_light--bg1); --theme--code_inline: var(--gruvbox_light--bg1);
--theme--code_inline-text: var(--gruvbox_light--blue_light); --theme--code_inline-text: var(--gruvbox_light--blue_light);

81
repo/light+/variables.css
View File

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

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

@ -56,50 +56,92 @@
--theme--text_pink: var(--ocean--pink); --theme--text_pink: var(--ocean--pink);
--theme--text_red: var(--ocean--red); --theme--text_red: var(--ocean--red);
--theme--highlight-text: var(--ocean--main);
--theme--highlight_gray: var(--ocean--gray); --theme--highlight_gray: var(--ocean--gray);
--theme--highlight_gray-text: var(--ocean--main);
--theme--highlight_brown: var(--ocean--brown); --theme--highlight_brown: var(--ocean--brown);
--theme--highlight_brown-text: var(--ocean--main);
--theme--highlight_orange: var(--ocean--orange); --theme--highlight_orange: var(--ocean--orange);
--theme--highlight_orange-text: var(--ocean--main);
--theme--highlight_yellow: var(--ocean--yellow); --theme--highlight_yellow: var(--ocean--yellow);
--theme--highlight_yellow-text: var(--ocean--main);
--theme--highlight_green: var(--ocean--green); --theme--highlight_green: var(--ocean--green);
--theme--highlight_green-text: var(--ocean--main);
--theme--highlight_blue: var(--ocean--blue); --theme--highlight_blue: var(--ocean--blue);
--theme--highlight_blue-text: var(--ocean--main);
--theme--highlight_purple: var(--ocean--purple); --theme--highlight_purple: var(--ocean--purple);
--theme--highlight_purple-text: var(--ocean--main);
--theme--highlight_pink: var(--ocean--pink); --theme--highlight_pink: var(--ocean--pink);
--theme--highlight_pink-text: var(--ocean--main);
--theme--highlight_red: var(--ocean--red); --theme--highlight_red: var(--ocean--red);
--theme--highlight_red-text: var(--ocean--main);
--theme--paragraph-text: var(--ocean--main); --theme--callout_gray: #e0e0e089;
--theme--paragraph_gray: #e0e0e089; --theme--callout_gray-text: var(--ocean--main);
--theme--paragraph_brown: #d8b6a692; --theme--callout_brown: #d8b6a692;
--theme--paragraph_orange: #fde3c09f; --theme--callout_brown-text: var(--ocean--main);
--theme--paragraph_yellow: #ffe6a6ad; --theme--callout_orange: #fde3c09f;
--theme--paragraph_green: #a3be8ca3; --theme--callout_orange-text: var(--ocean--main);
--theme--paragraph_blue: #81a1c1a3; --theme--callout_yellow: #ffe6a6ad;
--theme--paragraph_purple: #b48eada8; --theme--callout_yellow-text: var(--ocean--main);
--theme--paragraph_pink: #ffc0cbb1; --theme--callout_green: #a3be8ca3;
--theme--paragraph_red: #bf616a9e; --theme--callout_green-text: var(--ocean--main);
--theme--callout_blue: #81a1c1a3;
--theme--callout_blue-text: var(--ocean--main);
--theme--callout_purple: #b48eada8;
--theme--callout_purple-text: var(--ocean--main);
--theme--callout_pink: #ffc0cbb1;
--theme--callout_pink-text: var(--ocean--main);
--theme--callout_red: #bf616a9e;
--theme--callout_red-text: var(--ocean--main);
--theme--tag-text: var(--theme--highlight-text);
--theme--tag_default: var(--ocean--gray); --theme--tag_default: var(--ocean--gray);
--theme--tag_default-text: var(--ocean--main);
--theme--tag_gray: var(--theme--highlight_gray); --theme--tag_gray: var(--theme--highlight_gray);
--theme--tag_gray-text: var(--ocean--main);
--theme--tag_brown: var(--theme--highlight_brown); --theme--tag_brown: var(--theme--highlight_brown);
--theme--tag_brown-text: var(--ocean--main);
--theme--tag_orange: var(--theme--highlight_orange); --theme--tag_orange: var(--theme--highlight_orange);
--theme--tag_orange-text: var(--ocean--main);
--theme--tag_yellow: var(--theme--highlight_yellow); --theme--tag_yellow: var(--theme--highlight_yellow);
--theme--tag_yellow-text: var(--ocean--main);
--theme--tag_green: var(--theme--highlight_green); --theme--tag_green: var(--theme--highlight_green);
--theme--tag_green-text: var(--ocean--main);
--theme--tag_blue: var(--theme--highlight_blue); --theme--tag_blue: var(--theme--highlight_blue);
--theme--tag_blue-text: var(--ocean--main);
--theme--tag_purple: var(--theme--highlight_purple); --theme--tag_purple: var(--theme--highlight_purple);
--theme--tag_purple-text: var(--ocean--main);
--theme--tag_pink: var(--theme--highlight_pink); --theme--tag_pink: var(--theme--highlight_pink);
--theme--tag_pink-text: var(--ocean--main);
--theme--tag_red: var(--theme--highlight_red); --theme--tag_red: var(--theme--highlight_red);
--theme--tag_red-text: var(--ocean--main);
--theme--block-text: var(--theme--paragraph-text); --theme--board_gray: var(--theme--highlight_gray);
--theme--block_gray: var(--theme--paragraph_gray); --theme--board_gray-text: var(--theme--highlight_gray-text);
--theme--block_brown: var(--theme--paragraph_brown); --theme--board_gray-card: rgba(0, 0, 0, 0.075);
--theme--block_orange: var(--theme--paragraph_orange); --theme--board_brown: var(--theme--highlight_brown);
--theme--block_yellow: var(--theme--paragraph_yellow); --theme--board_brown-text: var(--theme--highlight_brown-text);
--theme--block_green: var(--theme--paragraph_green); --theme--board_brown-card: rgba(0, 0, 0, 0.075);
--theme--block_blue: var(--theme--paragraph_blue); --theme--board_orange: var(--theme--highlight_orange);
--theme--block_purple: var(--theme--paragraph_purple); --theme--board_orange-text: var(--theme--highlight_orange-text);
--theme--block_pink: var(--theme--paragraph_pink); --theme--board_orange-card: rgba(0, 0, 0, 0.075);
--theme--block_red: var(--theme--paragraph_red); --theme--board_yellow: var(--theme--highlight_yellow);
--theme--board_yellow-text: var(--theme--highlight_yellow-text);
--theme--board_yellow-card: rgba(0, 0, 0, 0.075);
--theme--board_green: var(--theme--highlight_green);
--theme--board_green-text: var(--theme--highlight_green-text);
--theme--board_green-card: rgba(0, 0, 0, 0.075);
--theme--board_blue: var(--theme--highlight_blue);
--theme--board_blue-text: var(--theme--highlight_blue-text);
--theme--board_blue-card: rgba(0, 0, 0, 0.075);
--theme--board_purple: var(--theme--highlight_purple);
--theme--board_purple-text: var(--theme--highlight_purple-text);
--theme--board_purple-card: rgba(0, 0, 0, 0.075);
--theme--board_pink: var(--theme--highlight_pink);
--theme--board_pink-text: var(--theme--highlight_pink-text);
--theme--board_pink-card: rgba(0, 0, 0, 0.075);
--theme--board_red: var(--theme--highlight_red);
--theme--board_red-text: var(--theme--highlight_red-text);
--theme--board_red-card: rgba(0, 0, 0, 0.075);
--theme--code_inline: var(--ocean--sec); --theme--code_inline: var(--ocean--sec);
--theme--code_inline-text: #b3f5c8; --theme--code_inline-text: #b3f5c8;

63
repo/neutral/variables.css
View File

@ -52,15 +52,15 @@
--theme--highlight_pink: #8e4b63; --theme--highlight_pink: #8e4b63;
--theme--highlight_red: #8c3d3d; --theme--highlight_red: #8c3d3d;
--theme--paragraph_gray: #585858; --theme--callout_gray: #585858;
--theme--paragraph_brown: #333333; --theme--callout_brown: #333333;
--theme--paragraph_orange: #9a5a3f; --theme--callout_orange: #9a5a3f;
--theme--paragraph_yellow: #b58a46; --theme--callout_yellow: #b58a46;
--theme--paragraph_green: #657953; --theme--callout_green: #657953;
--theme--paragraph_blue: #355475; --theme--callout_blue: #355475;
--theme--paragraph_purple: #775186; --theme--callout_purple: #775186;
--theme--paragraph_pink: #8e4b63; --theme--callout_pink: #8e4b63;
--theme--paragraph_red: #8c3d3d; --theme--callout_red: #8c3d3d;
--theme--tag-text: var(--theme--text); --theme--tag-text: var(--theme--text);
--theme--tag_default: var(--theme--highlight_gray); --theme--tag_default: var(--theme--highlight_gray);
@ -74,15 +74,42 @@
--theme--tag_pink: var(--theme--highlight_pink); --theme--tag_pink: var(--theme--highlight_pink);
--theme--tag_red: var(--theme--highlight_red); --theme--tag_red: var(--theme--highlight_red);
--theme--block_gray: rgba(88, 88, 88, 0.175); --theme--board_gray: rgba(88, 88, 88, 0.175);
--theme--block_brown: rgb(51, 51, 51, 0.175); --theme--board_gray-text: var(--theme--text_gray);
--theme--block_orange: rgb(154, 90, 63, 0.175); --theme--board_gray-card: var(--theme--tag_gray);
--theme--block_yellow: rgb(181, 138, 70, 0.175); --theme--board_gray-card_text: var(--theme--tag_gray-text);
--theme--block_green: rgb(101, 121, 83, 0.175); --theme--board_brown: rgb(51, 51, 51, 0.175);
--theme--block_blue: rgb(53, 84, 117, 0.175); --theme--board_brown-text: var(--theme--text_brown);
--theme--block_purple: rgb(119, 81, 134, 0.175); --theme--board_brown-card: var(--theme--tag_brown);
--theme--block_pink: rgb(142, 75, 99, 0.175); --theme--board_brown-card_text: var(--theme--tag_brown-text);
--theme--block_red: rgb(140, 61, 61, 0.175); --theme--board_orange: rgb(154, 90, 63, 0.175);
--theme--board_orange-text: var(--theme--text_orange);
--theme--board_orange-card: var(--theme--tag_orange);
--theme--board_orange-card_text: var(--theme--tag_orange-text);
--theme--board_yellow: rgb(181, 138, 70, 0.175);
--theme--board_yellow-text: var(--theme--text_yellow);
--theme--board_yellow-card: var(--theme--tag_yellow);
--theme--board_yellow-card_text: var(--theme--tag_yellow-text);
--theme--board_green: rgb(101, 121, 83, 0.175);
--theme--board_green-text: var(--theme--text_green);
--theme--board_green-card: var(--theme--tag_green);
--theme--board_green-card_text: var(--theme--tag_green-text);
--theme--board_blue: rgb(53, 84, 117, 0.175);
--theme--board_blue-text: var(--theme--text_blue);
--theme--board_blue-card: var(--theme--tag_blue);
--theme--board_blue-card_text: var(--theme--tag_blue-text);
--theme--board_purple: rgb(119, 81, 134, 0.175);
--theme--board_purple-text: var(--theme--text_purple);
--theme--board_purple-card: var(--theme--tag_purple);
--theme--board_purple-card_text: var(--theme--tag_purple-text);
--theme--board_pink: rgb(142, 75, 99, 0.175);
--theme--board_pink-text: var(--theme--text_pink);
--theme--board_pink-card: var(--theme--tag_pink);
--theme--board_pink-card_text: var(--theme--tag_pink-text);
--theme--board_red: rgb(140, 61, 61, 0.175);
--theme--board_red-text: var(--theme--text_red);
--theme--board_red-card: var(--theme--tag_red);
--theme--board_red-card_text: var(--theme--tag_red-text);
--theme--code_inline: #333333; --theme--code_inline: #333333;
--theme--code_inline-text: var(--theme--text); --theme--code_inline-text: var(--theme--text);

67
repo/nord/variables.css
View File

@ -50,6 +50,7 @@
--theme--text: var(--nord--light1); --theme--text: var(--nord--light1);
--theme--text_secondary: var(--nord--light1); --theme--text_secondary: var(--nord--light1);
--theme--text_gray: rgba(151, 154, 155, 0.95); --theme--text_gray: rgba(151, 154, 155, 0.95);
--theme--text_brown: rgb(147, 114, 100); --theme--text_brown: rgb(147, 114, 100);
--theme--text_orange: var(--nord--orange); --theme--text_orange: var(--nord--orange);
@ -64,23 +65,24 @@
--theme--highlight_brown: rgb(67, 64, 64); --theme--highlight_brown: rgb(67, 64, 64);
--theme--highlight_orange: var(--nord--orange); --theme--highlight_orange: var(--nord--orange);
--theme--highlight_yellow: var(--nord--yellow); --theme--highlight_yellow: var(--nord--yellow);
--theme--highlight_yellow-text: var(--nord--dark1);
--theme--highlight_green: var(--nord--green); --theme--highlight_green: var(--nord--green);
--theme--highlight_blue: var(--nord--frost3); --theme--highlight_blue: var(--nord--frost3);
--theme--highlight_purple: var(--nord--purple); --theme--highlight_purple: var(--nord--purple);
--theme--highlight_pink: rgb(193 106 153); --theme--highlight_pink: rgb(193 106 153);
--theme--highlight_red: var(--nord--red); --theme--highlight_red: var(--nord--red);
--theme--paragraph_gray: rgb(69, 75, 78); --theme--callout_gray: rgb(69, 75, 78);
--theme--paragraph_brown: rgb(67, 64, 64); --theme--callout_brown: rgb(67, 64, 64);
--theme--paragraph_orange: var(--nord--orange); --theme--callout_orange: var(--nord--orange);
--theme--paragraph_yellow: var(--nord--yellow); --theme--callout_yellow: var(--nord--yellow);
--theme--paragraph_green: var(--nord--green); --theme--callout_yellow-text: var(--nord--dark1);
--theme--paragraph_blue: var(--nord--frost3); --theme--callout_green: var(--nord--green);
--theme--paragraph_purple: var(--nord--purple); --theme--callout_blue: var(--nord--frost3);
--theme--paragraph_pink: rgb(193 106 153); --theme--callout_purple: var(--nord--purple);
--theme--paragraph_red: var(--nord--red); --theme--callout_pink: rgb(193 106 153);
--theme--callout_red: var(--nord--red);
--theme--tag-text: var(--theme--text);
--theme--tag_default: rgba(151, 154, 155, 0.5); --theme--tag_default: rgba(151, 154, 155, 0.5);
--theme--tag_gray: rgba(151, 154, 155, 0.5); --theme--tag_gray: rgba(151, 154, 155, 0.5);
--theme--tag_brown: rgba(147, 114, 100, 0.5); --theme--tag_brown: rgba(147, 114, 100, 0.5);
@ -92,15 +94,42 @@
--theme--tag_pink: rgba(226, 85, 161, 0.5); --theme--tag_pink: rgba(226, 85, 161, 0.5);
--theme--tag_red: rgba(255, 115, 105, 0.5); --theme--tag_red: rgba(255, 115, 105, 0.5);
--theme--block_gray: rgba(69, 75, 78, 0.3); --theme--board_gray: rgba(69, 75, 78, 0.3);
--theme--block_brown: rgba(67, 64, 64, 0.3); --theme--board_gray-card: var(--theme--tag_gray);
--theme--block_orange: rgba(89, 74, 58, 0.3); --theme--board_gray-card_text: var(--theme--tag_gray-text);
--theme--block_yellow: rgba(89, 86, 59, 0.3); --theme--board_gray-text: var(--theme--text_gray);
--theme--block_green: rgba(53, 76, 75, 0.3); --theme--board_brown: rgba(67, 64, 64, 0.3);
--theme--block_blue: rgba(54, 73, 84, 0.3); --theme--board_brown-card: var(--theme--tag_brown);
--theme--block_purple: rgba(68, 63, 87, 0.3); --theme--board_brown-card_text: var(--theme--tag_brown-text);
--theme--block_pink: rgba(83, 59, 76, 0.3); --theme--board_brown-text: var(--theme--text_brown);
--theme--block_red: rgba(89, 65, 65, 0.3); --theme--board_orange: rgba(89, 74, 58, 0.3);
--theme--board_orange-card: var(--theme--tag_orange);
--theme--board_orange-card_text: var(--theme--tag_orange-text);
--theme--board_orange-text: var(--theme--text_orange);
--theme--board_yellow: rgba(89, 86, 59, 0.3);
--theme--board_yellow-card: var(--theme--tag_yellow);
--theme--board_yellow-card_text: var(--theme--tag_yellow-text);
--theme--board_yellow-text: var(--theme--text_yellow);
--theme--board_green: rgba(53, 76, 75, 0.3);
--theme--board_green-card: var(--theme--tag_green);
--theme--board_green-card_text: var(--theme--tag_green-text);
--theme--board_green-text: var(--theme--text_green);
--theme--board_blue: rgba(54, 73, 84, 0.3);
--theme--board_blue-card: var(--theme--tag_blue);
--theme--board_blue-card_text: var(--theme--tag_blue-text);
--theme--board_blue-text: var(--theme--text_blue);
--theme--board_purple: rgba(68, 63, 87, 0.3);
--theme--board_purple-card: var(--theme--tag_purple);
--theme--board_purple-card_text: var(--theme--tag_purple-text);
--theme--board_purple-text: var(--theme--text_purple);
--theme--board_pink: rgba(83, 59, 76, 0.3);
--theme--board_pink-card: var(--theme--tag_pink);
--theme--board_pink-card_text: var(--theme--tag_pink-text);
--theme--board_pink-text: var(--theme--text_pink);
--theme--board_red: rgba(89, 65, 65, 0.3);
--theme--board_red-card: var(--theme--tag_red);
--theme--board_red-card_text: var(--theme--tag_red-text);
--theme--board_red-text: var(--theme--text_red);
--theme--code_inline: rgba(135, 131, 120, 0.15); --theme--code_inline: rgba(135, 131, 120, 0.15);
--theme--code_inline-text: var(--nord--red); --theme--code_inline-text: var(--nord--red);

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

@ -41,50 +41,81 @@
--theme--text_pink: #f7b8dc; --theme--text_pink: #f7b8dc;
--theme--text_red: #f8acb4; --theme--text_red: #f8acb4;
--theme--highlight-text: rgb(55, 53, 47);
--theme--highlight_gray: #b1aeab; --theme--highlight_gray: #b1aeab;
--theme--highlight_gray-text: rgb(55, 53, 47);
--theme--highlight_brown: #d8b6a6; --theme--highlight_brown: #d8b6a6;
--theme--highlight_brown-text: rgb(55, 53, 47);
--theme--highlight_orange: #fde3c0; --theme--highlight_orange: #fde3c0;
--theme--highlight_orange-text: rgb(55, 53, 47);
--theme--highlight_yellow: #fcde93; --theme--highlight_yellow: #fcde93;
--theme--highlight_yellow-text: rgb(55, 53, 47);
--theme--highlight_green: #b3f5c8; --theme--highlight_green: #b3f5c8;
--theme--highlight_green-text: rgb(55, 53, 47);
--theme--highlight_blue: #bfe0fd; --theme--highlight_blue: #bfe0fd;
--theme--highlight_blue-text: rgb(55, 53, 47);
--theme--highlight_purple: #dac7fa; --theme--highlight_purple: #dac7fa;
--theme--highlight_purple-text: rgb(55, 53, 47);
--theme--highlight_pink: #f7b8dc; --theme--highlight_pink: #f7b8dc;
--theme--highlight_pink-text: rgb(55, 53, 47);
--theme--highlight_red: #f8acb4; --theme--highlight_red: #f8acb4;
--theme--highlight_red-text: rgb(55, 53, 47);
--theme--paragraph-text: rgb(34, 34, 34); --theme--callout_gray: #c2c1c089;
--theme--paragraph_gray: #c2c1c089; --theme--callout_brown: #dacec992;
--theme--paragraph_brown: #dacec992; --theme--callout_orange: #fff0dc9f;
--theme--paragraph_orange: #fff0dc9f; --theme--callout_yellow: #ffe6a6ad;
--theme--paragraph_yellow: #ffe6a6ad; --theme--callout_green: #c8fdd9a3;
--theme--paragraph_green: #c8fdd9a3; --theme--callout_blue: #d1e9ffa3;
--theme--paragraph_blue: #d1e9ffa3; --theme--callout_purple: #e3d3ffa8;
--theme--paragraph_purple: #e3d3ffa8; --theme--callout_pink: #fdcce8b1;
--theme--paragraph_pink: #fdcce8b1; --theme--callout_red: #ffc8ce9e;
--theme--paragraph_red: #ffc8ce9e;
--theme--tag-text: var(--theme--highlight-text); --theme--tag_gray: #b1aeab;
--theme--tag_default: var(--theme--highlight_gray); --theme--tag_gray-text: rgb(55, 53, 47);
--theme--tag_gray: var(--theme--highlight_gray); --theme--tag_brown: #d8b6a6;
--theme--tag_brown: var(--theme--highlight_brown); --theme--tag_brown-text: rgb(55, 53, 47);
--theme--tag_orange: var(--theme--highlight_orange); --theme--tag_orange: #fde3c0;
--theme--tag_yellow: var(--theme--highlight_yellow); --theme--tag_orange-text: rgb(55, 53, 47);
--theme--tag_green: var(--theme--highlight_green); --theme--tag_yellow: #fcde93;
--theme--tag_blue: var(--theme--highlight_blue); --theme--tag_yellow-text: rgb(55, 53, 47);
--theme--tag_purple: var(--theme--highlight_purple); --theme--tag_green: #b3f5c8;
--theme--tag_pink: var(--theme--highlight_pink); --theme--tag_green-text: rgb(55, 53, 47);
--theme--tag_red: var(--theme--highlight_red); --theme--tag_blue: #bfe0fd;
--theme--tag_blue-text: rgb(55, 53, 47);
--theme--tag_purple: #dac7fa;
--theme--tag_purple-text: rgb(55, 53, 47);
--theme--tag_pink: #f7b8dc;
--theme--tag_pink-text: rgb(55, 53, 47);
--theme--tag_red: #f8acb4;
--theme--tag_red-text: rgb(55, 53, 47);
--theme--block-text: var(--theme--paragraph-text); --theme--board_gray: #c2c1c089;
--theme--block_gray: var(--theme--paragraph_gray); --theme--board_gray-text: #b1aeab;
--theme--block_brown: var(--theme--paragraph_brown); --theme--board_gray-card: rgb(255, 255, 255, 0.2);
--theme--block_orange: var(--theme--paragraph_orange); --theme--board_brown: #dacec992;
--theme--block_yellow: var(--theme--paragraph_yellow); --theme--board_brown-text: #d8b6a6;
--theme--block_green: var(--theme--paragraph_green); --theme--board_brown-card: rgb(255, 255, 255, 0.2);
--theme--block_blue: var(--theme--paragraph_blue); --theme--board_orange: #fff0dc9f;
--theme--block_purple: var(--theme--paragraph_purple); --theme--board_orange-text: #fde3c0;
--theme--block_pink: var(--theme--paragraph_pink); --theme--board_orange-card: rgb(255, 255, 255, 0.2);
--theme--block_red: var(--theme--paragraph_red); --theme--board_yellow: #ffe6a6ad;
--theme--board_yellow-text: #fcde93;
--theme--board_yellow-card: rgb(255, 255, 255, 0.2);
--theme--board_green: #c8fdd9a3;
--theme--board_green-text: #b3f5c8;
--theme--board_green-card: rgb(255, 255, 255, 0.2);
--theme--board_blue: #d1e9ffa3;
--theme--board_blue-text: #bfe0fd;
--theme--board_blue-card: rgb(255, 255, 255, 0.2);
--theme--board_purple: #e3d3ffa8;
--theme--board_purple-text: #dac7fa;
--theme--board_purple-card: rgb(255, 255, 255, 0.2);
--theme--board_pink: #fdcce8b1;
--theme--board_pink-text: #f7b8dc;
--theme--board_pink-card: rgb(255, 255, 255, 0.2);
--theme--board_red: #ffc8ce9e;
--theme--board_red-text: #f8acb4;
--theme--board_red-card: rgb(255, 255, 255, 0.2);
--theme--code_inline: rgb(8, 8, 8); --theme--code_inline: rgb(8, 8, 8);
--theme--code_inline-text: #b3f5c8; --theme--code_inline-text: #b3f5c8;

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

@ -68,15 +68,52 @@
--theme--highlight_pink-text: white; --theme--highlight_pink-text: white;
--theme--highlight_red: var(--pinky_boom--red); --theme--highlight_red: var(--pinky_boom--red);
--theme--paragraph_gray: rgba(128, 128, 128, 0.5); --theme--callout_gray: rgba(128, 128, 128, 0.25);
--theme--paragraph_brown: var(--pinky_boom--brown); --theme--callout_gray-text: black;
--theme--paragraph_orange: var(--pinky_boom--orange); --theme--callout_brown: var(--pinky_boom--brown);
--theme--paragraph_yellow: var(--pinky_boom--yellow); --theme--callout_brown-text: white;
--theme--paragraph_green: var(--pinky_boom--green); --theme--callout_orange: var(--pinky_boom--orange);
--theme--paragraph_blue: var(--pinky_boom--blue); --theme--callout_orange-text: black;
--theme--paragraph_purple: var(--pinky_boom--purple); --theme--callout_yellow: var(--pinky_boom--yellow);
--theme--paragraph_pink: var(--pinky_boom--pink); --theme--callout_yellow-text: black;
--theme--paragraph_red: var(--pinky_boom--red); --theme--callout_green: var(--pinky_boom--green);
--theme--callout_green-text: black;
--theme--callout_blue: var(--pinky_boom--blue);
--theme--callout_blue-text: black;
--theme--callout_purple: var(--pinky_boom--purple);
--theme--callout_purple-text: white;
--theme--callout_pink: var(--pinky_boom--pink);
--theme--callout_pink-text: white;
--theme--callout_red: var(--pinky_boom--red);
--theme--callout_red-text: white;
--theme--board_gray: rgba(128, 128, 128, 0.5);
--theme--board_gray-text: white;
--theme--board_gray-card: rgba(128, 128, 128, 0.25);
--theme--board_brown: var(--pinky_boom--brown);
--theme--board_brown-text: white;
--theme--board_brown-card: var(--pinky_boom--brown);
--theme--board_orange: var(--pinky_boom--orange);
--theme--board_orange-text: white;
--theme--board_orange-card: var(--pinky_boom--orange);
--theme--board_yellow: var(--pinky_boom--yellow);
--theme--board_yellow-text: white;
--theme--board_yellow-card: var(--pinky_boom--yellow);
--theme--board_green: var(--pinky_boom--green);
--theme--board_green-text: white;
--theme--board_green-card: var(--pinky_boom--green);
--theme--board_blue: var(--pinky_boom--blue);
--theme--board_blue-text: white;
--theme--board_blue-card: var(--pinky_boom--blue);
--theme--board_purple: var(--pinky_boom--purple);
--theme--board_purple-text: white;
--theme--board_purple-card: var(--pinky_boom--purple);
--theme--board_pink: var(--pinky_boom--pink);
--theme--board_pink-text: white;
--theme--board_pink-card: var(--pinky_boom--pink);
--theme--board_red: var(--pinky_boom--red);
--theme--board_red-text: white;
--theme--board_red-card: var(--pinky_boom--red);
--theme--tag_default: #ffc9e6; --theme--tag_default: #ffc9e6;
--theme--tag_gray: rgba(128, 128, 128, 0.25); --theme--tag_gray: rgba(128, 128, 128, 0.25);
@ -98,25 +135,6 @@
--theme--tag_red: var(--pinky_boom--red); --theme--tag_red: var(--pinky_boom--red);
--theme--tag_red-text: white; --theme--tag_red-text: white;
--theme--block_gray: rgba(128, 128, 128, 0.25);
--theme--block_gray-text: black;
--theme--block_brown: var(--pinky_boom--brown);
--theme--block_brown-text: white;
--theme--block_orange: var(--pinky_boom--orange);
--theme--block_orange-text: black;
--theme--block_yellow: var(--pinky_boom--yellow);
--theme--block_yellow-text: black;
--theme--block_green: var(--pinky_boom--green);
--theme--block_green-text: black;
--theme--block_blue: var(--pinky_boom--blue);
--theme--block_blue-text: black;
--theme--block_purple: var(--pinky_boom--purple);
--theme--block_purple-text: white;
--theme--block_pink: var(--pinky_boom--pink);
--theme--block_pink-text: white;
--theme--block_red: var(--pinky_boom--red);
--theme--block_red-text: white;
--theme--code_inline: var(--theme--code); --theme--code_inline: var(--theme--code);
--theme--code_inline-text: var(--theme--text); --theme--code_inline-text: var(--theme--text);

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

@ -57,11 +57,24 @@
--theme--highlight_red: rgb(251, 228, 228); --theme--highlight_red: rgb(251, 228, 228);
--theme--highlight_red-text: rgb(138, 0, 10); --theme--highlight_red-text: rgb(138, 0, 10);
--theme--paragraph_gray: rgb(69, 75, 78); --theme--callout_gray: #e2e3e5;
--theme--paragraph_brown: rgb(78, 57, 48); --theme--callout_gray-text: #383d41;
--theme--paragraph_orange: rgb(136, 80, 48); --theme--callout_brown: rgb(130, 118, 111);
--theme--paragraph_yellow: #fbe2287c; --theme--callout_brown-text: rgb(85, 35, 1);
--theme--paragraph_red: rgb(151, 62, 62); --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--tag_default: rgb(234, 234, 234); --theme--tag_default: rgb(234, 234, 234);
--theme--tag_default-text: rgb(17, 17, 17); --theme--tag_default-text: rgb(17, 17, 17);
@ -84,24 +97,42 @@
--theme--tag_red: rgb(251, 228, 228); --theme--tag_red: rgb(251, 228, 228);
--theme--tag_red-text: rgb(138, 0, 10); --theme--tag_red-text: rgb(138, 0, 10);
--theme--block_gray: #e2e3e5; --theme--board_gray: #e2e3e5;
--theme--block_gray-text: #383d41; --theme--board_gray-text: #383d41;
--theme--block_brown: rgb(130, 118, 111); --theme--board_gray-card: var(--theme--tag_gray);
--theme--block_brown-text: rgb(85, 35, 1); --theme--board_gray-card_text: var(--theme--tag_gray-text);
--theme--block_orange: rgb(254, 214, 155); --theme--board_brown: rgb(130, 118, 111);
--theme--block_orange-text: rgb(255, 140, 0); --theme--board_brown-text: rgb(85, 35, 1);
--theme--block_yellow: #fcffd8; --theme--board_brown-card: var(--theme--tag_brown);
--theme--block_yellow-text: #c76e00; --theme--board_brown-card_text: var(--theme--tag_brown-text);
--theme--block_green: #d4edda; --theme--board_orange: rgb(254, 214, 155);
--theme--block_green-text: #155724; --theme--board_orange-text: rgb(255, 140, 0);
--theme--block_blue: #cce5ff; --theme--board_orange-card: var(--theme--tag_orange);
--theme--block_blue-text: #004085; --theme--board_orange-card_text: var(--theme--tag_orange-text);
--theme--block_purple: rgb(199, 178, 230); --theme--board_yellow: #fcffd8;
--theme--block_purple-text: rgb(90, 49, 148); --theme--board_yellow-text: #c76e00;
--theme--block_pink: rgb(255, 206, 228); --theme--board_yellow-card: var(--theme--tag_yellow);
--theme--block_pink-text: rgb(255, 0, 127); --theme--board_yellow-card_text: var(--theme--tag_yellow-text);
--theme--block_red: #f8d7da; --theme--board_green: #d4edda;
--theme--block_red-text: #721c24; --theme--board_green-text: #155724;
--theme--board_green-card: var(--theme--tag_green);
--theme--board_green-card_text: var(--theme--tag_green-text);
--theme--board_blue: #cce5ff;
--theme--board_blue-text: #004085;
--theme--board_blue-card: var(--theme--tag_blue);
--theme--board_blue-card_text: var(--theme--tag_blue-text);
--theme--board_purple: rgb(199, 178, 230);
--theme--board_purple-text: rgb(90, 49, 148);
--theme--board_purple-card: var(--theme--tag_purple);
--theme--board_purple-card_text: var(--theme--tag_purple-text);
--theme--board_pink: rgb(255, 206, 228);
--theme--board_pink-text: rgb(255, 0, 127);
--theme--board_pink-card: var(--theme--tag_pink);
--theme--board_pink-card_text: var(--theme--tag_pink-text);
--theme--board_red: #f8d7da;
--theme--board_red-text: #721c24;
--theme--board_red-card: var(--theme--tag_red);
--theme--board_red-card_text: var(--theme--tag_red-text);
--theme--code_inline: rgb(179, 39, 39); --theme--code_inline: rgb(179, 39, 39);
--theme--code_inline-text: #e0dfe2; --theme--code_inline-text: #e0dfe2;

139
repo/theming/colors.css
View File

@ -80,6 +80,21 @@
> [data-block-id] > [data-block-id]
> [rel='noopener noreferrer'] { > [rel='noopener noreferrer'] {
background: var(--theme--board_gray-card) !important; background: var(--theme--board_gray-card) !important;
color: var(--theme--board_gray-card_text) !important;
}
.notion-body:not(.dark)
.notion-board-group[style*='background-color: rgba(247, 247, 245, 0.7)']
> [data-block-id]
> [rel='noopener noreferrer']
> .notion-focusable:hover {
background: rgba(255, 255, 255, 0.2) !important;
}
.notion-body.dark
.notion-board-group[style*='background-color: rgb(51, 55, 59)']
> [data-block-id]
> [rel='noopener noreferrer']
> .notion-focusable:hover {
background: rgba(0, 0, 0, 0.1) !important;
} }
.notion-body:not(.dark) .notion-board-view [style*='color: rgb(145, 145, 142)'], .notion-body:not(.dark) .notion-board-view [style*='color: rgb(145, 145, 142)'],
.notion-body.dark .notion-board-view [style*='color: rgb(107, 112, 116)'], .notion-body.dark .notion-board-view [style*='color: rgb(107, 112, 116)'],
@ -165,6 +180,21 @@
> [data-block-id] > [data-block-id]
> [rel='noopener noreferrer'] { > [rel='noopener noreferrer'] {
background: var(--theme--board_brown-card) !important; background: var(--theme--board_brown-card) !important;
color: var(--theme--board_brown-card_text) !important;
}
.notion-body:not(.dark)
.notion-board-group[style*='background-color: rgba(250, 246, 245, 0.7)']
> [data-block-id]
> [rel='noopener noreferrer']
> .notion-focusable:hover {
background: rgba(255, 255, 255, 0.2) !important;
}
.notion-body.dark
.notion-board-group[style*='background-color: rgb(59, 54, 51)']
> [data-block-id]
> [rel='noopener noreferrer']
> .notion-focusable:hover {
background: rgba(0, 0, 0, 0.1) !important;
} }
.notion-body:not(.dark) .notion-board-view [style*='color: rgb(187, 132, 108)'], .notion-body:not(.dark) .notion-board-view [style*='color: rgb(187, 132, 108)'],
.notion-body.dark .notion-board-view [style*='color: rgb(155, 98, 69)'], .notion-body.dark .notion-board-view [style*='color: rgb(155, 98, 69)'],
@ -250,6 +280,21 @@
> [data-block-id] > [data-block-id]
> [rel='noopener noreferrer'] { > [rel='noopener noreferrer'] {
background: var(--theme--board_orange-card) !important; background: var(--theme--board_orange-card) !important;
color: var(--theme--board_orange-card_text) !important;
}
.notion-body:not(.dark)
.notion-board-group[style*='background-color: rgba(252, 245, 242, 0.7)']
> [data-block-id]
> [rel='noopener noreferrer']
> .notion-focusable:hover {
background: rgba(255, 255, 255, 0.2) !important;
}
.notion-body.dark
.notion-board-group[style*='background-color: rgb(61, 54, 49)']
> [data-block-id]
> [rel='noopener noreferrer']
> .notion-focusable:hover {
background: rgba(0, 0, 0, 0.1) !important;
} }
.notion-body:not(.dark) .notion-board-view [style*='color: rgb(215, 129, 58)'], .notion-body:not(.dark) .notion-board-view [style*='color: rgb(215, 129, 58)'],
.notion-body.dark .notion-board-view [style*='color: rgb(168, 92, 30)'], .notion-body.dark .notion-board-view [style*='color: rgb(168, 92, 30)'],
@ -335,6 +380,21 @@
> [data-block-id] > [data-block-id]
> [rel='noopener noreferrer'] { > [rel='noopener noreferrer'] {
background: var(--theme--board_yellow-card) !important; background: var(--theme--board_yellow-card) !important;
color: var(--theme--board_yellow-card_text) !important;
}
.notion-body:not(.dark)
.notion-board-group[style*='background-color: rgba(250, 247, 237, 0.7)']
> [data-block-id]
> [rel='noopener noreferrer']
> .notion-focusable:hover {
background: rgba(255, 255, 255, 0.2) !important;
}
.notion-body.dark
.notion-board-group[style*='background-color: rgb(56, 55, 49)']
> [data-block-id]
> [rel='noopener noreferrer']
> .notion-focusable:hover {
background: rgba(0, 0, 0, 0.1) !important;
} }
.notion-body:not(.dark) .notion-board-view [style*='color: rgb(203, 148, 51)'], .notion-body:not(.dark) .notion-board-view [style*='color: rgb(203, 148, 51)'],
.notion-body.dark .notion-board-view [style*='color: rgb(137, 107, 42)'], .notion-body.dark .notion-board-view [style*='color: rgb(137, 107, 42)'],
@ -420,6 +480,21 @@
> [data-block-id] > [data-block-id]
> [rel='noopener noreferrer'] { > [rel='noopener noreferrer'] {
background: var(--theme--board_green-card) !important; background: var(--theme--board_green-card) !important;
color: var(--theme--board_green-card_text) !important;
}
.notion-body:not(.dark)
.notion-board-group[style*='background-color: rgba(244, 248, 243, 0.7)']
> [data-block-id]
> [rel='noopener noreferrer']
> .notion-focusable:hover {
background: rgba(255, 255, 255, 0.2) !important;
}
.notion-body.dark
.notion-board-group[style*='background-color: rgb(49, 57, 53)']
> [data-block-id]
> [rel='noopener noreferrer']
> .notion-focusable:hover {
background: rgba(0, 0, 0, 0.1) !important;
} }
.notion-body:not(.dark) .notion-board-view [style*='color: rgb(108, 155, 125)'], .notion-body:not(.dark) .notion-board-view [style*='color: rgb(108, 155, 125)'],
.notion-body.dark .notion-board-view [style*='color: rgb(61, 124, 86)'], .notion-body.dark .notion-board-view [style*='color: rgb(61, 124, 86)'],
@ -505,6 +580,21 @@
> [data-block-id] > [data-block-id]
> [rel='noopener noreferrer'] { > [rel='noopener noreferrer'] {
background: var(--theme--board_blue-card) !important; background: var(--theme--board_blue-card) !important;
color: var(--theme--board_blue-card_text) !important;
}
.notion-body:not(.dark)
.notion-board-group[style*='background-color: rgba(241, 248, 251, 0.7)']
> [data-block-id]
> [rel='noopener noreferrer']
> .notion-focusable:hover {
background: rgba(255, 255, 255, 0.2) !important;
}
.notion-body.dark
.notion-board-group[style*='background-color: rgb(49, 56, 64)']
> [data-block-id]
> [rel='noopener noreferrer']
> .notion-focusable:hover {
background: rgba(0, 0, 0, 0.1) !important;
} }
.notion-body:not(.dark) .notion-board-view [style*='color: rgb(91, 151, 189)'], .notion-body:not(.dark) .notion-board-view [style*='color: rgb(91, 151, 189)'],
.notion-body.dark .notion-board-view [style*='color: rgb(46, 117, 164)'], .notion-body.dark .notion-board-view [style*='color: rgb(46, 117, 164)'],
@ -551,8 +641,8 @@
.notion-body:not(.dark) .notion-body:not(.dark)
.notion-callout-block .notion-callout-block
> div > div
> [style*='background: rgba(249, 238, 243, 0.8)'], > [style*='background: rgba(244, 240, 247, 0.8)'],
.notion-body.dark .notion-callout-block > div > [style*='background: rgb(81, 56, 77)'] { .notion-body.dark .notion-callout-block > div > [style*='background: rgb(69, 58, 91)'] {
background: var(--theme--callout_purple) !important; background: var(--theme--callout_purple) !important;
color: var(--theme--callout_purple-text) !important; color: var(--theme--callout_purple-text) !important;
} }
@ -590,6 +680,21 @@
> [data-block-id] > [data-block-id]
> [rel='noopener noreferrer'] { > [rel='noopener noreferrer'] {
background: var(--theme--board_purple-card) !important; background: var(--theme--board_purple-card) !important;
color: var(--theme--board_purple-card_text) !important;
}
.notion-body:not(.dark)
.notion-board-group[style*='background-color: rgba(249, 246, 252, 0.7)']
> [data-block-id]
> [rel='noopener noreferrer']
> .notion-focusable:hover {
background: rgba(255, 255, 255, 0.2) !important;
}
.notion-body.dark
.notion-board-group[style*='background-color: rgb(57, 53, 65)']
> [data-block-id]
> [rel='noopener noreferrer']
> .notion-focusable:hover {
background: rgba(0, 0, 0, 0.1) !important;
} }
.notion-body:not(.dark) .notion-board-view [style*='color: rgb(167, 130, 195)'], .notion-body:not(.dark) .notion-board-view [style*='color: rgb(167, 130, 195)'],
.notion-body.dark .notion-board-view [style*='color: rgb(123, 96, 180)'], .notion-body.dark .notion-board-view [style*='color: rgb(123, 96, 180)'],
@ -675,6 +780,21 @@
> [data-block-id] > [data-block-id]
> [rel='noopener noreferrer'] { > [rel='noopener noreferrer'] {
background: var(--theme--board_pink-card) !important; background: var(--theme--board_pink-card) !important;
color: var(--theme--board_pink-card_text) !important;
}
.notion-body:not(.dark)
.notion-board-group[style*='background-color: rgba(251, 245, 251, 0.7)']
> [data-block-id]
> [rel='noopener noreferrer']
> .notion-focusable:hover {
background: rgba(255, 255, 255, 0.2) !important;
}
.notion-body.dark
.notion-board-group[style*='background-color: rgb(60, 53, 58)']
> [data-block-id]
> [rel='noopener noreferrer']
> .notion-focusable:hover {
background: rgba(0, 0, 0, 0.1) !important;
} }
.notion-body:not(.dark) .notion-board-view [style*='color: rgb(205, 116, 159)'], .notion-body:not(.dark) .notion-board-view [style*='color: rgb(205, 116, 159)'],
.notion-body.dark .notion-board-view [style*='color: rgb(169, 76, 157)'], .notion-body.dark .notion-board-view [style*='color: rgb(169, 76, 157)'],
@ -760,6 +880,21 @@
> [data-block-id] > [data-block-id]
> [rel='noopener noreferrer'] { > [rel='noopener noreferrer'] {
background: var(--theme--board_red-card) !important; background: var(--theme--board_red-card) !important;
color: var(--theme--board_red-card_text) !important;
}
.notion-body:not(.dark)
.notion-board-group[style*='background-color: rgba(253, 245, 243, 0.7)']
> [data-block-id]
> [rel='noopener noreferrer']
> .notion-focusable:hover {
background: rgba(255, 255, 255, 0.2) !important;
}
.notion-body.dark
.notion-board-group[style*='background-color: rgb(66, 51, 51)']
> [data-block-id]
> [rel='noopener noreferrer']
> .notion-focusable:hover {
background: rgba(0, 0, 0, 0.1) !important;
} }
.notion-body:not(.dark) .notion-board-view [style*='color: rgb(225, 111, 100)'], .notion-body:not(.dark) .notion-board-view [style*='color: rgb(225, 111, 100)'],
.notion-body.dark .notion-board-view [style*='color: rgb(194, 65, 82)'], .notion-body.dark .notion-board-view [style*='color: rgb(194, 65, 82)'],

6
repo/theming/theme.css
View File

@ -42,7 +42,11 @@ body,
.notion-peek-renderer > div[style*='background'], .notion-peek-renderer > div[style*='background'],
.notion-peek-renderer > div[style*='background'] > :first-child, .notion-peek-renderer > div[style*='background'] > :first-child,
.notion-peek-renderer > div[style*='background'] > :first-child > div > :nth-child(3), .notion-peek-renderer > div[style*='background'] > :first-child > div > :nth-child(3),
.notion-page-template-modal { .notion-page-template-modal,
.notion-update-sidebar-tab-updates-header,
.notion-update-sidebar-tab-updates-header + .notion-scroller,
.notion-update-sidebar-tab-comments-header,
.notion-update-sidebar-tab-comments-header + div {
background: var(--theme--bg) !important; background: var(--theme--bg) !important;
} }
.notion-timeline-item-row + div > div > div, .notion-timeline-item-row + div > div > div,

25
repo/theming/variables.css
View File

@ -99,13 +99,15 @@
--theme--callout_green-text: currentColor; --theme--callout_green-text: currentColor;
--theme--callout_blue: rgb(231, 243, 248); --theme--callout_blue: rgb(231, 243, 248);
--theme--callout_blue-text: currentColor; --theme--callout_blue-text: currentColor;
--theme--callout_purple: rgba(249, 238, 243, 0.8); --theme--callout_purple: rgba(244, 240, 247, 0.8);
--theme--callout_purple-text: currentColor; --theme--callout_purple-text: currentColor;
--theme--callout_pink: rgba(249, 238, 243, 0.8); --theme--callout_pink: rgba(249, 238, 243, 0.8);
--theme--callout_pink-text: currentColor; --theme--callout_pink-text: currentColor;
--theme--callout_red: rgb(253, 235, 236); --theme--callout_red: rgb(253, 235, 236);
--theme--callout_red-text: currentColor; --theme--callout_red-text: currentColor;
--theme--tag_default: rgba(206, 205, 202, 0.5);
--theme--tag_default-text: var(--theme--text);
--theme--tag_gray: rgb(227, 226, 224); --theme--tag_gray: rgb(227, 226, 224);
--theme--tag_gray-text: rgb(50, 48, 44); --theme--tag_gray-text: rgb(50, 48, 44);
--theme--tag_brown: rgb(238, 224, 218); --theme--tag_brown: rgb(238, 224, 218);
@ -127,30 +129,39 @@
--theme--board_gray: rgba(247, 247, 245, 0.7); --theme--board_gray: rgba(247, 247, 245, 0.7);
--theme--board_gray-card: white; --theme--board_gray-card: white;
--theme--board_gray-card_text: inherit;
--theme--board_gray-text: rgb(145, 145, 142); --theme--board_gray-text: rgb(145, 145, 142);
--theme--board_brown: rgba(250, 246, 245, 0.7); --theme--board_brown: rgba(250, 246, 245, 0.7);
--theme--board_brown-card: white; --theme--board_brown-card: white;
--theme--board_brown-card_text: inherit;
--theme--board_brown-text: rgb(187, 132, 108); --theme--board_brown-text: rgb(187, 132, 108);
--theme--board_orange: rgba(252, 245, 242, 0.7); --theme--board_orange: rgba(252, 245, 242, 0.7);
--theme--board_orange-card: white; --theme--board_orange-card: white;
--theme--board_orange-card_text: inherit;
--theme--board_orange-text: rgb(215, 129, 58); --theme--board_orange-text: rgb(215, 129, 58);
--theme--board_yellow: rgba(250, 247, 237, 0.7); --theme--board_yellow: rgba(250, 247, 237, 0.7);
--theme--board_yellow-card: white; --theme--board_yellow-card: white;
--theme--board_yellow-card_text: inherit;
--theme--board_yellow-text: rgb(203, 148, 51); --theme--board_yellow-text: rgb(203, 148, 51);
--theme--board_green: rgba(244, 248, 243, 0.7); --theme--board_green: rgba(244, 248, 243, 0.7);
--theme--board_green-card: white; --theme--board_green-card: white;
--theme--board_green-card_text: inherit;
--theme--board_green-text: rgb(108, 155, 125); --theme--board_green-text: rgb(108, 155, 125);
--theme--board_blue: rgba(241, 248, 251, 0.7); --theme--board_blue: rgba(241, 248, 251, 0.7);
--theme--board_blue-card: white; --theme--board_blue-card: white;
--theme--board_blue-card_text: inherit;
--theme--board_blue-text: rgb(91, 151, 189); --theme--board_blue-text: rgb(91, 151, 189);
--theme--board_purple: rgba(249, 246, 252, 0.7); --theme--board_purple: rgba(249, 246, 252, 0.7);
--theme--board_purple-card: white; --theme--board_purple-card: white;
--theme--board_purple-card_text: inherit;
--theme--board_purple-text: rgb(167, 130, 195); --theme--board_purple-text: rgb(167, 130, 195);
--theme--board_pink: rgba(251, 245, 251, 0.7); --theme--board_pink: rgba(251, 245, 251, 0.7);
--theme--board_pink-card: white; --theme--board_pink-card: white;
--theme--board_pink-card_text: inherit;
--theme--board_pink-text: rgb(205, 116, 159); --theme--board_pink-text: rgb(205, 116, 159);
--theme--board_red: rgba(253, 245, 243, 0.7); --theme--board_red: rgba(253, 245, 243, 0.7);
--theme--board_red-card: white; --theme--board_red-card: white;
--theme--board_red-card_text: inherit;
--theme--board_red-text: rgb(225, 111, 100); --theme--board_red-text: rgb(225, 111, 100);
--theme--code_inline: rgba(135, 131, 120, 0.15); --theme--code_inline: rgba(135, 131, 120, 0.15);
@ -267,13 +278,15 @@
--theme--callout_green-text: currentColor; --theme--callout_green-text: currentColor;
--theme--callout_blue: rgb(45, 66, 86); --theme--callout_blue: rgb(45, 66, 86);
--theme--callout_blue-text: currentColor; --theme--callout_blue-text: currentColor;
--theme--callout_purple: rgb(81, 56, 77); --theme--callout_purple: rgb(69, 58, 91);
--theme--callout_purple-text: currentColor; --theme--callout_purple-text: currentColor;
--theme--callout_pink: rgb(81, 56, 77); --theme--callout_pink: rgb(81, 56, 77);
--theme--callout_pink-text: currentColor; --theme--callout_pink-text: currentColor;
--theme--callout_red: rgb(94, 52, 54); --theme--callout_red: rgb(94, 52, 54);
--theme--callout_red-text: currentColor; --theme--callout_red-text: currentColor;
--theme--tag_default: rgba(206, 205, 202, 0.5);
--theme--tag_default-text: var(--theme--text);
--theme--tag_gray: rgb(71, 76, 80); --theme--tag_gray: rgb(71, 76, 80);
--theme--tag_gray-text: rgba(255, 255, 255, 0.88); --theme--tag_gray-text: rgba(255, 255, 255, 0.88);
--theme--tag_brown: rgb(92, 71, 61); --theme--tag_brown: rgb(92, 71, 61);
@ -295,30 +308,38 @@
--theme--board_gray: rgb(51, 55, 59); --theme--board_gray: rgb(51, 55, 59);
--theme--board_gray-card: rgb(60, 65, 68); --theme--board_gray-card: rgb(60, 65, 68);
--theme--board_gray-card_text: inherit;
--theme--board_gray-text: rgb(107, 112, 116); --theme--board_gray-text: rgb(107, 112, 116);
--theme--board_brown: rgb(59, 54, 51); --theme--board_brown: rgb(59, 54, 51);
--theme--board_brown-card: rgb(76, 61, 53); --theme--board_brown-card: rgb(76, 61, 53);
--theme--board_brown-card_text: inherit;
--theme--board_brown-text: rgb(155, 98, 69); --theme--board_brown-text: rgb(155, 98, 69);
--theme--board_orange: rgb(61, 54, 49); --theme--board_orange: rgb(61, 54, 49);
--theme--board_orange-card: rgb(85, 59, 41); --theme--board_orange-card: rgb(85, 59, 41);
--theme--board_orange-text: rgb(168, 92, 30); --theme--board_orange-text: rgb(168, 92, 30);
--theme--board_yellow: rgb(56, 55, 49); --theme--board_yellow: rgb(56, 55, 49);
--theme--board_yellow-card: rgb(79, 64, 41); --theme--board_yellow-card: rgb(79, 64, 41);
--theme--board_yellow-card_text: inherit;
--theme--board_yellow-text: rgb(137, 107, 42); --theme--board_yellow-text: rgb(137, 107, 42);
--theme--board_green: rgb(49, 57, 53); --theme--board_green: rgb(49, 57, 53);
--theme--board_green-card: rgb(46, 68, 58); --theme--board_green-card: rgb(46, 68, 58);
--theme--board_green-card_text: inherit;
--theme--board_green-text: rgb(61, 124, 86); --theme--board_green-text: rgb(61, 124, 86);
--theme--board_blue: rgb(49, 56, 64); --theme--board_blue: rgb(49, 56, 64);
--theme--board_blue-card: rgb(45, 66, 86); --theme--board_blue-card: rgb(45, 66, 86);
--theme--board_blue-card_text: inherit;
--theme--board_blue-text: rgb(46, 117, 164); --theme--board_blue-text: rgb(46, 117, 164);
--theme--board_purple: rgb(57, 53, 65); --theme--board_purple: rgb(57, 53, 65);
--theme--board_purple-card: rgb(69, 58, 91); --theme--board_purple-card: rgb(69, 58, 91);
--theme--board_purple-card_text: inherit;
--theme--board_purple-text: rgb(123, 96, 180); --theme--board_purple-text: rgb(123, 96, 180);
--theme--board_pink: rgb(60, 53, 58); --theme--board_pink: rgb(60, 53, 58);
--theme--board_pink-card: rgb(81, 56, 77); --theme--board_pink-card: rgb(81, 56, 77);
--theme--board_pink-card_text: inherit;
--theme--board_pink-text: rgb(169, 76, 157); --theme--board_pink-text: rgb(169, 76, 157);
--theme--board_red: rgb(66, 51, 51); --theme--board_red: rgb(66, 51, 51);
--theme--board_red-card: rgb(94, 52, 54); --theme--board_red-card: rgb(94, 52, 54);
--theme--board_red-card_text: inherit;
--theme--board_red-text: rgb(194, 65, 82); --theme--board_red-text: rgb(194, 65, 82);
--theme--code_inline: rgba(135, 131, 120, 0.15); --theme--code_inline: rgba(135, 131, 120, 0.15);