diff --git a/repo/core/css/theme.css b/repo/core/css/theme.css
index 428388b..7b8976e 100644
--- a/repo/core/css/theme.css
+++ b/repo/core/css/theme.css
@@ -10,10 +10,8 @@
 /** app **/
 
 .notion-body.dark [style*='background: rgb(55, 60, 63)'],
-.notion-body.dark [style*='background: rgba(69, 75, 78, 0.3)'],
 .notion-body.dark [style*='background: rgb(120, 123, 123)'],
 .notion-body:not(.dark) [style*='background: rgb(247, 246, 243)'],
-.notion-body:not(.dark) [style*='background: rgba(235, 236, 237, 0.3)'],
 .notion-body:not(.dark) [style*='background: rgb(223, 223, 222)'] {
   background: var(--theme--sidebar) !important;
 }
@@ -428,16 +426,22 @@
 .notion-body.dark [style*='background: rgba(151, 154, 155, 0.5)'],
 .notion-body:not(.dark) [style*='background: rgba(140, 46, 0, 0.2)'] {
   background: var(--theme--select_gray) !important;
-  color: var(--theme--select_text) !important;
+  color: var(--theme--select_gray-text) !important;
 }
 .notion-body.dark [style*='background:rgb(69,75,78)'],
 .notion-body:not(.dark) [style*='background:rgb(235,236,237)'] {
   background: var(--theme--bg_gray) !important;
+  color: var(--theme--bg_gray-text) !important;
 }
 .notion-body.dark [style*='background: rgb(69, 75, 78)'],
 .notion-body:not(.dark) [style*='background: rgb(235, 236, 237)'] {
-  color: var(--theme--line_text) !important;
   background: var(--theme--line_gray) !important;
+  color: var(--theme--line_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
@@ -445,22 +449,28 @@
 .notion-body:not(.dark) [style*='color:rgb(100,71,58)'],
 .notion-body:not(.dark)
   [style*='color: rgb(100, 71, 58); fill: rgb(100, 71, 58);'] {
-  color: var(--theme--text_brown) !important;
   fill: var(--theme--text_brown) !important;
+  color: var(--theme--text_brown-text) !important;
 }
 .notion-body.dark [style*='background: rgba(147, 114, 100, 0.5)'],
 .notion-body:not(.dark) [style*='background: rgba(140, 46, 0, 0.2)'] {
   background: var(--theme--select_brown) !important;
-  color: var(--theme--select_text) !important;
+  color: var(--theme--select_brown-text) !important;
 }
 .notion-body.dark [style*='background:rgb(67,64,64)'],
 .notion-body:not(.dark) [style*='background:rgb(233,229,227)'] {
   background: var(--theme--bg_brown) !important;
+  color: var(--theme--bg_brown-text) !important;
 }
 .notion-body.dark [style*='background: rgb(67, 64, 64)'],
 .notion-body:not(.dark) [style*='background: rgb(233, 229, 227)'] {
-  color: var(--theme--line_text) !important;
   background: var(--theme--line_brown) !important;
+  color: var(--theme--line_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); fill: rgb(255, 163, 68);'],
@@ -473,16 +483,22 @@
 .notion-body.dark [style*='background: rgba(255, 163, 68, 0.5)'],
 .notion-body:not(.dark) [style*='background: rgba(245, 93, 0, 0.2)'] {
   background: var(--theme--select_orange) !important;
-  color: var(--theme--select_text) !important;
+  color: var(--theme--select_orange-text) !important;
 }
 .notion-body.dark [style*='background:rgb(89,74,58)'],
 .notion-body:not(.dark) [style*='background:rgb(250,235,221)'] {
   background: var(--theme--bg_orange) !important;
+  color: var(--theme--bg_orange-text) !important;
 }
 .notion-body.dark [style*='background: rgb(89, 74, 58)'],
 .notion-body:not(.dark) [style*='background: rgb(250, 235, 221)'] {
-  color: var(--theme--line_text) !important;
   background: var(--theme--line_orange) !important;
+  color: var(--theme--line_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*='color: rgb(255, 220, 73); fill: rgb(255, 220, 73);'],
@@ -495,16 +511,22 @@
 .notion-body.dark [style*='background: rgba(255, 220, 73, 0.5)'],
 .notion-body:not(.dark) [style*='background: rgba(233, 168, 0, 0.2)'] {
   background: var(--theme--select_yellow) !important;
-  color: var(--theme--select_text) !important;
+  color: var(--theme--select_yellow-text) !important;
 }
 .notion-body.dark [style*='background:rgb(89,86,59)'],
 .notion-body:not(.dark) [style*='background:rgb(251,243,219)'] {
   background: var(--theme--bg_yellow) !important;
+  color: var(--theme--bg_yellow-text) !important;
 }
 .notion-body.dark [style*='background: rgb(89, 86, 59)'],
 .notion-body:not(.dark) [style*='background: rgb(251, 243, 219)'] {
-  color: var(--theme--line_text) !important;
   background: var(--theme--line_yellow) !important;
+  color: var(--theme--line_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); fill: rgb(77, 171, 154);'],
@@ -517,16 +539,22 @@
 .notion-body.dark [style*='background: rgba(77, 171, 154, 0.5)'],
 .notion-body:not(.dark) [style*='background: rgba(0, 135, 107, 0.2)'] {
   background: var(--theme--select_green) !important;
-  color: var(--theme--select_text) !important;
+  color: var(--theme--select_green-text) !important;
 }
 .notion-body.dark [style*='background:rgb(53,76,75)'],
 .notion-body:not(.dark) [style*='background:rgb(221,237,234)'] {
   background: var(--theme--bg_green) !important;
+  color: var(--theme--bg_green-text) !important;
 }
 .notion-body.dark [style*='background: rgb(53, 76, 75)'],
 .notion-body:not(.dark) [style*='background: rgb(221, 237, 234)'] {
-  color: var(--theme--line_text) !important;
   background: var(--theme--line_green) !important;
+  color: var(--theme--line_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); fill: rgb(82, 156, 202);'],
@@ -539,16 +567,22 @@
 .notion-body.dark [style*='background: rgba(82, 156, 202, 0.5)'],
 .notion-body:not(.dark) [style*='background: rgba(0, 120, 223, 0.2)'] {
   background: var(--theme--select_blue) !important;
-  color: var(--theme--select_text) !important;
+  color: var(--theme--select_blue-text) !important;
 }
 .notion-body.dark [style*='background:rgb(54,73,84)'],
 .notion-body:not(.dark) [style*='background:rgb(221,235,241)'] {
   background: var(--theme--bg_blue) !important;
+  color: var(--theme--bg_blue-text) !important;
 }
 .notion-body.dark [style*='background: rgb(54, 73, 84)'],
 .notion-body:not(.dark) [style*='background: rgb(221, 235, 241)'] {
-  color: var(--theme--line_text) !important;
   background: var(--theme--line_blue) !important;
+  color: var(--theme--line_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
@@ -562,16 +596,22 @@
 .notion-body.dark [style*='background: rgba(154, 109, 215, 0.5)'],
 .notion-body:not(.dark) [style*='background: rgba(103, 36, 222, 0.2)'] {
   background: var(--theme--select_purple) !important;
-  color: var(--theme--select_text) !important;
+  color: var(--theme--select_purple-text) !important;
 }
 .notion-body.dark [style*='background:rgb(68,63,87)'],
 .notion-body:not(.dark) [style*='background:rgb(234,228,242)'] {
   background: var(--theme--bg_purple) !important;
+  color: var(--theme--bg_purple-text) !important;
 }
 .notion-body.dark [style*='background: rgb(68, 63, 87)'],
 .notion-body:not(.dark) [style*='background: rgb(234, 228, 242)'] {
-  color: var(--theme--line_text) !important;
   background: var(--theme--line_purple) !important;
+  color: var(--theme--line_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); fill: rgb(226, 85, 161);'],
@@ -584,16 +624,22 @@
 .notion-body.dark [style*='background: rgba(226, 85, 161, 0.5)'],
 .notion-body:not(.dark) [style*='background: rgba(221, 0, 129, 0.2)'] {
   background: var(--theme--select_pink) !important;
-  color: var(--theme--select_text) !important;
+  color: var(--theme--select_pink-text) !important;
 }
 .notion-body.dark [style*='background:rgb(83,59,76)'],
 .notion-body:not(.dark) [style*='background:rgb(244,223,235)'] {
   background: var(--theme--bg_pink) !important;
+  color: var(--theme--bg_pink-text) !important;
 }
 .notion-body.dark [style*='background: rgb(83, 59, 76)'],
 .notion-body:not(.dark) [style*='background: rgb(244, 223, 235)'] {
-  color: var(--theme--line_text) !important;
   background: var(--theme--line_pink) !important;
+  color: var(--theme--line_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
@@ -607,22 +653,27 @@
 .notion-body.dark [style*='background: rgba(255, 115, 105, 0.5);'],
 .notion-body:not(.dark) [style*='background: rgba(255, 0, 26, 0.2)'] {
   background: var(--theme--select_red) !important;
-  color: var(--theme--select_text) !important;
+  color: var(--theme--select_red-text) !important;
 }
 .notion-body.dark [style*='background:rgb(89,65,65)'],
 .notion-body:not(.dark) [style*='background:rgb(251,228,228)'] {
   background: var(--theme--bg_red) !important;
+  color: var(--theme--bg_red-text) !important;
 }
 .notion-body.dark [style*='background: rgb(89, 65, 65)'],
 .notion-body:not(.dark) [style*='background: rgb(251, 228, 228)'] {
-  color: var(--theme--line_text) !important;
   background: var(--theme--line_red) !important;
+  color: var(--theme--line_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;
 }
 
 /* fix highlight padding: this isn't a typo */
 [style*='background:rgb('] {
   padding-bottom: 3px !important;
-  color: var(--theme--bg_text) !important;
 }
 
 /** code **/
@@ -636,7 +687,7 @@
   background: var(--theme--code-background) !important;
 }
 .notion-code-block > div {
-  color: var(--theme--code_text) !important;
+  color: var(--theme--code-text) !important;
 }
 .notion-code-block .token.function {
   color: var(--theme--code_function) !important;
diff --git a/repo/core/css/variables.css b/repo/core/css/variables.css
index f68ad02..1fe78f9 100644
--- a/repo/core/css/variables.css
+++ b/repo/core/css/variables.css
@@ -81,43 +81,90 @@
   --theme_dark--text_pink: rgb(226, 85, 161);
   --theme_dark--text_red: rgb(255, 115, 105);
 
-  --theme_dark--select_text: var(--theme_dark--text);
+  --theme_dark--select-text: var(--theme_dark--text);
   --theme_dark--select_gray: rgba(151, 154, 155, 0.5);
+  --theme_dark--select_gray-text: var(--theme_dark--select-text);
   --theme_dark--select_brown: rgba(147, 114, 100, 0.5);
+  --theme_dark--select_brown-text: var(--theme_dark--select-text);
   --theme_dark--select_orange: rgba(255, 163, 68, 0.5);
+  --theme_dark--select_orange-text: var(--theme_dark--select-text);
   --theme_dark--select_yellow: rgba(255, 220, 73, 0.5);
+  --theme_dark--select_yellow-text: var(--theme_dark--select-text);
   --theme_dark--select_green: rgba(77, 171, 154, 0.5);
+  --theme_dark--select_green-text: var(--theme_dark--select-text);
   --theme_dark--select_blue: rgba(82, 156, 202, 0.5);
+  --theme_dark--select_blue-text: var(--theme_dark--select-text);
   --theme_dark--select_purple: rgba(154, 109, 215, 0.5);
+  --theme_dark--select_purple-text: var(--theme_dark--select-text);
   --theme_dark--select_pink: rgba(226, 85, 161, 0.5);
+  --theme_dark--select_pink-text: var(--theme_dark--select-text);
   --theme_dark--select_red: rgba(255, 115, 105, 0.5);
+  --theme_dark--select_red-text: var(--theme_dark--select-text);
 
-  --theme_dark--bg_text: var(--theme_dark--text);
+  --theme_dark--bg-text: var(--theme_dark--text);
   --theme_dark--bg_gray: rgb(69, 75, 78);
+  --theme_dark--bg_gray-text: var(--theme_dark--bg-text);
   --theme_dark--bg_brown: rgb(67, 64, 64);
+  --theme_dark--bg_brown-text: var(--theme_dark--bg-text);
   --theme_dark--bg_orange: rgb(89, 74, 58);
+  --theme_dark--bg_orange-text: var(--theme_dark--bg-text);
   --theme_dark--bg_yellow: rgb(89, 86, 59);
+  --theme_dark--bg_yellow-text: var(--theme_dark--bg-text);
   --theme_dark--bg_green: rgb(53, 76, 75);
+  --theme_dark--bg_green-text: var(--theme_dark--bg-text);
   --theme_dark--bg_blue: rgb(54, 73, 84);
+  --theme_dark--bg_blue-text: var(--theme_dark--bg-text);
   --theme_dark--bg_purple: rgb(68, 63, 87);
+  --theme_dark--bg_purple-text: var(--theme_dark--bg-text);
   --theme_dark--bg_pink: rgb(83, 59, 76);
+  --theme_dark--bg_pink-text: var(--theme_dark--bg-text);
   --theme_dark--bg_red: rgb(89, 65, 65);
+  --theme_dark--bg_red-text: var(--theme_dark--bg-text);
 
-  --theme_dark--line_text: var(--theme_dark--text);
+  --theme_dark--line-text: var(--theme_dark--text);
   --theme_dark--line_gray: rgb(69, 75, 78);
+  --theme_dark--line_gray-text: var(--theme_dark--line-text);
   --theme_dark--line_brown: rgb(67, 64, 64);
+  --theme_dark--line_brown-text: var(--theme_dark--line-text);
   --theme_dark--line_orange: rgb(89, 74, 58);
+  --theme_dark--line_orange-text: var(--theme_dark--line-text);
   --theme_dark--line_yellow: rgb(89, 86, 59);
+  --theme_dark--line_yellow-text: var(--theme_dark--line-text);
   --theme_dark--line_green: rgb(53, 76, 75);
+  --theme_dark--line_green-text: var(--theme_dark--line-text);
   --theme_dark--line_blue: rgb(54, 73, 84);
+  --theme_dark--line_blue-text: var(--theme_dark--line-text);
   --theme_dark--line_purple: rgb(68, 63, 87);
+  --theme_dark--line_purple-text: var(--theme_dark--line-text);
   --theme_dark--line_pink: rgb(83, 59, 76);
+  --theme_dark--line_pink-text: var(--theme_dark--line-text);
   --theme_dark--line_red: rgb(89, 65, 65);
+  --theme_dark--line_red-text: var(--theme_dark--line-text);
+
+  --theme_dark--callout-text: var(--theme_dark--text);
+  --theme_dark--callout_gray: rgba(69, 75, 78, 0.3);
+  --theme_dark--callout_gray-text: var(--theme_dark--callout-text);
+  --theme_dark--callout_brown: rgba(67, 64, 64, 0.3);
+  --theme_dark--callout_brown-text: var(--theme_dark--callout-text);
+  --theme_dark--callout_orange: rgba(89, 74, 58, 0.3);
+  --theme_dark--callout_orange-text: var(--theme_dark--callout-text);
+  --theme_dark--callout_yellow: rgba(89, 86, 59, 0.3);
+  --theme_dark--callout_yellow-text: var(--theme_dark--callout-text);
+  --theme_dark--callout_green: rgba(53, 76, 75, 0.3);
+  --theme_dark--callout_green-text: var(--theme_dark--callout-text);
+  --theme_dark--callout_blue: rgba(54, 73, 84, 0.3);
+  --theme_dark--callout_blue-text: var(--theme_dark--callout-text);
+  --theme_dark--callout_purple: rgba(68, 63, 87, 0.3);
+  --theme_dark--callout_purple-text: var(--theme_dark--callout-text);
+  --theme_dark--callout_pink: rgba(83, 59, 76, 0.3);
+  --theme_dark--callout_pink-text: var(--theme_dark--callout-text);
+  --theme_dark--callout_red: rgba(89, 65, 65, 0.3);
+  --theme_dark--callout_red-text: var(--theme_dark--callout-text);
 
   --theme_dark--code_inline-text: #eb5757;
   --theme_dark--code_inline-background: rgba(135, 131, 120, 0.15);
-  --theme_dark--code_text: var(--theme_dark--text);
-  --theme_dark--code-background: rgb(63, 68, 71);
+  --theme_dark--code-text: var(--theme_dark--text);
+  --theme_dark--code-background: var(--theme_dark--card);
   --theme_dark--code_function: rgba(255, 255, 255, 0.9);
   --theme_dark--code_keyword: hsl(350, 40%, 70%);
   --theme_dark--code_tag: hsl(350, 40%, 70%);
@@ -206,43 +253,90 @@
   --theme_light--text_pink: rgb(173, 26, 114);
   --theme_light--text_red: rgb(224, 62, 62);
 
-  --theme_light--select_text: var(--theme_light--text);
+  --theme_light--select-text: var(--theme_light--text);
   --theme_light--select_gray: rgba(140, 46, 0, 0.2);
+  --theme_light--select_gray-text: var(--theme_light--select-text);
   --theme_light--select_brown: rgba(140, 46, 0, 0.2);
+  --theme_light--select_brown-text: var(--theme_light--select-text);
   --theme_light--select_orange: rgba(245, 93, 0, 0.2);
+  --theme_light--select_orange-text: var(--theme_light--select-text);
   --theme_light--select_yellow: rgba(233, 168, 0, 0.2);
+  --theme_light--select_yellow-text: var(--theme_light--select-text);
   --theme_light--select_green: rgba(0, 135, 107, 0.2);
+  --theme_light--select_green-text: var(--theme_light--select-text);
   --theme_light--select_blue: rgba(0, 120, 223, 0.2);
+  --theme_light--select_blue-text: var(--theme_light--select-text);
   --theme_light--select_purple: rgba(103, 36, 222, 0.2);
+  --theme_light--select_purple-text: var(--theme_light--select-text);
   --theme_light--select_pink: rgba(221, 0, 129, 0.2);
+  --theme_light--select_pink-text: var(--theme_light--select-text);
   --theme_light--select_red: rgba(255, 0, 26, 0.2);
+  --theme_light--select_red-text: var(--theme_light--select-text);
 
-  --theme_light--bg_text: var(--theme_light--text);
+  --theme_light--bg-text: var(--theme_light--text);
   --theme_light--bg_gray: rgb(235, 236, 237);
+  --theme_light--bg_gray-text: var(--theme_light--bg-text);
   --theme_light--bg_brown: rgb(233, 229, 227);
+  --theme_light--bg_brown-text: var(--theme_light--bg-text);
   --theme_light--bg_orange: rgb(250, 235, 221);
+  --theme_light--bg_orange-text: var(--theme_light--bg-text);
   --theme_light--bg_yellow: rgb(251, 243, 219);
+  --theme_light--bg_yellow-text: var(--theme_light--bg-text);
   --theme_light--bg_green: rgb(221, 237, 234);
+  --theme_light--bg_green-text: var(--theme_light--bg-text);
   --theme_light--bg_blue: rgb(221, 235, 241);
+  --theme_light--bg_blue-text: var(--theme_light--bg-text);
   --theme_light--bg_purple: rgb(234, 228, 242);
+  --theme_light--bg_purple-text: var(--theme_light--bg-text);
   --theme_light--bg_pink: rgb(244, 223, 235);
+  --theme_light--bg_pink-text: var(--theme_light--bg-text);
   --theme_light--bg_red: rgb(251, 228, 228);
+  --theme_light--bg_red-text: var(--theme_light--bg-text);
 
-  --theme_light--line_text: var(--theme_light--text);
+  --theme_light--line-text: var(--theme_light--text);
   --theme_light--line_gray: rgb(235, 236, 237);
+  --theme_light--line_gray-text: var(--theme_light--line-text);
   --theme_light--line_brown: rgb(233, 229, 227);
+  --theme_light--line_brown-text: var(--theme_light--line-text);
   --theme_light--line_orange: rgb(250, 235, 221);
+  --theme_light--line_orange-text: var(--theme_light--line-text);
   --theme_light--line_yellow: rgb(251, 243, 219);
+  --theme_light--line_yellow-text: var(--theme_light--line-text);
   --theme_light--line_green: rgb(221, 237, 234);
+  --theme_light--line_green-text: var(--theme_light--line-text);
   --theme_light--line_blue: rgb(221, 235, 241);
+  --theme_light--line_blue-text: var(--theme_light--line-text);
   --theme_light--line_purple: rgb(234, 228, 242);
+  --theme_light--line_purple-text: var(--theme_light--line-text);
   --theme_light--line_pink: rgb(244, 223, 235);
+  --theme_light--line_pink-text: var(--theme_light--line-text);
   --theme_light--line_red: rgb(251, 228, 228);
+  --theme_light--line_red-text: var(--theme_light--line-text);
+
+  --theme_light--callout-text: var(--theme_light--text);
+  --theme_light--callout_gray: rgba(235, 236, 237, 0.3);
+  --theme_light--callout_gray-text: var(--theme_light--callout-text);
+  --theme_light--callout_brown: rgba(233, 229, 227, 0.3);
+  --theme_light--callout_brown-text: var(--theme_light--callout-text);
+  --theme_light--callout_orange: rgba(250, 235, 221, 0.3);
+  --theme_light--callout_orange-text: var(--theme_light--callout-text);
+  --theme_light--callout_yellow: rgba(251, 243, 219, 0.3);
+  --theme_light--callout_yellow-text: var(--theme_light--callout-text);
+  --theme_light--callout_green: rgba(221, 237, 234, 0.3);
+  --theme_light--callout_green-text: var(--theme_light--callout-text);
+  --theme_light--callout_blue: rgba(221, 235, 241, 0.3);
+  --theme_light--callout_blue-text: var(--theme_light--callout-text);
+  --theme_light--callout_purple: rgba(234, 228, 242, 0.3);
+  --theme_light--callout_purple-text: var(--theme_light--callout-text);
+  --theme_light--callout_pink: rgba(244, 223, 235, 0.3);
+  --theme_light--callout_pink-text: var(--theme_light--callout-text);
+  --theme_light--callout_red: rgba(251, 228, 228, 0.3);
+  --theme_light--callout_red-text: var(--theme_light--callout-text);
 
   --theme_light--code_inline-text: #eb5757;
   --theme_light--code_inline-background: rgba(135, 131, 120, 0.15);
-  --theme_light--code_text: var(--theme_light--text);
-  --theme_light--code-background: rgb(247, 246, 243);
+  --theme_light--code-text: var(--theme_light--text);
+  --theme_light--code-background: var(--theme_light--card);
   --theme_light--code_function: #dd4a68;
   --theme_light--code_keyword: #07a;
   --theme_light--code_tag: #905;
@@ -320,39 +414,85 @@
   --theme--text_purple: var(--theme_dark--text_purple);
   --theme--text_pink: var(--theme_dark--text_pink);
   --theme--text_red: var(--theme_dark--text_red);
-  --theme--select_text: var(--theme_dark--select_text);
+  --theme--select-text: var(--theme_dark--select-text);
   --theme--select_gray: var(--theme_dark--select_gray);
+  --theme--select_gray-text: var(--theme_dark--select_gray-text);
   --theme--select_brown: var(--theme_dark--select_brown);
+  --theme--select_brown-text: var(--theme_dark--select_brown-text);
   --theme--select_orange: var(--theme_dark--select_orange);
+  --theme--select_orange-text: var(--theme_dark--select_orange-text);
   --theme--select_yellow: var(--theme_dark--select_yellow);
+  --theme--select_yellow-text: var(--theme_dark--select_yellow-text);
   --theme--select_green: var(--theme_dark--select_green);
+  --theme--select_green-text: var(--theme_dark--select_green-text);
   --theme--select_blue: var(--theme_dark--select_blue);
+  --theme--select_blue-text: var(--theme_dark--select_blue-text);
   --theme--select_purple: var(--theme_dark--select_purple);
+  --theme--select_purple-text: var(--theme_dark--select_purple-text);
   --theme--select_pink: var(--theme_dark--select_pink);
+  --theme--select_pink-text: var(--theme_dark--select_pink-text);
   --theme--select_red: var(--theme_dark--select_red);
-  --theme--bg_text: var(--theme_dark--bg_text);
+  --theme--select_red-text: var(--theme_dark--select_red-text);
+  --theme--bg-text: var(--theme_dark--bg-text);
   --theme--bg_gray: var(--theme_dark--bg_gray);
+  --theme--bg_gray-text: var(--theme_dark--bg_gray-text);
   --theme--bg_brown: var(--theme_dark--bg_brown);
+  --theme--bg_brown-text: var(--theme_dark--bg_brown-text);
   --theme--bg_orange: var(--theme_dark--bg_orange);
+  --theme--bg_orange-text: var(--theme_dark--bg_orange-text);
   --theme--bg_yellow: var(--theme_dark--bg_yellow);
+  --theme--bg_yellow-text: var(--theme_dark--bg_yellow-text);
   --theme--bg_green: var(--theme_dark--bg_green);
+  --theme--bg_green-text: var(--theme_dark--bg_green-text);
   --theme--bg_blue: var(--theme_dark--bg_blue);
+  --theme--bg_blue-text: var(--theme_dark--bg_blue-text);
   --theme--bg_purple: var(--theme_dark--bg_purple);
+  --theme--bg_purple-text: var(--theme_dark--bg_purple-text);
   --theme--bg_pink: var(--theme_dark--bg_pink);
+  --theme--bg_pink-text: var(--theme_dark--bg_pink-text);
   --theme--bg_red: var(--theme_dark--bg_red);
-  --theme--line_text: var(--theme_dark--line_text);
+  --theme--bg_red-text: var(--theme_dark--bg_red-text);
+  --theme--line-text: var(--theme_dark--line-text);
   --theme--line_gray: var(--theme_dark--line_gray);
+  --theme--line_gray-text: var(--theme_dark--line_gray-text);
   --theme--line_brown: var(--theme_dark--line_brown);
+  --theme--line_brown-text: var(--theme_dark--line_brown-text);
   --theme--line_orange: var(--theme_dark--line_orange);
+  --theme--line_orange-text: var(--theme_dark--line_orange-text);
   --theme--line_yellow: var(--theme_dark--line_yellow);
+  --theme--line_yellow-text: var(--theme_dark--line_yellow-text);
   --theme--line_green: var(--theme_dark--line_green);
+  --theme--line_green-text: var(--theme_dark--line_green-text);
   --theme--line_blue: var(--theme_dark--line_blue);
+  --theme--line_blue-text: var(--theme_dark--line_blue-text);
   --theme--line_purple: var(--theme_dark--line_purple);
+  --theme--line_purple-text: var(--theme_dark--line_purple-text);
   --theme--line_pink: var(--theme_dark--line_pink);
+  --theme--line_pink-text: var(--theme_dark--line_pink-text);
   --theme--line_red: var(--theme_dark--line_red);
+  --theme--line_red-text: var(--theme_dark--line_red-text);
+  --theme--callout-text: var(--theme_dark--callout-text);
+  --theme--callout_gray: var(--theme_dark--callout_gray);
+  --theme--callout_gray-text: var(--theme_dark--callout_gray-text);
+  --theme--callout_brown: var(--theme_dark--callout_brown);
+  --theme--callout_brown-text: var(--theme_dark--callout_brown-text);
+  --theme--callout_orange: var(--theme_dark--callout_orange);
+  --theme--callout_orange-text: var(--theme_dark--callout_orange-text);
+  --theme--callout_yellow: var(--theme_dark--callout_yellow);
+  --theme--callout_yellow-text: var(--theme_dark--callout_yellow-text);
+  --theme--callout_green: var(--theme_dark--callout_green);
+  --theme--callout_green-text: var(--theme_dark--callout_green-text);
+  --theme--callout_blue: var(--theme_dark--callout_blue);
+  --theme--callout_blue-text: var(--theme_dark--callout_blue-text);
+  --theme--callout_purple: var(--theme_dark--callout_purple);
+  --theme--callout_purple-text: var(--theme_dark--callout_purple-text);
+  --theme--callout_pink: var(--theme_dark--callout_pink);
+  --theme--callout_pink-text: var(--theme_dark--callout_pink-text);
+  --theme--callout_red: var(--theme_dark--callout_red);
+  --theme--callout_red-text: var(--theme_dark--callout_red-text);
   --theme--code_inline-text: var(--theme_dark--code_inline-text);
   --theme--code_inline-background: var(--theme_dark--code_inline-background);
-  --theme--code_text: var(--theme_dark--code_text);
+  --theme--code-text: var(--theme_dark--code-text);
   --theme--code-background: var(--theme_dark--code-background);
   --theme--code_function: var(--theme_dark--code_function);
   --theme--code_keyword: var(--theme_dark--code_keyword);
@@ -431,39 +571,85 @@
   --theme--text_purple: var(--theme_light--text_purple);
   --theme--text_pink: var(--theme_light--text_pink);
   --theme--text_red: var(--theme_light--text_red);
-  --theme--select_text: var(--theme_light--select_text);
+  --theme--select-text: var(--theme_light--select-text);
   --theme--select_gray: var(--theme_light--select_gray);
+  --theme--select_gray-text: var(--theme_light--select_gray-text);
   --theme--select_brown: var(--theme_light--select_brown);
+  --theme--select_brown-text: var(--theme_light--select_brown-text);
   --theme--select_orange: var(--theme_light--select_orange);
+  --theme--select_orange-text: var(--theme_light--select_orange-text);
   --theme--select_yellow: var(--theme_light--select_yellow);
+  --theme--select_yellow-text: var(--theme_light--select_yellow-text);
   --theme--select_green: var(--theme_light--select_green);
+  --theme--select_green-text: var(--theme_light--select_green-text);
   --theme--select_blue: var(--theme_light--select_blue);
+  --theme--select_blue-text: var(--theme_light--select_blue-text);
   --theme--select_purple: var(--theme_light--select_purple);
+  --theme--select_purple-text: var(--theme_light--select_purple-text);
   --theme--select_pink: var(--theme_light--select_pink);
+  --theme--select_pink-text: var(--theme_light--select_pink-text);
   --theme--select_red: var(--theme_light--select_red);
-  --theme--bg_text: var(--theme_light--bg_text);
+  --theme--select_red-text: var(--theme_light--select_red-text);
+  --theme--bg-text: var(--theme_light--bg-text);
   --theme--bg_gray: var(--theme_light--bg_gray);
+  --theme--bg_gray-text: var(--theme_light--bg_gray-text);
   --theme--bg_brown: var(--theme_light--bg_brown);
+  --theme--bg_brown-text: var(--theme_light--bg_brown-text);
   --theme--bg_orange: var(--theme_light--bg_orange);
+  --theme--bg_orange-text: var(--theme_light--bg_orange-text);
   --theme--bg_yellow: var(--theme_light--bg_yellow);
+  --theme--bg_yellow-text: var(--theme_light--bg_yellow-text);
   --theme--bg_green: var(--theme_light--bg_green);
+  --theme--bg_green-text: var(--theme_light--bg_green-text);
   --theme--bg_blue: var(--theme_light--bg_blue);
+  --theme--bg_blue-text: var(--theme_light--bg_blue-text);
   --theme--bg_purple: var(--theme_light--bg_purple);
+  --theme--bg_purple-text: var(--theme_light--bg_purple-text);
   --theme--bg_pink: var(--theme_light--bg_pink);
+  --theme--bg_pink-text: var(--theme_light--bg_pink-text);
   --theme--bg_red: var(--theme_light--bg_red);
-  --theme--line_text: var(--theme_light--line_text);
+  --theme--bg_red-text: var(--theme_light--bg_red-text);
+  --theme--line-text: var(--theme_light--line-text);
   --theme--line_gray: var(--theme_light--line_gray);
+  --theme--line_gray-text: var(--theme_light--line_gray-text);
   --theme--line_brown: var(--theme_light--line_brown);
+  --theme--line_brown-text: var(--theme_light--line_brown-text);
   --theme--line_orange: var(--theme_light--line_orange);
+  --theme--line_orange-text: var(--theme_light--line_orange-text);
   --theme--line_yellow: var(--theme_light--line_yellow);
+  --theme--line_yellow-text: var(--theme_light--line_yellow-text);
   --theme--line_green: var(--theme_light--line_green);
+  --theme--line_green-text: var(--theme_light--line_green-text);
   --theme--line_blue: var(--theme_light--line_blue);
+  --theme--line_blue-text: var(--theme_light--line_blue-text);
   --theme--line_purple: var(--theme_light--line_purple);
+  --theme--line_purple-text: var(--theme_light--line_purple-text);
   --theme--line_pink: var(--theme_light--line_pink);
+  --theme--line_pink-text: var(--theme_light--line_pink-text);
   --theme--line_red: var(--theme_light--line_red);
+  --theme--line_red-text: var(--theme_light--line_red-text);
+  --theme--callout-text: var(--theme_light--callout-text);
+  --theme--callout_gray: var(--theme_light--callout_gray);
+  --theme--callout_gray-text: var(--theme_light--callout_gray-text);
+  --theme--callout_brown: var(--theme_light--callout_brown);
+  --theme--callout_brown-text: var(--theme_light--callout_brown-text);
+  --theme--callout_orange: var(--theme_light--callout_orange);
+  --theme--callout_orange-text: var(--theme_light--callout_orange-text);
+  --theme--callout_yellow: var(--theme_light--callout_yellow);
+  --theme--callout_yellow-text: var(--theme_light--callout_yellow-text);
+  --theme--callout_green: var(--theme_light--callout_green);
+  --theme--callout_green-text: var(--theme_light--callout_green-text);
+  --theme--callout_blue: var(--theme_light--callout_blue);
+  --theme--callout_blue-text: var(--theme_light--callout_blue-text);
+  --theme--callout_purple: var(--theme_light--callout_purple);
+  --theme--callout_purple-text: var(--theme_light--callout_purple-text);
+  --theme--callout_pink: var(--theme_light--callout_pink);
+  --theme--callout_pink-text: var(--theme_light--callout_pink-text);
+  --theme--callout_red: var(--theme_light--callout_red);
+  --theme--callout_red-text: var(--theme_light--callout_red-text);
   --theme--code_inline-text: var(--theme_light--code_inline-text);
   --theme--code_inline-background: var(--theme_light--code_inline-background);
-  --theme--code_text: var(--theme_light--code_text);
+  --theme--code-text: var(--theme_light--code-text);
   --theme--code-background: var(--theme_light--code-background);
   --theme--code_function: var(--theme_light--code_function);
   --theme--code_keyword: var(--theme_light--code_keyword);
diff --git a/repo/dark+/mod.js b/repo/dark+/mod.js
index 6f2487a..3fbd819 100644
--- a/repo/dark+/mod.js
+++ b/repo/dark+/mod.js
@@ -11,7 +11,7 @@ module.exports = {
   tags: ['theme', 'dark'],
   name: 'dark+',
   desc: 'a vivid-colour near-black theme.',
-  version: '0.1.4',
+  version: '0.1.5',
   author: 'dragonwocky',
   options: [
     {
diff --git a/repo/dark+/styles.css b/repo/dark+/styles.css
index d9afdc2..5308330 100644
--- a/repo/dark+/styles.css
+++ b/repo/dark+/styles.css
@@ -64,6 +64,16 @@
   --theme_dark--line_pink: rgba(243, 61, 158, 0.301);
   --theme_dark--line_red: rgba(122, 20, 20, 0.623);
 
+  --theme_dark--callout_gray: rgba(126, 128, 129, 0.089);
+  --theme_dark--callout_brown: #50331f59;
+  --theme_dark--callout_orange: rgba(255, 153, 0, 0.164);
+  --theme_dark--callout_yellow: rgba(183, 156, 0, 0.274);
+  --theme_dark--callout_green: rgba(50, 129, 47, 0.191);
+  --theme_dark--callout_blue: rgba(0, 90, 146, 0.294);
+  --theme_dark--callout_purple: rgba(90, 49, 148, 0.219);
+  --theme_dark--callout_pink: rgba(243, 61, 158, 0.191);
+  --theme_dark--callout_red: rgba(122, 20, 20, 0.376);
+
   --theme_dark--code_inline-text: #7dc582;
   --theme_dark--code_inline-background: rgb(8, 8, 8);
   --theme_dark--code-background: rgb(8, 8, 8);
diff --git a/repo/gameish/mod.js b/repo/gameish/mod.js
index 66a5bf6..793f678 100644
--- a/repo/gameish/mod.js
+++ b/repo/gameish/mod.js
@@ -12,7 +12,7 @@ module.exports = {
   tags: ['theme', 'dark'],
   name: 'gameish',
   desc: 'a purple, "gamer-styled" theme with a blocky-font.',
-  version: '0.1.3',
+  version: '0.1.4',
   author: {
     name: 'LVL100ShrekCultist',
     link: 'https://www.reddit.com/user/LVL100ShrekCultist/',
diff --git a/repo/gameish/styles.css b/repo/gameish/styles.css
index 62500b1..95a9167 100644
--- a/repo/gameish/styles.css
+++ b/repo/gameish/styles.css
@@ -59,6 +59,11 @@
   --theme_dark--line_yellow: var(--theme_dark--bg_yellow);
   --theme_dark--line_red: var(--theme_dark--bg_red);
 
+  --theme_dark--callout_brown: var(--theme_dark--bg_brown);
+  --theme_dark--callout_orange: var(--theme_dark--bg_orange);
+  --theme_dark--callout_yellow: var(--theme_dark--bg_yellow);
+  --theme_dark--callout_red: var(--theme_dark--bg_red);
+
   --theme_dark--code_inline-text: #d9cbec;
   --theme_dark--code_inline-background: #24222c;
 }
diff --git a/repo/hide-help/mod.js b/repo/hide-help/mod.js
index 3d5a69e..76e17e8 100644
--- a/repo/hide-help/mod.js
+++ b/repo/hide-help/mod.js
@@ -1,6 +1,6 @@
 /*
- * notion-enhancer
- * (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
+ * hide help button
+ * (c) 2020 coryzibell
  * under the MIT license
  */
 
@@ -9,8 +9,8 @@
 module.exports = {
   id: 'd4ebe9f3-974a-4c01-a6a9-94bc4296851d',
   tags: ['extension'],
-  name: 'hide help button',
-  desc: 'hide help button if you don\'t need it.',
+  name: 'hide help',
+  desc: "hide the help button if you don't need it.",
   version: '1.0.0',
   author: 'coryzibell',
 };
diff --git a/repo/hide-help/styles.css b/repo/hide-help/styles.css
index 26defb3..8fc7b8b 100644
--- a/repo/hide-help/styles.css
+++ b/repo/hide-help/styles.css
@@ -1,3 +1,9 @@
+/*
+ * hide help button
+ * (c) 2020 coryzibell
+ * under the MIT license
+ */
+
 .notion-help-button {
-    display: none !important;
-}
\ No newline at end of file
+  display: none !important;
+}
diff --git a/repo/littilepig-dark/styles.css b/repo/littilepig-dark/styles.css
index fbc0efe..af8c8a1 100644
--- a/repo/littilepig-dark/styles.css
+++ b/repo/littilepig-dark/styles.css
@@ -10,32 +10,18 @@
   --theme_dark--sidebar: #24222c;
   --theme_dark--dragarea: #19181f;
 
-  --theme_dark--font_sans: 'JetBrains Mono';
-  --theme_dark--font_mono: 'JetBrains Mono', iawriter-mono, Nitti, Menlo,
-    Courier, monospace;
-  --theme_dark--font_code: 'JetBrains Mono', SFMono-Regular, Consolas,
-    'Liberation Mono', Menlo, Courier, monospace;
+  --theme_light--font_sans: 'JetBrains Mono';
+  --theme_light--font_serif: 'JetBrains Mono';
+  --theme_light--font_mono: 'JetBrains Mono';
+  --theme_light--font_code: 'JetBrains Mono';
 
   --theme_dark--scrollbar: #221f29;
-  /* --theme_dark--scrollbar-border: transparent; */
   --theme_dark--scrollbar_hover: #312d3c;
 
-  --theme_dark--font_title-size: 40px;
-  --theme_dark--font_heading1-size: 30px;
-  --theme_dark--font_heading2-size: 24px;
-  --theme_dark--font_heading3-size: 20px;
-  --theme_dark--font_label-size: 14px;
-  --theme_dark--font_body-size: 17px;
-  --theme_dark--font_code-size: 16px;
-  --theme_dark--font_sidebar-size: 14px;
-
-  /* --theme_dark--card: rgb(53, 51, 58); */
+  --theme_dark--card: #24222c;
   --theme_dark--gallery: rgba(162, 162, 162, 0.01);
   --theme_dark--table-border: rgba(148, 148, 184, 0.5);
   --theme_dark--interactive_hover: #282632;
-  /* --theme_dark--interactive_hover-border: transparent;
-   --theme_dark--button_close: #e81123;
-   --theme_dark--button_close-fill: white; */
 
   --theme_dark--selected: #9500ff6b;
   --theme_dark--primary: rgb(106, 47, 200);
@@ -45,91 +31,26 @@
 
   --theme_dark--option_hover-background: rgb(20, 0, 51);
 
-  --theme_dark--danger_text: rgb(235, 87, 87);
-  --theme_dark--danger_border: rgba(235, 87, 87, 0.5);
-
   --theme_dark--text: rgba(200, 200, 200, 0.8);
-  --theme_dark--text_ui: rgba(255, 255, 255, 0.6);
-  --theme_dark--text_ui_info: rgba(255, 255, 255, 0.4);
 
   /* 文本颜色 */
-  --theme_dark--text_gray: rgba(151, 154, 155, 0.95);
   --theme_dark--text_brown: rgb(177, 144, 131);
-  --theme_dark--text_orange: rgb(255, 163, 68);
-  --theme_dark--text_yellow: rgb(255, 220, 73);
   --theme_dark--text_green: rgb(66, 222, 137);
   --theme_dark--text_blue: rgb(0, 157, 255);
   --theme_dark--text_purple: rgb(162, 94, 255);
-  --theme_dark--text_pink: rgb(226, 85, 161);
   --theme_dark--text_red: rgb(240, 52, 38);
 
   /* 文本背景色 */
-  --theme_dark--bg_gray: rgb(234, 234, 234);
-  --theme_dark--bg_gray_text: rgb(17, 17, 17);
-
-  --theme_dark--bg_brown: rgb(130, 118, 111);
-  --theme_dark--bg_brown_text: rgb(85, 35, 1);
-
-  --theme_dark--bg_orange: rgb(254, 214, 155);
-  --theme_dark--bg_yellow_text: rgb(199, 110, 0);
-
-  --theme_dark--bg_yellow: rgb(235, 227, 178);
-  --theme_dark--bg_yellow_text: rgb(138, 118, 2);
-
-  --theme_dark--bg_green: rgb(212, 237, 218);
-  --theme_dark--bg_green_text: rgb(21, 87, 36);
-
-  --theme_dark--bg_blue: rgb(204, 229, 255);
-  --theme_dark--bg_blue_text: rgb(0, 64, 133);
-
-  --theme_dark--bg_purple: rgb(199, 178, 230);
-  --theme_dark--bg_purple_text: rgb(90, 49, 148);
-
-  --theme_dark--bg_pink: rgb(255, 206, 228);
-  --theme_dark--bg_pink_text: rgb(255, 0, 127);
-
-  --theme_dark--bg_red: rgb(248, 215, 218);
-  --theme_dark--bg_red_text: rgb(138, 0, 10);
-
-  --theme_dark--select_gray: var(--theme_dark--bg_gray);
-  --theme_dark--select_brown: var(--theme_dark--bg_brown);
-  --theme_dark--select_orange: var(--theme_dark--bg_orange);
-  --theme_dark--select_yellow: var(--theme_dark--bg_yellow);
-  --theme_dark--select_green: var(--theme_dark--bg_green);
-  --theme_dark--select_blue: var(--theme_dark--bg_blue);
-  --theme_dark--select_purple: var(--theme_dark--bg_purple);
-  --theme_dark--select_pink: var(--theme_dark--bg_pink);
-  --theme_dark--select_red: var(--theme_dark--bg_red);
-
   --theme_dark--line_gray: rgb(69, 75, 78);
   --theme_dark--line_brown: rgb(78, 57, 48);
   --theme_dark--line_orange: rgb(136, 80, 48);
   --theme_dark--line_yellow: #fbe2287c;
   --theme_dark--line_red: rgb(151, 62, 62);
 
-  --theme_dark--code_inline-text: #d9cbec;
-  --theme_dark--code_inline-background: rgba(135, 131, 120, 0.15);
-  --theme_dark--code_text: var(--theme_dark--text);
-  --theme_dark--code-background: rgb(63, 68, 71);
-  --theme_dark--code_function: rgb(179, 146, 240);
-  --theme_dark--code_keyword: hsl(350, 100%, 69%);
-  --theme_dark--code_tag: hsl(350, 40%, 70%);
-  --theme_dark--code_operator: hsl(40, 90%, 60%);
-  --theme_dark--code_important: #e90;
-  --theme_dark--code_property: hsl(350, 40%, 70%);
-  --theme_dark--code_builtin: hsl(75, 70%, 60%);
-  --theme_dark--code_attr-name: hsl(75, 70%, 60%);
-  --theme_dark--code_comment: hsl(30, 20%, 50%);
-  --theme_dark--code_punctuation: rgba(255, 255, 255, 0.9);
-  --theme_dark--code_doctype: hsl(30, 20%, 50%);
-  --theme_dark--code_number: hsl(159, 69%, 39%);
-  --theme_dark--code_string: hsl(75, 95%, 48%);
-  --theme_dark--code_attr-value: hsl(350, 40%, 70%);
-
   /* 标题色 */
-  --theme_dark--h1_text: #c264fe;
-  --theme_dark--h2_text: #e2bafe;
-  --theme_dark--h3_text: #7b08fa;
+  --littlepig_dark--h1_text: #c264fe;
+  --littlepig_dark--h2_text: #e2bafe;
+  --littlepig_dark--h3_text: #7b08fa;
 
   /* todo */
   --theme_dark--option_active-color: #7b08fa;
@@ -138,423 +59,91 @@
   /* inline code */
   --theme_dark--code_inline-text: #e0dfe2;
   --theme_dark--code_inline-background: rgb(179, 39, 39);
+  --theme_dark--code_function: rgb(179, 146, 240);
+  --theme_dark--code_number: hsl(159, 69%, 39%);
 
   /* 标签颜色 + 文本背景色 */
   --theme_dark--bg_gray: rgb(234, 234, 234);
-  --theme_dark--bg_gray_text: rgb(17, 17, 17);
-
+  --theme_dark--bg_gray-text: rgb(17, 17, 17);
   --theme_dark--bg_brown: rgb(206, 206, 206);
-  --theme_dark--bg_brown_text: rgb(85, 35, 1);
-
+  --theme_dark--bg_brown-text: rgb(85, 35, 1);
   --theme_dark--bg_orange: rgb(254, 214, 155);
-  --theme_dark--bg_orange_text: rgb(199, 110, 0);
-
+  --theme_dark--bg_orange-text: rgb(199, 110, 0);
   --theme_dark--bg_yellow: #fcffd8;
-  --theme_dark--bg_yellow_text: #ff8c22;
-
+  --theme_dark--bg_yellow-text: #ff8c22;
   --theme_dark--bg_green: #d5fded;
-  --theme_dark--bg_green_text: #006a00;
-
+  --theme_dark--bg_green-text: #006a00;
   --theme_dark--bg_blue: #e2f5ff;
-  --theme_dark--bg_blue_text: #00b2ff;
-
+  --theme_dark--bg_blue-text: #00b2ff;
   --theme_dark--bg_purple: #efe6ff;
-  --theme_dark--bg_purple_text: #8334ff;
-
+  --theme_dark--bg_purple-text: #8334ff;
   --theme_dark--bg_pink: #ffe9f1;
-  --theme_dark--bg_pink_text: rgb(255, 0, 127);
-
+  --theme_dark--bg_pink-text: rgb(255, 0, 127);
   --theme_dark--bg_red: rgb(251, 228, 228);
-  --theme_dark--bg_red_text: rgb(138, 0, 10);
+  --theme_dark--bg_red-text: rgb(138, 0, 10);
+
+  --theme_dark--select_gray: rgb(234, 234, 234);
+  --theme_dark--select_gray-text: rgb(17, 17, 17);
+  --theme_dark--select_brown: rgb(206, 206, 206);
+  --theme_dark--select_brown-text: rgb(85, 35, 1);
+  --theme_dark--select_orange: rgb(254, 214, 155);
+  --theme_dark--select_orange-text: rgb(199, 110, 0);
+  --theme_dark--select_yellow: #fcffd8;
+  --theme_dark--select_yellow-text: #ff8c22;
+  --theme_dark--select_green: #d5fded;
+  --theme_dark--select_green-text: #006a00;
+  --theme_dark--select_blue: #e2f5ff;
+  --theme_dark--select_blue-text: #00b2ff;
+  --theme_dark--select_purple: #efe6ff;
+  --theme_dark--select_purple-text: #8334ff;
+  --theme_dark--select_pink: #ffe9f1;
+  --theme_dark--select_pink-text: rgb(255, 0, 127);
+  --theme_dark--select_red: rgb(251, 228, 228);
+  --theme_dark--select_red-text: rgb(138, 0, 10);
 
   /* callout 颜色 */
-
-  --theme_dark--callout_bg_gray: #e2e3e5;
-  --theme_dark--callout_text_gray: #383d41;
-
-  --theme_dark--callout_bg_brown: rgb(130, 118, 111);
-  --theme_dark--callout_text_brown: rgb(85, 35, 1);
-
-  --theme_dark--callout_bg_orange: rgb(254, 214, 155);
-  --theme_dark--callout_text_orange: rgb(255, 140, 0);
-
-  --theme_dark--callout_bg_yellow: #fcffd8;
-  --theme_dark--callout_text_yellow: #c76e00;
-
-  --theme_dark--callout_bg_green: #d4edda;
-  --theme_dark--callout_text_green: #155724;
-
-  --theme_dark--callout_bg_blue: #cce5ff;
-  --theme_dark--callout_text_blue: #004085;
-
-  --theme_dark--callout_bg_purple: rgb(199, 178, 230);
-  --theme_dark--callout_text_purple: rgb(90, 49, 148);
-
-  --theme_dark--callout_bg_pink: rgb(255, 206, 228);
-  --theme_dark--callout_text_pink: rgb(255, 0, 127);
-
-  --theme_dark--callout_bg_red: #f8d7da;
-  --theme_dark--callout_text_red: #721c24;
-}
-
-.notion-dark-theme
-  .notion-scroller.vertical.horizontal
-  .notion-table-view
-  .notion-selectable.notion-collection_view-block
-  > :first-child {
-  background: var(--theme--card) !important;
+  --theme_dark--callout_gray: #e2e3e5;
+  --theme_dark--callout_gray-text: #383d41;
+  --theme_dark--callout_brown: rgb(130, 118, 111);
+  --theme_dark--callout_brown-text: rgb(85, 35, 1);
+  --theme_dark--callout_orange: rgb(254, 214, 155);
+  --theme_dark--callout_orange-text: rgb(255, 140, 0);
+  --theme_dark--callout_yellow: #fcffd8;
+  --theme_dark--callout_yellow-text: #c76e00;
+  --theme_dark--callout_green: #d4edda;
+  --theme_dark--callout_green-text: #155724;
+  --theme_dark--callout_blue: #cce5ff;
+  --theme_dark--callout_blue-text: #004085;
+  --theme_dark--callout_purple: rgb(199, 178, 230);
+  --theme_dark--callout_purple-text: rgb(90, 49, 148);
+  --theme_dark--callout_pink: rgb(255, 206, 228);
+  --theme_dark--callout_pink-text: rgb(255, 0, 127);
+  --theme_dark--callout_red: #f8d7da;
+  --theme_dark--callout_red-text: #721c24;
 }
 
 /* todo 颜色 */
-.dark [style*='background: rgb(46, 170, 220)'],
-.dark [style*='background-color: rgb(46, 170, 220)'] {
+.notion-body.dark .notion-dark-theme [style*='background: rgb(46, 170, 220)'],
+.notion-body.dark
+  .notion-dark-theme
+  [style*='background-color: rgb(46, 170, 220)'] {
   background: var(--theme_dark--option_active-background) !important;
 }
-.notion-to_do-block > div [role='button']:not(:hover) .check {
-  background: var(--theme_dark--option_active-background) !important;
-}
-
-.notion-to_do-block > div [role='button']:not(:hover) .check polygon {
-  fill: var(--theme_dark--option_active-color) !important;
-}
-
-/*================================= 标签颜色 + 文本背景色 ===============================**/
-
-/* 灰色 */
-.dark [style*='background: rgba(151, 154, 155, 0.5)'] {
-  display: inline-block;
-  border-radius: 4px !important;
-  padding: 10px 0.4em !important;
-  font-weight: 500 !important;
-  background: var(--theme_dark--bg_gray) !important;
-  color: var(--theme_dark--bg_gray_text) !important;
-}
-.dark [style*='background:rgb(69,75,78)'] {
-  display: inline-block;
-  border-radius: 4px !important;
-  padding: 0 0.4em !important;
-  margin: 2px 0 !important;
-  font-weight: 500 !important;
-  background: var(--theme_dark--bg_gray) !important;
-  color: var(--theme_dark--bg_gray_text) !important;
-}
-
-/* 棕色 */
-.dark [style*='background: rgba(147, 114, 100, 0.5)'] {
-  display: inline-block;
-  border-radius: 4px !important;
-  padding: 10px 0.4em !important;
-  font-weight: 500 !important;
-  background: var(--theme_dark--bg_brown) !important;
-  color: var(--theme_dark--bg_brown_text) !important;
-}
-.dark [style*='background:rgb(67,64,64)'] {
-  display: inline-block;
-  border-radius: 4px !important;
-  padding: 0 0.4em !important;
-  margin: 2px 0 !important;
-  font-weight: 500 !important;
-  background: var(--theme_dark--bg_brown) !important;
-  color: var(--theme_dark--bg_brown_text) !important;
-}
-
-/* 橘黄色 */
-.dark [style*='background: rgba(255, 163, 68, 0.5)'] {
-  display: inline-block;
-  border-radius: 4px !important;
-  padding: 10px 0.4em !important;
-  font-weight: 500 !important;
-  background: var(--theme_dark--bg_orange) !important;
-  color: var(--theme_dark--bg_orange_text) !important;
-}
-
-.dark [style*='background:rgb(89,74,58)'] {
-  display: inline-block;
-  border-radius: 4px !important;
-  padding: 0 0.4em !important;
-  margin: 2px 0 !important;
-  font-weight: 500 !important;
-  background: var(--theme_dark--bg_orange) !important;
-  color: var(--theme_dark--bg_orange_text) !important;
-}
-
-/* 黄色 */
-.dark [style*='background: rgba(255, 220, 73, 0.5)'] {
-  display: inline-block;
-  border-radius: 4px !important;
-  padding: 10px 0.4em !important;
-  font-weight: 500 !important;
-  background: var(--theme_dark--bg_yellow) !important;
-  color: var(--theme_dark--bg_yellow_text) !important;
-}
-.dark [style*='background:rgb(89,86,59)'] {
-  display: inline-block;
-  border-radius: 4px !important;
-  padding: 0 0.4em !important;
-  margin: 2px 0 !important;
-  font-weight: 500 !important;
-  background: var(--theme_dark--bg_yellow) !important;
-  color: var(--theme_dark--bg_yellow_text) !important;
-}
-
-/* 绿色 */
-.dark [style*='background: rgba(77, 171, 154, 0.5)'] {
-  display: inline-block;
-  border-radius: 4px !important;
-  padding: 10px 0.4em !important;
-  font-weight: 500 !important;
-  background: var(--theme_dark--bg_green) !important;
-  color: var(--theme_dark--bg_green_text) !important;
-}
-.dark [style*='background:rgb(53,76,75)'] {
-  display: inline-block;
-  border-radius: 4px !important;
-  padding: 0 0.4em !important;
-  margin: 2px 0 !important;
-  font-weight: 500 !important;
-  background: var(--theme_dark--bg_green) !important;
-  color: var(--theme_dark--bg_green_text) !important;
-}
-
-/*  蓝色 */
-.dark [style*='background: rgba(82, 156, 202, 0.5)'] {
-  display: inline-block;
-  border-radius: 4px !important;
-  padding: 10px 0.4em !important;
-  font-weight: 500 !important;
-  background: var(--theme_dark--bg_blue) !important;
-  color: var(--theme_dark--bg_blue_text) !important;
-}
-.dark [style*='background:rgb(54,73,84)'] {
-  display: inline-block;
-  border-radius: 4px !important;
-  padding: 0 0.4em !important;
-  margin: 2px 0 !important;
-  font-weight: 500 !important;
-  background: var(--theme_dark--bg_blue) !important;
-  color: var(--theme_dark--bg_blue_text) !important;
-}
-
-/*  紫色 */
-.dark [style*='background: rgba(154, 109, 215, 0.5)'] {
-  display: inline-block;
-  border-radius: 4px !important;
-  padding: 10px 0.4em !important;
-  font-weight: 500 !important;
-  background: var(--theme_dark--bg_purple) !important;
-  color: var(--theme_dark--bg_purple_text) !important;
-}
-.dark [style*='background:rgb(68,63,87)'] {
-  display: inline-block;
-  border-radius: 4px !important;
-  padding: 0 0.4em !important;
-  margin: 2px 0 !important;
-  font-weight: 500 !important;
-  background: var(--theme_dark--bg_purple) !important;
-  color: var(--theme_dark--bg_purple_text) !important;
-}
-
-/*  粉红色 */
-.dark [style*='background: rgba(226, 85, 161, 0.5)'] {
-  display: inline-block;
-  border-radius: 4px !important;
-  padding: 10px 0.4em !important;
-  font-weight: 500 !important;
-  background: var(--theme_dark--bg_pink) !important;
-  color: var(--theme_dark--bg_pink_text) !important;
-}
-.dark [style*='background:rgb(83,59,76)'] {
-  display: inline-block;
-  border-radius: 4px !important;
-  padding: 0 0.4em !important;
-  margin: 2px 0 !important;
-  font-weight: 500 !important;
-  background: var(--theme_dark--bg_pink) !important;
-  color: var(--theme_dark--bg_pink_text) !important;
-}
-
-/* 红色 */
-.dark [style*='background: rgba(255, 115, 105, 0.5);'] {
-  display: inline-block;
-  border-radius: 4px !important;
-  padding: 10px 0.4em !important;
-  font-weight: 500 !important;
-  background: var(--theme_dark--bg_red) !important;
-  color: var(--theme_dark--bg_red_text) !important;
-}
-.dark [style*='background:rgb(89,65,65)'] {
-  display: inline-block;
-  border-radius: 4px !important;
-  padding: 0 0.4em !important;
-  margin: 2px 0 !important;
-  font-weight: 500 !important;
-  background: var(--theme_dark--bg_red) !important;
-  color: var(--theme_dark--bg_red_text) !important;
-}
-
-/* -----------------------------callout 样式 start------------------------ */
-
-/* notion-callout-block gray */
-.notion-dark-theme
-  .notion-callout-block
-  [style*='background: rgba(69, 75, 78, 0.3)'] {
-  /* color: var(--theme_dark--callout_text_gray) !important; */
-  background: var(--theme_dark--callout_bg_gray) !important;
-  border-radius: 3px !important;
-}
-
-.notion-dark-theme
-  .notion-callout-block
-  [style*='background: rgba(69, 75, 78, 0.3)']
-  [style*='color: rgba(255, 255, 255, 0.9)'] {
-  color: var(--theme_dark--callout_text_gray) !important;
-}
-
-/* notion-callout-block brown */
-.notion-dark-theme
-  .notion-callout-block
-  [style*='background: rgba(67, 64, 64, 0.3)'] {
-  /* color: var(--theme_dark--callout_text_brown) !important; */
-  background: var(--theme_dark--callout_bg_brown) !important;
-  border-radius: 3px !important;
-}
-
-.notion-dark-theme
-  .notion-callout-block
-  [style*='background: rgba(67, 64, 64, 0.3)']
-  [style*='color: rgba(255, 255, 255, 0.9)'] {
-  color: var(--theme_dark--callout_text_brown) !important;
-}
-
-/* notion-callout-block orange */
-.notion-dark-theme
-  .notion-callout-block
-  [style*='background: rgba(89, 74, 58, 0.3)'] {
-  /* color: var(--theme_dark--callout_text_orange) !important; */
-  background: var(--theme_dark--callout_bg_orange) !important;
-  border-radius: 3px !important;
-}
-
-.notion-dark-theme
-  .notion-callout-block
-  [style*='background: rgba(89, 74, 58, 0.3)']
-  [style*='color: rgba(255, 255, 255, 0.9)'] {
-  color: var(--theme_dark--callout_text_orange) !important;
-}
-
-/* notion-callout-block yellow */
-.notion-dark-theme
-  .notion-callout-block
-  [style*='background: rgba(89, 86, 59, 0.3)'] {
-  /* color: var(--theme_dark--callout_text_yellow) !important; */
-  background: var(--theme_dark--callout_bg_yellow) !important;
-  border-radius: 3px !important;
-}
-
-.notion-dark-theme
-  .notion-callout-block
-  [style*='background: rgba(89, 86, 59, 0.3)']
-  [style*='color: rgba(255, 255, 255, 0.9)'] {
-  color: var(--theme_dark--callout_text_yellow) !important;
-}
-
-/* notion-callout-block green */
-.notion-dark-theme
-  .notion-callout-block
-  [style*='background: rgba(53, 76, 75, 0.3)'] {
-  /* color: var(--theme_dark--callout_text_green) !important; */
-  background: var(--theme_dark--callout_bg_green) !important;
-  border-radius: 3px !important;
-}
-
-.notion-dark-theme
-  .notion-callout-block
-  [style*='background: rgba(53, 76, 75, 0.3)']
-  [style*='color: rgba(255, 255, 255, 0.9)'] {
-  color: var(--theme_dark--callout_text_green) !important;
-}
-
-/* notion-callout-block blue */
-.notion-dark-theme
-  .notion-callout-block
-  [style*='background: rgba(54, 73, 84, 0.3)'] {
-  /* color: var(--theme_dark--callout_text_blue) !important; */
-  background: var(--theme_dark--callout_bg_blue) !important;
-  border-radius: 3px !important;
-}
-
-.notion-dark-theme
-  .notion-callout-block
-  [style*='background: rgba(54, 73, 84, 0.3)']
-  [style*='color: rgba(255, 255, 255, 0.9)'] {
-  color: var(--theme_dark--callout_text_blue) !important;
-}
-
-/* notion-callout-block purple */
-.notion-dark-theme
-  .notion-callout-block
-  [style*='background: rgba(68, 63, 87, 0.3)'] {
-  /* color: var(--theme_dark--callout_text_purple) !important; */
-  background: var(--theme_dark--callout_bg_purple) !important;
-  border-radius: 3px !important;
-}
-
-.notion-dark-theme
-  .notion-callout-block
-  [style*='background: rgba(68, 63, 87, 0.3)']
-  [style*='color: rgba(255, 255, 255, 0.9)'] {
-  color: var(--theme_dark--callout_text_purple) !important;
-}
-
-/* notion-callout-block pink */
-.notion-dark-theme
-  .notion-callout-block
-  [style*='background: rgba(83, 59, 76, 0.3)'] {
-  /* color: var(--theme_dark--callout_text_pink) !important; */
-  background: var(--theme_dark--callout_bg_pink) !important;
-  border-radius: 3px !important;
-}
-
-.notion-dark-theme
-  .notion-callout-block
-  [style*='background: rgba(83, 59, 76, 0.3)']
-  [style*='color: rgba(255, 255, 255, 0.9)'] {
-  color: var(--theme_dark--callout_text_pink) !important;
-}
-
-/* notion-callout-block red */
-.notion-dark-theme
-  .notion-callout-block
-  [style*='background: rgba(89, 65, 65, 0.3)'] {
-  /* color: var(--theme_dark--callout_text_red) !important; */
-  background: var(--theme_dark--callout_bg_red) !important;
-  border-radius: 3px !important;
-}
-
-.notion-dark-theme
-  .notion-callout-block
-  [style*='background: rgba(89, 65, 65, 0.3)']
-  [style*='color: rgba(255, 255, 255, 0.9)'] {
-  color: var(--theme_dark--callout_text_red) !important;
-}
-
-/* -----------------------------callout 样式 end---------------------------- */
 
 /* ===================== header =========================== */
 .notion-dark-theme [placeholder*='Heading 1'] {
-  color: var(--theme_dark--h1_text) !important;
+  color: var(--littlepig_dark--h1_text) !important;
 }
 
 .notion-dark-theme [placeholder*='Heading 2'] {
   margin-bottom: 16px;
-  border-bottom: 4px solid var(--theme_dark--h2_text);
+  border-bottom: 4px solid var(--littlepig_dark--h2_text);
   display: inline-block;
-  color: var(--theme_dark--h2_text) !important;
+  color: var(--littlepig_dark--h2_text) !important;
   width: auto !important;
   padding: 6px 12px 6px 0 !important;
   position: relative;
 }
-
 .notion-dark-theme [placeholder*='Heading 2']::before {
   content: '🔥 ';
 }
@@ -563,13 +152,12 @@
   width: fit-content !important;
   padding: 4px 10px !important;
   border-radius: 10px;
-  border: 2px solid var(--theme_dark--h3_text);
-  color: var(--theme_dark--h3_text) !important;
+  border: 2px solid var(--littlepig_dark--h3_text);
+  color: var(--littlepig_dark--h3_text) !important;
   background-color: #fbf8e7;
   display: inline-block;
   margin-bottom: 14px;
 }
-
 .notion-dark-theme [placeholder*='Heading 3']::before {
   content: '📌 ';
 }
@@ -589,10 +177,9 @@
   padding: 0.5em 0.5em 0.5em 1.9em !important;
   position: relative;
   margin: 10px 0;
-  background: #9494942e;
+  background: var(--theme_dark--card);
   border-radius: 3px;
 }
-
 .notion-dark-theme
   .notion-quote-block
   [style*='caret-color: rgba(255, 255, 255, 0.9);']::before {
@@ -613,13 +200,6 @@
   border-width: 3px !important;
   opacity: 1 !important;
 }
-
 .notion-dark-theme .notion-link-token span:hover {
   color: rgb(233, 51, 38) !important;
 }
-
-/* code */
-.dark [style*='color:#EB5757'] {
-  color: var(--theme_dark--code_inline-text) !important;
-  background: var(--theme_dark--code_inline-background) !important;
-}
diff --git a/repo/littlepig-light/styles.css b/repo/littlepig-light/styles.css
index 334b27c..cc69dc0 100644
--- a/repo/littlepig-light/styles.css
+++ b/repo/littlepig-light/styles.css
@@ -7,57 +7,16 @@
 
 :root {
   --theme_light--font_sans: 'JetBrains Mono';
+  --theme_light--font_serif: 'JetBrains Mono';
   --theme_light--font_mono: 'JetBrains Mono';
   --theme_light--font_code: 'JetBrains Mono';
 
-  --theme_light--main: white;
-  --theme_light--sidebar: rgb(247, 246, 243);
-  --theme_light--overlay: rgba(15, 15, 15, 0.6);
-  --theme_light--dragarea: rgba(55, 53, 47, 0.04);
-  --theme_light--preview-width: 977px;
-  --theme_light--preview-padding: 8rem;
-  --theme_light--preview_banner-height: 20vh;
-  --theme_light--page_banner-height: 30vh;
-
-  --theme_light--font_title-size: 40px;
-  --theme_light--font_heading1-size: 30px;
-  --theme_light--font_heading2-size: 24px;
-  --theme_light--font_heading3-size: 20px;
-  --theme_light--font_label-size: 14px;
-  --theme_light--font_body-size: 17px;
-  --theme_light--font_code-size: 16px;
-  --theme_light--font_sidebar-size: 14px;
-
-  --theme_light--scrollbar: #d9d8d6;
-  --theme_light--scrollbar-border: #cacac8;
-  --theme_light--scrollbar_hover: #cacac8;
-
-  --theme_light--card: rgb(247, 247, 247);
-  --theme_light--gallery: rgba(55, 53, 47, 0.024);
-  --theme_light--table-border: rgba(55, 53, 47, 0.16);
-  --theme_light--interactive_hover: rgba(55, 53, 47, 0.08);
-  --theme_light--interactive_hover-border: transparent;
-  --theme_light--button_close: #e81123;
-  --theme_light--button_close-fill: white;
-
   --theme_light--selected: rgba(177, 24, 24, 0.22);
   --theme_light--primary: rgb(177, 24, 24);
   --theme_light--primary_hover: rgb(202, 26, 26);
   --theme_light--primary_click: rgb(219, 41, 41);
   --theme_light--primary_indicator: rgb(202, 26, 26);
 
-  --theme_light--option-color: black;
-  --theme_light--option-background: transparent;
-  --theme_light--option_hover-color: black;
-  --theme_light--option_hover-background: rgba(55, 53, 47, 0.08);
-
-  --theme_light--danger_text: rgb(235, 87, 87);
-  --theme_light--danger_border: rgba(235, 87, 87, 0.5);
-
-  --theme_light--text: rgb(55, 53, 47);
-  --theme_light--text_ui: rgba(55, 53, 47, 0.6);
-  --theme_light--text_ui_info: rgba(55, 53, 47, 0.4);
-
   /* 文本颜色 */
   --theme_light--text_gray: rgba(151, 154, 155, 0.95);
   --theme_light--text_brown: rgb(167, 126, 100);
@@ -71,67 +30,47 @@
 
   /* 文本背景色 */
   --theme_light--bg_gray: rgb(234, 234, 234);
-  --theme_light--bg_gray_text: rgb(17, 17, 17);
-
+  --theme_light--bg_gray-text: rgb(17, 17, 17);
   --theme_light--bg_brown: rgb(206, 206, 206);
-  --theme_light--bg_brown_text: rgb(85, 35, 1);
-
+  --theme_light--bg_brown-text: rgb(85, 35, 1);
   --theme_light--bg_orange: rgb(254, 214, 155);
-  --theme_light--bg_orange_text: rgb(199, 110, 0);
-
+  --theme_light--bg_orange-text: rgb(199, 110, 0);
   --theme_light--bg_yellow: #fcffd8;
-  --theme_light--bg_yellow_text: #ff8c22;
-
+  --theme_light--bg_yellow-text: #ff8c22;
   --theme_light--bg_green: #d5fded;
-  --theme_light--bg_green_text: #006a00;
-
+  --theme_light--bg_green-text: #006a00;
   --theme_light--bg_blue: #e2f5ff;
-  --theme_light--bg_blue_text: #00b2ff;
-
+  --theme_light--bg_blue-text: #00b2ff;
   --theme_light--bg_purple: #efe6ff;
-  --theme_light--bg_purple_text: #8334ff;
-
+  --theme_light--bg_purple-text: #8334ff;
   --theme_light--bg_pink: #ffe9f1;
-  --theme_light--bg_pink_text: rgb(255, 0, 127);
-
+  --theme_light--bg_pink-text: rgb(255, 0, 127);
   --theme_light--bg_red: rgb(248, 215, 218);
-  --theme_light--bg_red_text: rgb(138, 0, 10);
+  --theme_light--bg_red-text: rgb(138, 0, 10);
 
-  --theme_light--select_gray: var(--theme_light--bg_gray);
-  --theme_light--select_brown: var(--theme_light--bg_brown);
-  --theme_light--select_orange: var(--theme_light--bg_orange);
-  --theme_light--select_yellow: var(--theme_light--bg_yellow);
-  --theme_light--select_green: var(--theme_light--bg_green);
-  --theme_light--select_blue: var(--theme_light--bg_blue);
-  --theme_light--select_purple: var(--theme_light--bg_purple);
-  --theme_light--select_pink: var(--theme_light--bg_pink);
-  --theme_light--select_red: var(--theme_light--bg_red);
-
-  /* inline code */
-  --theme_light--code_inline-text: #ffffff;
-  --theme_light--code_inline-background: rgb(179, 39, 39);
-
-  --theme_light--code_text: var(--theme_light--text);
-  --theme_light--code-background: rgb(247, 246, 243);
-  --theme_light--code_function: #dd4a68;
-  --theme_light--code_keyword: #07a;
-  --theme_light--code_tag: #905;
-  --theme_light--code_operator: #9a6e3a;
-  --theme_light--code_important: #e90;
-  --theme_light--code_property: #905;
-  --theme_light--code_builtin: #690;
-  --theme_light--code_attr-name: #690;
-  --theme_light--code_comment: slategray;
-  --theme_light--code_punctuation: #999;
-  --theme_light--code_doctype: slategray;
-  --theme_light--code_number: #905;
-  --theme_light--code_string: #690;
-  --theme_light--code_attr-value: #07a;
+  --theme_light--select_gray: rgb(234, 234, 234);
+  --theme_light--select_gray-text: rgb(17, 17, 17);
+  --theme_light--select_brown: rgb(206, 206, 206);
+  --theme_light--select_brown-text: rgb(85, 35, 1);
+  --theme_light--select_orange: rgb(254, 214, 155);
+  --theme_light--select_orange-text: rgb(199, 110, 0);
+  --theme_light--select_yellow: #fcffd8;
+  --theme_light--select_yellow-text: #ff8c22;
+  --theme_light--select_green: #d5fded;
+  --theme_light--select_green-text: #006a00;
+  --theme_light--select_blue: #e2f5ff;
+  --theme_light--select_blue-text: #00b2ff;
+  --theme_light--select_purple: #efe6ff;
+  --theme_light--select_purple-text: #8334ff;
+  --theme_light--select_pink: #ffe9f1;
+  --theme_light--select_pink-text: rgb(255, 0, 127);
+  --theme_light--select_red: rgb(248, 215, 218);
+  --theme_light--select_red-text: rgb(138, 0, 10);
 
   /* 标题色 */
-  --theme_light--h1_text: #008800;
-  --theme_light--h2_text: #006a00;
-  --theme_light--h3_text: #003e00;
+  --littlepig_light--h1_text: #008800;
+  --littlepig_light--h2_text: #006a00;
+  --littlepig_light--h3_text: #003e00;
 
   /* todo */
   --theme_light--option_active-color: #008800;
@@ -142,401 +81,55 @@
   --theme_light--code_inline-background: rgb(179, 39, 39);
 
   /* callout 颜色 */
-  --theme_light--callout_bg_gray: #e2e3e5;
-  --theme_light--callout_text_gray: #383d41;
-
-  --theme_light--callout_bg_brown: rgb(130, 118, 111);
-  --theme_light--callout_text_brown: rgb(85, 35, 1);
-
-  --theme_light--callout_bg_orange: rgb(254, 214, 155);
-  --theme_light--callout_text_orange: rgb(255, 140, 0);
-
-  --theme_light--callout_bg_yellow: #fcffd8;
-  --theme_light--callout_text_yellow: #c76e00;
-
-  --theme_light--callout_bg_green: #d4edda;
-  --theme_light--callout_text_green: #155724;
-
-  --theme_light--callout_bg_blue: #cce5ff;
-  --theme_light--callout_text_blue: #004085;
-
-  --theme_light--callout_bg_purple: rgb(199, 178, 230);
-  --theme_light--callout_text_purple: rgb(90, 49, 148);
-
-  --theme_light--callout_bg_pink: rgb(255, 206, 228);
-  --theme_light--callout_text_pink: rgb(255, 0, 127);
-
-  --theme_light--callout_bg_red: #f8d7da;
-  --theme_light--callout_text_red: #721c24;
+  --theme_light--callout_gray: #e2e3e5;
+  --theme_light--callout_gray-text: #383d41;
+  --theme_light--callout_brown: rgb(130, 118, 111);
+  --theme_light--callout_brown-text: rgb(85, 35, 1);
+  --theme_light--callout_orange: rgb(254, 214, 155);
+  --theme_light--callout_orange-text: rgb(255, 140, 0);
+  --theme_light--callout_yellow: #fcffd8;
+  --theme_light--callout_yellow-text: #c76e00;
+  --theme_light--callout_green: #d4edda;
+  --theme_light--callout_green-text: #155724;
+  --theme_light--callout_blue: #cce5ff;
+  --theme_light--callout_blue-text: #004085;
+  --theme_light--callout_purple: rgb(199, 178, 230);
+  --theme_light--callout_purple-text: rgb(90, 49, 148);
+  --theme_light--callout_pink: rgb(255, 206, 228);
+  --theme_light--callout_pink-text: rgb(255, 0, 127);
+  --theme_light--callout_red: #f8d7da;
+  --theme_light--callout_red-text: #721c24;
 }
 
 /* todo 颜色 */
-.notion-body:not(.dark) [style*='background: rgb(46, 170, 220)'] {
-  background: var(--theme_light--option_active-background) !important;
-}
 .notion-body:not(.dark)
-  [style*='background: rgb(46, 170, 220)'][role='button'] {
-  background: var(--theme_light--primary) !important;
+  .notion-light-theme
+  [style*='background: rgb(46, 170, 220)'],
+.notion-body:not(.dark)
+  .notion-light-theme
+  [style*='background-color: rgb(46, 170, 220)'] {
+  background: var(--theme_dark--option_active-background) !important;
 }
-
+.notion-body:not(.dark) [style*='background: rgb(46, 170, 220)'][role='button'],
 .notion-body:not(.dark)
   [style*='background: rgb(46, 170, 220);'][style*='width: 26px'] {
   background: var(--theme_light--primary) !important;
 }
 
-.notion-body:not(.dark)
-  .notion-to_do-block
-  > div
-  [role='button']:not(:hover)
-  .check {
-  background: var(--theme_light--option_active-background) !important;
-}
-
-.notion-body:not(.dark)
-  .notion-to_do-block
-  > div
-  [role='button']:not(:hover)
-  .check
-  polygon {
-  fill: var(--theme_light--option_active-color) !important;
-}
-
-/*================================= 标签颜色 + 文本背景色 ===============================**/
-
-/* 灰色 */
-.notion-body:not(.dark) [style*='background: rgba(155, 154, 151, 0.4)'] {
-  display: inline-block;
-  border-radius: 4px !important;
-  padding: 10px 0.4em !important;
-  font-weight: 500 !important;
-  background: var(--theme_light--bg_gray) !important;
-  color: var(--theme_light--bg_gray_text) !important;
-}
-.notion-body:not(.dark) [style*='background:rgb(235,236,237)'] {
-  display: inline-block;
-  border-radius: 4px !important;
-  padding: 0 0.4em !important;
-  margin: 2px 0 !important;
-  font-weight: 500 !important;
-  background: var(--theme_light--bg_gray) !important;
-  color: var(--theme_light--bg_gray_text) !important;
-}
-
-/* 棕色 */
-.notion-body:not(.dark) [style*='background: rgba(140, 46, 0, 0.2)'] {
-  display: inline-block;
-  border-radius: 4px !important;
-  padding: 10px 0.4em !important;
-  font-weight: 500 !important;
-  background: var(--theme_light--bg_brown) !important;
-  color: var(--theme_light--bg_brown_text) !important;
-}
-.notion-body:not(.dark) [style*='background:rgb(233,229,227)'] {
-  display: inline-block;
-  border-radius: 4px !important;
-  padding: 0 0.4em !important;
-  margin: 2px 0 !important;
-  font-weight: 500 !important;
-  background: var(--theme_light--bg_brown) !important;
-  color: var(--theme_light--bg_brown_text) !important;
-}
-
-/* 橘黄色 */
-.notion-body:not(.dark) [style*='background: rgba(245, 93, 0, 0.2)'] {
-  display: inline-block;
-  border-radius: 4px !important;
-  padding: 10px 0.4em !important;
-  font-weight: 500 !important;
-  background: var(--theme_light--bg_orange) !important;
-  color: var(--theme_light--bg_orange_text) !important;
-}
-
-.notion-body:not(.dark) [style*='background:rgb(250,235,221)'] {
-  display: inline-block;
-  border-radius: 4px !important;
-  padding: 0 0.4em !important;
-  margin: 2px 0 !important;
-  font-weight: 500 !important;
-  background: var(--theme_light--bg_orange) !important;
-  color: var(--theme_light--bg_orange_text) !important;
-}
-
-/* 黄色 */
-.notion-body:not(.dark) [style*='background: rgba(233, 168, 0, 0.2)'] {
-  display: inline-block;
-  border-radius: 4px !important;
-  padding: 10px 0.4em !important;
-  font-weight: 500 !important;
-  background: var(--theme_light--bg_yellow) !important;
-  color: var(--theme_light--bg_yellow_text) !important;
-}
-.notion-body:not(.dark) [style*='background:rgb(251,243,219)'] {
-  display: inline-block;
-  border-radius: 4px !important;
-  padding: 0 0.4em !important;
-  margin: 2px 0 !important;
-  font-weight: 500 !important;
-  background: var(--theme_light--bg_yellow) !important;
-  color: var(--theme_light--bg_yellow_text) !important;
-}
-
-/* 绿色 */
-.notion-body:not(.dark) [style*='background: rgba(0, 135, 107, 0.2)'] {
-  display: inline-block;
-  border-radius: 4px !important;
-  padding: 10px 0.4em !important;
-  font-weight: 500 !important;
-  background: var(--theme_light--bg_green) !important;
-  color: var(--theme_light--bg_green_text) !important;
-}
-.notion-body:not(.dark) [style*='background:rgb(221,237,234)'] {
-  display: inline-block;
-  border-radius: 4px !important;
-  padding: 0 0.4em !important;
-  margin: 2px 0 !important;
-  font-weight: 500 !important;
-  background: var(--theme_light--bg_green) !important;
-  color: var(--theme_light--bg_green_text) !important;
-}
-
-/*  蓝色 */
-.notion-body:not(.dark) [style*='background: rgba(0, 120, 223, 0.2)'] {
-  display: inline-block;
-  border-radius: 4px !important;
-  padding: 10px 0.4em !important;
-  font-weight: 500 !important;
-  background: var(--theme_light--bg_blue) !important;
-  color: var(--theme_light--bg_blue_text) !important;
-}
-.notion-body:not(.dark) [style*='background:rgb(221,235,241)'] {
-  display: inline-block;
-  border-radius: 4px !important;
-  padding: 0 0.4em !important;
-  margin: 2px 0 !important;
-  font-weight: 500 !important;
-  background: var(--theme_light--bg_blue) !important;
-  color: var(--theme_light--bg_blue_text) !important;
-}
-
-/*  紫色 */
-.notion-body:not(.dark) [style*='background: rgba(103, 36, 222, 0.2)'] {
-  display: inline-block;
-  border-radius: 4px !important;
-  padding: 10px 0.4em !important;
-  font-weight: 500 !important;
-  background: var(--theme_light--bg_purple) !important;
-  color: var(--theme_light--bg_purple_text) !important;
-}
-.notion-body:not(.dark) [style*='background:rgb(234,228,242)'] {
-  display: inline-block;
-  border-radius: 4px !important;
-  padding: 0 0.4em !important;
-  margin: 2px 0 !important;
-  font-weight: 500 !important;
-  background: var(--theme_light--bg_purple) !important;
-  color: var(--theme_light--bg_purple_text) !important;
-}
-
-/*  粉红色 */
-.notion-body:not(.dark) [style*='background: rgba(221, 0, 129, 0.2)'] {
-  display: inline-block;
-  border-radius: 4px !important;
-  padding: 10px 0.4em !important;
-  font-weight: 500 !important;
-  background: var(--theme_light--bg_pink) !important;
-  color: var(--theme_light--bg_pink_text) !important;
-}
-.notion-body:not(.dark) [style*='background:rgb(244,223,235)'] {
-  display: inline-block;
-  border-radius: 4px !important;
-  padding: 0 0.4em !important;
-  margin: 2px 0 !important;
-  font-weight: 500 !important;
-  background: var(--theme_light--bg_pink) !important;
-  color: var(--theme_light--bg_pink_text) !important;
-}
-
-/* 红色 */
-.notion-body:not(.dark) [style*='background: rgba(255, 0, 26, 0.2)'] {
-  display: inline-block;
-  border-radius: 4px !important;
-  padding: 10px 0.4em !important;
-  font-weight: 500 !important;
-  background: var(--theme_light--bg_red) !important;
-  color: var(--theme_light--bg_red_text) !important;
-}
-.notion-body:not(.dark) [style*='background:rgb(251,228,228)'] {
-  display: inline-block;
-  border-radius: 4px !important;
-  padding: 0 0.4em !important;
-  margin: 2px 0 !important;
-  font-weight: 500 !important;
-  background: var(--theme_light--bg_red) !important;
-  color: var(--theme_light--bg_red_text) !important;
-}
-
-/* -----------------------------callout 样式 start------------------------ */
-
-/* notion-callout-block gray */
-.notion-body:not(.dark)
-  .notion-callout-block
-  [style*='background: rgba(235, 236, 237, 0.3);'] {
-  /* color: var(--theme_light--callout_text_gray) !important; */
-  background: var(--theme_light--callout_bg_gray) !important;
-  border-radius: 3px !important;
-}
-
-.notion-body:not(.dark)
-  .notion-callout-block
-  [style*='background: rgba(235, 236, 237, 0.3);']
-  [style*='color: rgb(55, 53, 47);'] {
-  color: var(--theme_light--callout_text_gray) !important;
-}
-
-/* notion-callout-block brown */
-.notion-body:not(.dark)
-  .notion-callout-block
-  [style*='background: rgba(233, 229, 227, 0.3);'] {
-  /* color: var(--theme_light--callout_text_brown) !important; */
-  background: var(--theme_light--callout_bg_brown) !important;
-  border-radius: 3px !important;
-}
-
-.notion-body:not(.dark)
-  .notion-callout-block
-  [style*='background: rgba(233, 229, 227, 0.3);']
-  [style*='color: rgb(55, 53, 47);'] {
-  color: var(--theme_light--callout_text_brown) !important;
-}
-
-/* notion-callout-block orange */
-.notion-body:not(.dark)
-  .notion-callout-block
-  [style*='background: rgba(250, 235, 221, 0.3);'] {
-  /* color: var(--theme_light--callout_text_orange) !important; */
-  background: var(--theme_light--callout_bg_orange) !important;
-  border-radius: 3px !important;
-}
-
-.notion-body:not(.dark)
-  .notion-callout-block
-  [style*='background: rgba(250, 235, 221, 0.3);']
-  [style*='color: rgb(55, 53, 47);'] {
-  color: var(--theme_light--callout_text_orange) !important;
-}
-
-/* notion-callout-block yellow */
-.notion-body:not(.dark)
-  .notion-callout-block
-  [style*='background: rgba(251, 243, 219, 0.3);'] {
-  /* color: var(--theme_light--callout_text_yellow) !important; */
-  background: var(--theme_light--callout_bg_yellow) !important;
-  border-radius: 3px !important;
-}
-
-.notion-body:not(.dark)
-  .notion-callout-block
-  [style*='background: rgba(251, 243, 219, 0.3);']
-  [style*='color: rgb(55, 53, 47);'] {
-  color: var(--theme_light--callout_text_yellow) !important;
-}
-
-/* notion-callout-block green */
-.notion-body:not(.dark)
-  .notion-callout-block
-  [style*='background: rgba(221, 237, 234, 0.3);'] {
-  /* color: var(--theme_light--callout_text_green) !important; */
-  background: var(--theme_light--callout_bg_green) !important;
-  border-radius: 3px !important;
-}
-
-.notion-body:not(.dark)
-  .notion-callout-block
-  [style*='background: rgba(221, 237, 234, 0.3);']
-  [style*='color: rgb(55, 53, 47);'] {
-  color: var(--theme_light--callout_text_green) !important;
-}
-
-/* notion-callout-block blue */
-.notion-body:not(.dark)
-  .notion-callout-block
-  [style*='background: rgba(221, 235, 241, 0.3);'] {
-  /* color: var(--theme_light--callout_text_blue) !important; */
-  background: var(--theme_light--callout_bg_blue) !important;
-  border-radius: 3px !important;
-}
-
-.notion-body:not(.dark)
-  .notion-callout-block
-  [style*='background: rgba(221, 235, 241, 0.3);']
-  [style*='color: rgb(55, 53, 47);'] {
-  color: var(--theme_light--callout_text_blue) !important;
-}
-
-/* notion-callout-block purple */
-.notion-body:not(.dark)
-  .notion-callout-block
-  [style*='background: rgba(234, 228, 242, 0.3);'] {
-  /* color: var(--theme_light--callout_text_purple) !important; */
-  background: var(--theme_light--callout_bg_purple) !important;
-  border-radius: 3px !important;
-}
-
-.notion-body:not(.dark)
-  .notion-callout-block
-  [style*='background: rgba(234, 228, 242, 0.3);']
-  [style*='color: rgb(55, 53, 47);'] {
-  color: var(--theme_light--callout_text_purple) !important;
-}
-
-/* notion-callout-block pink */
-.notion-body:not(.dark)
-  .notion-callout-block
-  [style*='background: rgba(244, 223, 235, 0.3);'] {
-  /* color: var(--theme_light--callout_text_pink) !important; */
-  background: var(--theme_light--callout_bg_pink) !important;
-  border-radius: 3px !important;
-}
-
-.notion-body:not(.dark)
-  .notion-callout-block
-  [style*='background: rgba(244, 223, 235, 0.3);'][style*='color: rgb(55, 53, 47);'] {
-  color: var(--theme_light--callout_text_pink) !important;
-}
-
-/* notion-callout-block red */
-.notion-body:not(.dark)
-  .notion-callout-block
-  [style*='background: rgba(251, 228, 228, 0.3);'] {
-  /* color: var(--theme_light--callout_text_red) !important; */
-  background: var(--theme_light--callout_bg_red) !important;
-  border-radius: 3px !important;
-}
-
-.notion-body:not(.dark)
-  .notion-callout-block
-  [style*='background: rgba(251, 228, 228, 0.3);']
-  [style*='color: rgb(55, 53, 47);'] {
-  color: var(--theme_light--callout_text_red) !important;
-}
-
-/* -----------------------------callout 样式 end---------------------------- */
-
 /* ===================== header =========================== */
 .notion-body:not(.dark) [placeholder*='Heading 1'] {
-  color: var(--theme_light--h1_text) !important;
+  color: var(--littlepig_light--h1_text) !important;
 }
 
 .notion-body:not(.dark) [placeholder*='Heading 2'] {
   margin-bottom: 16px;
-  border-bottom: 4px solid var(--theme_light--h2_text);
+  border-bottom: 4px solid var(--littlepig_light--h2_text);
   display: inline-block;
-  color: var(--theme_light--h2_text) !important;
+  color: var(--littlepig_light--h2_text) !important;
   width: auto !important;
   padding: 6px 12px 6px 0 !important;
   position: relative;
 }
-
 .notion-body:not(.dark) [placeholder*='Heading 2']::before {
   content: '🔥 ';
 }
@@ -546,12 +139,11 @@
   padding: 4px 10px !important;
   border-radius: 10px;
   border: 2px solid #42b983;
-  color: var(--theme_light--h3_text) !important;
+  color: var(--littlepig_light--h3_text) !important;
   background-color: #fbf8e7;
   display: inline-block;
   margin-bottom: 14px;
 }
-
 .notion-body:not(.dark) [placeholder*='Heading 3']::before {
   content: '📌 ';
 }
@@ -569,10 +161,9 @@
   padding: 0.5em 0.5em 0.5em 1.9em !important;
   position: relative;
   margin: 10px 0;
-  background: #9494942e;
+  background: var(--theme_light--card);
   border-radius: 3px;
 }
-
 .notion-body:not(.dark)
   .notion-quote-block
   [style*='caret-color: rgb(55, 53, 47);']::before {
@@ -593,13 +184,6 @@
   border-width: 3px !important;
   opacity: 1 !important;
 }
-
 .notion-body:not(.dark) .notion-link-token span:hover {
   color: rgb(233, 51, 38) !important;
 }
-
-/* code */
-.dark [style*='color:#EB5757'] {
-  color: var(--theme_light--code_inline-text) !important;
-  background: var(--theme_light--code_inline-background) !important;
-}
diff --git a/repo/neutral/mod.js b/repo/neutral/mod.js
index 51c13a3..8f1533a 100644
--- a/repo/neutral/mod.js
+++ b/repo/neutral/mod.js
@@ -12,7 +12,7 @@ module.exports = {
   tags: ['theme', 'dark'],
   name: 'neutral',
   desc: 'smoother colours and fonts, designed to be more pleasing to the eye.',
-  version: '0.1.2',
+  version: '0.1.3',
   author: 'arecsu',
   fonts: [
     'https://rsms.me/inter/inter.css',
diff --git a/repo/neutral/styles.css b/repo/neutral/styles.css
index 2a7b441..ac59b4a 100644
--- a/repo/neutral/styles.css
+++ b/repo/neutral/styles.css
@@ -96,9 +96,19 @@
   --theme_dark--line_pink: #8e4b63;
   --theme_dark--line_red: #8c3d3d;
 
+  --theme_dark--callout_gray: rgba(88, 88, 88, 0.175);
+  --theme_dark--callout_brown: rgb(51, 51, 51, 0.175);
+  --theme_dark--callout_orange: rgb(154, 90, 63, 0.175);
+  --theme_dark--callout_yellow: rgb(181, 138, 70, 0.175);
+  --theme_dark--callout_green: rgb(101, 121, 83, 0.175);
+  --theme_dark--callout_blue: rgb(53, 84, 117, 0.175);
+  --theme_dark--callout_purple: rgb(119, 81, 134, 0.175);
+  --theme_dark--callout_pink: rgb(142, 75, 99, 0.175);
+  --theme_dark--callout_red: rgb(140, 61, 61, 0.175);
+
   --theme_dark--code_inline-text: var(--theme_dark--text);
   --theme_dark--code_inline-background: #333333;
-  --theme_dark--code_text: var(--theme_dark--text);
+  --theme_dark--code-text: var(--theme_dark--text);
   --theme_dark--code-background: #0e0e0e;
   --theme_dark--code_function: var(--theme_dark--text_blue);
   --theme_dark--code_keyword: var(--theme_dark--text_pink);
diff --git a/repo/pastel-dark/mod.js b/repo/pastel-dark/mod.js
index 31e9358..37de889 100644
--- a/repo/pastel-dark/mod.js
+++ b/repo/pastel-dark/mod.js
@@ -12,7 +12,7 @@ module.exports = {
   tags: ['theme', 'dark'],
   name: 'pastel dark',
   desc: 'a smooth-transition true dark theme with a hint of pastel.',
-  version: '0.1.2',
+  version: '0.1.3',
   author: {
     name: 'zenith_illinois',
     link: 'https://www.reddit.com/user/zenith_illinois/',
diff --git a/repo/pastel-dark/styles.css b/repo/pastel-dark/styles.css
index 5ba0826..0137242 100644
--- a/repo/pastel-dark/styles.css
+++ b/repo/pastel-dark/styles.css
@@ -50,7 +50,7 @@
   --theme_dark--text_pink: #f7b8dc;
   --theme_dark--text_red: #f8acb4;
 
-  --theme_dark--select_text: rgb(55, 53, 47);
+  --theme_dark--select-text: rgb(55, 53, 47);
   --theme_dark--select_gray: #b1aeab;
   --theme_dark--select_brown: #d8b6a6;
   --theme_dark--select_orange: #fde3c0;
@@ -61,7 +61,7 @@
   --theme_dark--select_pink: #f7b8dc;
   --theme_dark--select_red: #f8acb4;
 
-  --theme_dark--bg_text: var(--theme_darl--select_text);
+  --theme_dark--bg-text: var(--theme_dark--select-text);
   --theme_dark--bg_gray: var(--theme_dark--select_gray);
   --theme_dark--bg_brown: var(--theme_dark--select_brown);
   --theme_dark--bg_orange: var(--theme_dark--select_orange);
@@ -72,7 +72,7 @@
   --theme_dark--bg_pink: var(--theme_dark--select_pink);
   --theme_dark--bg_red: var(--theme_dark--select_red);
 
-  --theme_dark--line_text: rgb(55, 53, 47);
+  --theme_dark--line-text: rgb(34, 34, 34);
   --theme_dark--line_gray: #c2c1c089;
   --theme_dark--line_brown: #dacec992;
   --theme_dark--line_orange: #fff0dc9f;
@@ -83,9 +83,20 @@
   --theme_dark--line_pink: #fdcce8b1;
   --theme_dark--line_red: #ffc8ce9e;
 
+  --theme_dark--callout-text: var(--theme_dark--line-text);
+  --theme_dark--callout_gray: var(--theme_dark--line_gray);
+  --theme_dark--callout_brown: var(--theme_dark--line_brown);
+  --theme_dark--callout_orange: var(--theme_dark--line_orange);
+  --theme_dark--callout_yellow: var(--theme_dark--line_yellow);
+  --theme_dark--callout_green: var(--theme_dark--line_green);
+  --theme_dark--callout_blue: var(--theme_dark--line_blue);
+  --theme_dark--callout_purple: var(--theme_dark--line_purple);
+  --theme_dark--callout_pink: var(--theme_dark--line_pink);
+  --theme_dark--callout_red: var(--theme_dark--line_red);
+
   --theme_dark--code_inline-text: #b3f5c8;
   --theme_dark--code_inline-background: rgb(8, 8, 8);
-  --theme_dark--code_text: var(--theme_dark--text);
+  --theme_dark--code-text: var(--theme_dark--text);
   --theme_dark--code-background: #0f0f0f;
   --theme_dark--code_function: var(--theme_dark--text_blue);
   --theme_dark--code_keyword: var(--theme_dark--text_pink);