diff --git a/repo/cherry-cola/variables.css b/repo/cherry-cola/variables.css
index 76f64ab..7ac2007 100644
--- a/repo/cherry-cola/variables.css
+++ b/repo/cherry-cola/variables.css
@@ -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);
diff --git a/repo/dark+/variables.css b/repo/dark+/variables.css
index e59c81b..bf0ef49 100644
--- a/repo/dark+/variables.css
+++ b/repo/dark+/variables.css
@@ -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);
diff --git a/repo/dracula/variables.css b/repo/dracula/variables.css
index bd8686f..3f20840 100644
--- a/repo/dracula/variables.css
+++ b/repo/dracula/variables.css
@@ -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);
diff --git a/repo/gruvbox-dark/variables.css b/repo/gruvbox-dark/variables.css
index b2afac5..2434d00 100644
--- a/repo/gruvbox-dark/variables.css
+++ b/repo/gruvbox-dark/variables.css
@@ -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);
diff --git a/repo/gruvbox-light/variables.css b/repo/gruvbox-light/variables.css
index 4da41c1..01e2cc2 100644
--- a/repo/gruvbox-light/variables.css
+++ b/repo/gruvbox-light/variables.css
@@ -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);
diff --git a/repo/light+/variables.css b/repo/light+/variables.css
index bf4281b..aece0b7 100644
--- a/repo/light+/variables.css
+++ b/repo/light+/variables.css
@@ -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;
diff --git a/repo/material-ocean/variables.css b/repo/material-ocean/variables.css
index 13218db..0baa5f7 100644
--- a/repo/material-ocean/variables.css
+++ b/repo/material-ocean/variables.css
@@ -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;
diff --git a/repo/menu/styles.mjs b/repo/menu/styles.mjs
index df38c8e..21c452d 100644
--- a/repo/menu/styles.mjs
+++ b/repo/menu/styles.mjs
@@ -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)`,
diff --git a/repo/neutral/variables.css b/repo/neutral/variables.css
index 1ab1de8..6bf7c4d 100644
--- a/repo/neutral/variables.css
+++ b/repo/neutral/variables.css
@@ -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);
diff --git a/repo/nord/variables.css b/repo/nord/variables.css
index bc40718..3c4c1af 100644
--- a/repo/nord/variables.css
+++ b/repo/nord/variables.css
@@ -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);
diff --git a/repo/pastel-dark/variables.css b/repo/pastel-dark/variables.css
index bc77ff6..a9a6255 100644
--- a/repo/pastel-dark/variables.css
+++ b/repo/pastel-dark/variables.css
@@ -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;
diff --git a/repo/pinky-boom/variables.css b/repo/pinky-boom/variables.css
index f82c9ce..cc5c52c 100644
--- a/repo/pinky-boom/variables.css
+++ b/repo/pinky-boom/variables.css
@@ -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);
diff --git a/repo/playful-purple/variables.css b/repo/playful-purple/variables.css
index 07568ed..b47d981 100644
--- a/repo/playful-purple/variables.css
+++ b/repo/playful-purple/variables.css
@@ -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;
diff --git a/repo/theming/mod.json b/repo/theming/mod.json
index 27b6db1..be376a6 100644
--- a/repo/theming/mod.json
+++ b/repo/theming/mod.json
@@ -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": {
diff --git a/repo/theming/theme-colors.css b/repo/theming/theme-colors.css
new file mode 100644
index 0000000..8a8b26d
--- /dev/null
+++ b/repo/theming/theme-colors.css
@@ -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 */
diff --git a/repo/theming/theme.css b/repo/theming/theme.css
index aade6ea..22337bd 100644
--- a/repo/theming/theme.css
+++ b/repo/theming/theme.css
@@ -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) {
diff --git a/repo/theming/variables.css b/repo/theming/variables.css
index af17786..1460d7f 100644
--- a/repo/theming/variables.css
+++ b/repo/theming/variables.css
@@ -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;