From 1412094fd1328a41b9f949249175c8c4c149d7d5 Mon Sep 17 00:00:00 2001
From: mugiwarafx <58401248+mugiwarafx@users.noreply.github.com>
Date: Wed, 9 Dec 2020 01:22:52 +0100
Subject: [PATCH] feat(theme): add pinky boom theme

---
 mods/pinky-boom-theme/mod.js        |   8 +-
 mods/pinky-boom-theme/variables.css | 750 +++++++++++++++++++++++++++-
 2 files changed, 731 insertions(+), 27 deletions(-)

diff --git a/mods/pinky-boom-theme/mod.js b/mods/pinky-boom-theme/mod.js
index 4371afc..a0e89e4 100644
--- a/mods/pinky-boom-theme/mod.js
+++ b/mods/pinky-boom-theme/mod.js
@@ -1,6 +1,6 @@
 /*
  * Pinky Booooom Theme!
- * (c) 2020 mugiwarafx (https://github.com/mugiwarafx)
+ * (c) 2020 mugiwarafx (https://github.com/mugiwarafx/pinky-boom-theme)
  * under the MIT license
  */
 
@@ -9,8 +9,8 @@
 module.exports = {
     id: "fbef391c-58ff-4938-bd45-b85ae0435e4e",
     name: "Pinky Boom Theme",
-    tags: ['theme', 'pink', 'dark', 'light'],
-    desc: "Pinkify your dark/light default template!",
-    version: "0.0.1",
+    tags: ['theme', 'dark', 'light', 'pink'],
+    desc: "pinkify your default light or dark theme",
+    version: "0.0.2",
     author: "mugiwarafx",
 };
\ No newline at end of file
diff --git a/mods/pinky-boom-theme/variables.css b/mods/pinky-boom-theme/variables.css
index 96ce9ae..c526f58 100644
--- a/mods/pinky-boom-theme/variables.css
+++ b/mods/pinky-boom-theme/variables.css
@@ -4,53 +4,757 @@
  * under the MIT license
  */
 
-:root {
+ :root {
+
+  /** light **/
+
+  --light_pinky-deep-pink: deeppink;
+
+  --light_pinky-lighten-1: #fce4ec;
+  --light_pinky-lighten-2: #f8bbd0;
+  --light_pinky-lighten-3: #f48fb1;
+  --light_pinky-lighten-4: #ff80ab;
+
+  --light_pinky-darken: #880e4f;
+
+  --light_pinky-alt-colors-white: #fefafa;
+  --light_pinky-alt-colors-transparent: transparent;
+
+  --light_pinky-deep-purple: #1e114e;
+
+  --light_pinky-trans-purple-1: #37352f06;
+  --light_pinky-trans-purple-2: #8868ff1a;
+  --light_pinky-trans-purple-3: #880e4f38;
+  --light_pinky-trans-purple-4: #8968ff42;
+  
+  --light_pinky-trans-1: #ffc0cb61;
+  --light_pinky-trans-2: #ffc0cb96;
+  --light_pinky-trans-3: #ffc0cbb8;
+  --light_pinky-trans-4: #ffc0cbda;
+  --light_pinky-trans-5: #ffb6c175;
+  --light_pinky-trans-6: #ffc0cb99;
+
+  --light_pinky-brown: #a52a2a80;
+  --light_pinky-orange: #ffa60080;
+  --light_pinky-yellow: #ffff0080;
+  --light_pinky-green: #00ff0080;
+  --light_pinky-blue: #00ffff80;
+  --light_pinky-purple: #9b00ff80;
+  --light_pinky-pink: #ff149180;
+  --light_pinky-red: #ff000080;
+  --light_pinky-black: black;
+  --light_pinky-white: white;
+
+  --theme_light--main: var(--light_pinky-alt-colors-white);
+  --theme_light--sidebar: var(--light_pinky-alt-colors-transparent); 
+  --theme_light--overlay: var(--light_pinky-trans-6);
+  --theme_light--dragarea: var(--light_pinky-lighten-1);
+  --theme_light--box-shadow: var(--light_pinky-trans-1) 0px 0px 0px 1px, var(--light_pinky-trans-1) 0px 2px 4px;
+  --theme_light--box-shadow_strong: var(--light_pinky-trans-4) 0px 0px 0px 1px, var(--light_pinky-trans-2)  0px 3px 6px, var(--light_pinky-trans-3)  0px 9px 24px;
+
+  --theme_light--page_normal-width: 900px;
+  --theme_light--page_full-width: 100%;
+  --theme_light--page-padding: calc(96px + env(safe-area-inset-left));
+  --theme_light--page_banner-height: 30vh;
+  --theme_light--preview-width: 977px;
+  --theme_light--preview-padding: 8rem;
+  --theme_light--preview_banner-height: 20vh;
+
+  --theme_light--font_sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, 'Apple Color Emoji', Arial, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
+  --theme_light--font_serif: Lyon-Text, Georgia, YuMincho, 'Yu Mincho','Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'Songti TC', 'Songti SC', SimSun, 'Nanum Myeongjo', NanumMyeongjo, Batang, serif;
+  --theme_light--font_mono: iawriter-mono, Nitti, Menlo, Courier, monospace;
+  --theme_light--font_code: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
+  --theme_light--font_quote: var(--theme_light--font_sans);
+  --theme_light--font_headings: var(--theme_light--font_sans);
+  --theme_light--font_title-size: 40px;
+  --theme_light--font_heading1-size: 1.875em;
+  --theme_light--font_heading2-size: 1.5em;
+  --theme_light--font_heading3-size: 1.25em;
+  --theme_light--font_label-size: 14px;
+  --theme_light--font_body-size: 16px;
+  --theme_light--font_body-size_small: 14px;
+  --theme_light--font_code-size: 0.796875em;
+  --theme_light--font_sidebar-size: 14px;
+  --theme_light--text-block_line-height: 1.5;
+  --theme_light--text-block_margin-top: 1px;
+
+  --theme_light--scrollbar: var(--light_pinky-lighten-3);
+  --theme_light--scrollbar-border: var(--theme_pinky--helpers-transparent);
+  --theme_light--scrollbar_hover: var(--light_pinky-lighten-2);
+  --theme_light--card: var(--light_pinky-lighten-1);
+  --theme_light--gallery: var(--light_pinky-trans-purple-1);
+  --theme_light--select_input: var(--light_pinky-trans-purple-2);
+  --theme_light--table-border: var(--light_pinky-trans-purple-2);
+  --theme_light--ui-border: var(--light_pinky-trans-purple-2);
+  --theme_light--interactive_hover: var(--light_pinky-trans-purple-4);
+  --theme_light--interactive_hover-border: var(--light_pinky-alt-colors-transparent);
+  --theme_light--button_close: #e81123;
+  --theme_light--button_close-fill: var(--light_pinky-white);
+  --theme_light--selected: var(--thene_pinky--purple-1-shadows);
+  --theme_light--primary: var(--light_pinky-deep-pink);
+  --theme_light--primary_hover: var(--light_pinky-lighten-4);
+  --theme_light--primary_click: var(--light_pinky-lighten-4);
+  --theme_light--primary_indicator: rgb(235, 87, 87);
+  --theme_light--option-color: var(--light_pinky-darken);
+  --theme_light--option-background: var(--light_pinky-alt-colors-transparent);
+  --theme_light--option_hover-color: var(--light_pinky-darken);
+  --theme_light--option_hover-background: var(--light_pinky-trans-purple-3);
+  --theme_light--option_active-color: var(--light_pinky-white);
+  --theme_light--option_active-background: var(--theme_light--primary);
+  --theme_light--danger_text: rgb(235, 87, 87);
+  --theme_light--danger_border: rgba(235, 87, 87, 0.5);
+  --theme_light--text: var(--theme_light--text);
+  --theme_light--text_ui: var(--light_pinky-deep-purple);
+  --theme_light--text_ui_info: var(--light_pinky-deep-pink);
+
+  --theme_light--text_gray: rgb(155, 154, 151);
+  --theme_light--text_brown: rgb(100, 71, 58);
+  --theme_light--text_orange: rgb(217, 115, 13);
+  --theme_light--text_yellow: rgb(223, 171, 1);
+  --theme_light--text_green: rgb(15, 123, 108);
+  --theme_light--text_blue: rgb(11, 110, 153);
+  --theme_light--text_purple: var(--light_pinky-purple);
+  --theme_light--text_pink: var(--light_pinky-deep-pink);
+  --theme_light--text_red: rgb(224, 62, 62);
+
+  --theme_light--bg-text: var(--theme_light--text);
+  --theme_light--bg_gray: rgba(128, 128, 128, 0.25);
+  --theme_light--bg_gray-text: var(--theme_light--bg-text);
+  --theme_light--bg_brown: var(--light_pinky-brown);
+  --theme_light--bg_brown-text: var(--theme_light--bg-text);
+  --theme_light--bg_orange: var(--light_pinky-orange);
+  --theme_light--bg_orange-text: var(--light_pinky-black);
+  --theme_light--bg_yellow: var(--light_pinky-yellow);
+  --theme_light--bg_yellow-text: var(--light_pinky-black);
+  --theme_light--bg_green:  var(--light_pinky-green);
+  --theme_light--bg_green-text: var(--light_pinky-black);
+  --theme_light--bg_blue: var(--light_pinky-blue);
+  --theme_light--bg_blue-text: var(--light_pinky-black);
+  --theme_light--bg_purple: var(--light_pinky-purple);
+  --theme_light--bg_purple-text:var(--light_pinky-white);
+  --theme_light--bg_pink: var(--light_pinky-pink);
+  --theme_light--bg_pink-text: var(--light_pinky-white);
+  --theme_light--bg_red: var(--light_pinky-red);
+  --theme_light--bg_red-text: var(--theme_light--bg-text);
+
+  --theme_light--line-text: var(--theme_light--text);
+  --theme_light--line_gray: rgba(128, 128, 128, 0.5);
+  --theme_light--line_gray-text: var(--theme_light--line-text);
+  --theme_light--line_brown: var(--light_pinky-brown);
+  --theme_light--line_brown-text: var(--theme_light--line-text);
+  --theme_light--line_orange: var(--light_pinky-orange);
+  --theme_light--line_orange-text: var(--theme_light--line-text);
+  --theme_light--line_yellow: var(--light_pinky-yellow);
+  --theme_light--line_yellow-text: var(--theme_light--line-text);
+  --theme_light--line_green:  var(--light_pinky-green);
+  --theme_light--line_green-text: var(--theme_light--line-text);
+  --theme_light--line_blue: var(--light_pinky-blue);
+  --theme_light--line_blue-text: var(--theme_light--line-text);
+  --theme_light--line_purple: var(--light_pinky-purple);
+  --theme_light--line_purple-text: var(--theme_light--line-text);
+  --theme_light--line_pink: var(--light_pinky-pink);
+  --theme_light--line_pink-text: var(--theme_light--line-text);
+  --theme_light--line_red: var(--light_pinky-red);
+  --theme_light--line_red-text: var(--theme_light--line-text);
+
+  --theme_light--select-text: var(--theme_light--text);
+  --theme_light--select_gray: rgba(128, 128, 128, 0.25);
+  --theme_light--select_gray-text: var(--light_pinky-white);
+  --theme_light--select_brown: var(--light_pinky-brown);
+  --theme_light--select_brown-text: var(--light_pinky-white);
+  --theme_light--select_orange: var(--light_pinky-orange);
+  --theme_light--select_orange-text: var(--light_pinky-black);
+  --theme_light--select_yellow: var(--light_pinky-yellow);
+  --theme_light--select_yellow-text: var(--light_pinky-black);
+  --theme_light--select_green:  var(--light_pinky-green);
+  --theme_light--select_green-text: var(--light_pinky-black);
+  --theme_light--select_blue: var(--light_pinky-blue);
+  --theme_light--select_blue-text: var(--light_pinky-black);
+  --theme_light--select_purple: var(--light_pinky-purple);
+  --theme_light--select_purple-text: var(--light_pinky-white);
+  --theme_light--select_pink: var(--light_pinky-pink);
+  --theme_light--select_pink-text: var(--light_pinky-white);
+  --theme_light--select_red: var(--light_pinky-red);
+  --theme_light--select_red-text: var(--light_pinky-white);
+
+  --theme_light--callout-text: var(--theme_light--text);
+  --theme_light--callout_gray: rgba(128, 128, 128, 0.25);
+  --theme_light--callout_gray-text: var(--light_pinky-black);
+  --theme_light--callout_brown: var(--light_pinky-brown);
+  --theme_light--callout_brown-text: var(--light_pinky-white);
+  --theme_light--callout_orange: var(--light_pinky-orange);
+  --theme_light--callout_orange-text: var(--light_pinky-black);
+  --theme_light--callout_yellow: var(--light_pinky-yellow);
+  --theme_light--callout_yellow-text: var(--light_pinky-black);
+  --theme_light--callout_green: var(--light_pinky-green);
+  --theme_light--callout_green-text: var(--light_pinky-black);
+  --theme_light--callout_blue: var(--light_pinky-blue);
+  --theme_light--callout_blue-text: var(--light_pinky-black);
+  --theme_light--callout_purple: var(--light_pinky-purple);
+  --theme_light--callout_purple-text: var(--light_pinky-white);
+  --theme_light--callout_pink: var(--light_pinky-pink);
+  --theme_light--callout_pink-text: var(--light_pinky-white);
+  --theme_light--callout_red: var(--light_pinky-red);
+  --theme_light--callout_red-text: var(--light_pinky-white);
+
+  --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: #8868ff1f;
+  --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;
 
   /** dark **/ 
-  --theme_dark--scrollbar: pink;
-  --theme_dark--scrollbar-border: transparent;
-  --theme_dark--scrollbar_hover: rgb(255, 192, 241);
-  --theme_dark--selected:#f7c8ff33;
-  --theme_dark--primary: rgb(113, 46, 220);
-  --theme_dark--primary_hover: hsl(350deg 40% 70% / 43%);
-  --theme_dark--primary_click: hsl(350deg 40% 70% / 43%);
-  --theme_dark--text: pink;
-  --theme_dark--text_ui: #ffa5fc;
-  --theme_dark--text_ui_info: hsl(260deg 40% 70%);
+
+  --dark_pinky-deep-pink: deeppink;
+  --dark_pinky-default-pink: pink;
+
+  --dark_pinky-lighten-1: lightpink;
+  --dark_pinky-lighten-2: #ffc0f1;
+  --dark_pinky-lighten-3: #ffa5fc;
+
+  --dark_pinky-alt-colors-black: #141518;
+  --dark_pinky-alt-colors-darkgray: #272d2f;
+  --dark_pinky-alt-colors-transparent: transparent;
+  --dark_pinky-alt-colors-light-transp-1: #ffffff0d;
+  --dark_pinky-alt-colors-light-transp-2: #ffffff1a;
+
+  --dark_pinky-purple-1: #0c061f;
+  --dark_pinky-purple-2: #65569e;
+  --dark_pinky-purple-3: #712edc;
+  --dark_pinky-purple-4: #a894d1;
+
+  --dark_pinky-trans-purple-1: #0c061f99;
+  --dark_pinky-trans-purple-2: #ff14935e;
+
+  --dark_pinky-trans-1: #f8bbd033;
+  --dark_pinky-trans-2: #f8bbd066;
+  --dark_pinky-trans-3: #d1949e6e;
+  --dark_pinky-trans-4: #ff149300;
+
+  --dark_pinky-gray: rgba(128, 128, 128, 1);
+  --dark_pinky-brown: rgba(165, 42, 42, 1);
+  --dark_pinky-orange: rgba(255, 166, 0, 1);
+  --dark_pinky-yellow: rgba(255, 255, 0, 1);
+  --dark_pinky-green: rgba(0, 255, 0, 1);
+  --dark_pinky-blue: rgba(0, 255, 255, 1);
+  --dark_pinky-purple: rgba(155, 0, 255, 1);
+  --dark_pinky-pink: rgba(255, 20, 145, 1);
+  --dark_pinky-red: rgba(255, 0, 0, 1);
+  --dark_pinky-black: black;
+  --dark_pinky-white: white;
   
-  /** light **/
-  --theme_light--sidebar:#ff14932b;
-  --theme_light--scrollbar: #ff14ef;
-  --theme_light--scrollbar-border: inherit;
-  --theme_light--scrollbar_hover:  hsl(350, 40%, 70%);
-  --theme_light--interactive_hover: rgb(228, 208, 255);
-  --theme_light--selected:hsl(294deg, 100%, 88%);
-  --theme_light--primary: #fd98f5;
-  --theme_light--primary_hover: deeppink;
-  --theme_light--primary_click: #fd98f5;
+  --theme_dark--main: var(--dark_pinky-alt-colors-black);
+  --theme_dark--sidebar: var(--dark_pinky-purple-1);
+  --theme_dark--overlay: var(--dark_pinky-trans-purple-1);
+  --theme_dark--dragarea: var(--dark_pinky-alt-colors-darkgray);
+  --theme_dark--box-shadow: var(--dark_pinky-lighten-1) 0px 0px 0px 1px, var(--dark_pinky-trans-1) 0px 2px 4px;
+  --theme_dark--box-shadow_strong: var(--dark_pinky-lighten-1) 0px 0px 0px 1px, var(--dark_pinky-trans-1) 0px 3px 6px, var(--dark_pinky-trans-2) 0px 9px 24px;
+  
+  --theme_dark--page_normal-width: 900px;
+  --theme_dark--page_full-width: 100%;
+  --theme_dark--page-padding: calc(96px + env(safe-area-inset-left));
+  --theme_dark--page_banner-height: 30vh;
+  --theme_dark--preview-width: 977px;
+  --theme_dark--preview-padding: 8rem;
+  --theme_dark--preview_banner-height: 20vh;
+
+  --theme_dark--font_sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, 'Apple Color Emoji', Arial, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
+  --theme_dark--font_serif: Lyon-Text, Georgia, YuMincho, 'Yu Mincho', 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'Songti TC', 'Songti SC', SimSun, 'Nanum Myeongjo', NanumMyeongjo, Batang, serif;
+  --theme_dark--font_mono: iawriter-mono, Nitti, Menlo, Courier, monospace;
+  --theme_dark--font_code: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
+  --theme_dark--font_quote: var(--theme_dark--font_sans);
+  --theme_dark--font_headings: var(--theme_dark--font_sans);
+  --theme_dark--font_title-size: 40px;
+  --theme_dark--font_heading1-size: 1.875em;
+  --theme_dark--font_heading2-size: 1.5em;
+  --theme_dark--font_heading3-size: 1.25em;
+  --theme_dark--font_label-size: 14px;
+  --theme_dark--font_body-size: 16px;
+  --theme_dark--font_body-size_small: 14px;
+  --theme_dark--font_code-size: 0.796875em;
+  --theme_dark--font_sidebar-size: 14px;
+  --theme_dark--text-block_line-height: 1.5;
+  --theme_dark--text-block_margin-top: 1px;
+
+  --theme_dark--scrollbar: var(--dark_pinky-default-pink);
+  --theme_dark--scrollbar-border: transparent;
+  --theme_dark--scrollbar_hover: var(--dark_pinky-lighten-2);
+  --theme_dark--card: var(--dark_pinky-purple-1);
+  --theme_dark--gallery: var(--dark_pinky-alt-colors-light-transp-1);
+  --theme_dark--select_input: var(--dark_pinky-alt-colors-light-transp-2);
+  --theme_dark--table-border: var(--dark_pinky-alt-colors-light-transp-2);
+  --theme_dark--ui-border: var(--dark_pinky-deep-pink);
+  --theme_dark--interactive_hover: var(--dark_pinky-purple-2);
+  --theme_dark--interactive_hover-border: transparent;
+  --theme_dark--button_close: #e81123;
+  --theme_dark--button_close-fill: var(--dark_pinky-white);
+  --theme_dark--selected:var(--dark_pinky-trans-purple-2);
+  --theme_dark--primary: var(--dark_pinky-purple-3);
+  --theme_dark--primary_hover: var(--dark_pinky-trans-3);
+  --theme_dark--primary_click: var(--dark_pinky-trans-3);
+  --theme_dark--primary_indicator: rgb(235, 87, 87);
+  --theme_dark--option-color: var(--dark_pinky-deep-pink);
+  --theme_dark--option-background: var(--dark_pinky-trans-4);
+  --theme_dark--option_active-color: var(--dark_pinky-white);
+  --theme_dark--option_active-background: var(--theme_dark--primary);
+  --theme_dark--option_hover-color: var(--dark_pinky-deep-pink);
+  --theme_dark--option_hover-background: var(--dark_pinky-alt-colors-black);
+  --theme_dark--danger_text: rgb(235, 87, 87);
+  --theme_dark--danger_border: rgba(235, 87, 87, 0.5);
+  --theme_dark--text: var(--dark_pinky-default-pink);
+  --theme_dark--text_ui: var(--dark_pinky-lighten-3);
+  --theme_dark--text_ui_info: var(--dark_pinky-purple-4);
+
+  --theme_dark--text_gray: --dark_pinky-gray;
+  --theme_dark--text_brown: var(--dark_pinky-brown);
+  --theme_dark--text_orange: var(--dark_pinky-orange);
+  --theme_dark--text_yellow: var(--dark_pinky-yellow);
+  --theme_dark--text_green: var(--dark_pinky-green);
+  --theme_dark--text_blue: var(--dark_pinky-blue);
+  --theme_dark--text_purple: var(--dark_pinky-purple);
+  --theme_dark--text_pink: var(--dark_pinky-pink);
+  --theme_dark--text_red: var(--dark_pinky-red);
+
+  --theme_dark--bg-text: var(--theme_dark--text);
+  --theme_dark--bg_gray: --dark_pinky-gray;
+  --theme_dark--bg_gray-text: var(--dark_pinky-white);
+  --theme_dark--bg_brown: var(--dark_pinky-brown);
+  --theme_dark--bg_brown-text: var(--dark_pinky-white);
+  --theme_dark--bg_orange: var(--dark_pinky-orange);
+  --theme_dark--bg_orange-text: var(--dark_pinky-black);
+  --theme_dark--bg_yellow: var(--dark_pinky-yellow);
+  --theme_dark--bg_yellow-text: var(--dark_pinky-black);
+  --theme_dark--bg_green: var(--dark_pinky-green);
+  --theme_dark--bg_green-text: var(--dark_pinky-black);
+  --theme_dark--bg_blue: var(--dark_pinky-blue);
+  --theme_dark--bg_blue-text: var(--dark_pinky-black);
+  --theme_dark--bg_purple: var(--dark_pinky-purple);
+  --theme_dark--bg_purple-text:var(--dark_pinky-white);
+  --theme_dark--bg_pink: var(--dark_pinky-pink);
+  --theme_dark--bg_pink-text: var(--dark_pinky-white);
+  --theme_dark--bg_red: var(--dark_pinky-red);
+  --theme_dark--bg_red-text: var(--dark_pinky-white);
+
+  --theme_dark--line-text: var(--theme_dark--text);
+  --theme_dark--line_gray: rgb(69, 75, 78);
+  --theme_dark--line_gray-text: var(--dark_pinky-black);
+  --theme_dark--line_brown: var(--dark_pinky-brown);
+  --theme_dark--line_brown-text: var(--dark_pinky-black);
+  --theme_dark--line_orange: var(--dark_pinky-orange);
+  --theme_dark--line_orange-text: var(--dark_pinky-black);
+  --theme_dark--line_yellow: var(--dark_pinky-yellow);
+  --theme_dark--line_yellow-text: var(--dark_pinky-black);
+  --theme_dark--line_green: var(--dark_pinky-green);
+  --theme_dark--line_green-text: var(--dark_pinky-black);
+  --theme_dark--line_blue: var(--dark_pinky-blue);
+  --theme_dark--line_blue-text: var(--dark_pinky-black);
+  --theme_dark--line_purple: var(--dark_pinky-purple);
+  --theme_dark--line_purple-text: var(--dark_pinky-black);
+  --theme_dark--line_pink: var(--dark_pinky-pink);
+  --theme_dark--line_pink-text: var(--dark_pinky-black);
+  --theme_dark--line_red: var(--dark_pinky-red);
+  --theme_dark--line_red-text: var(--dark_pinky-black);
+
+  --theme_dark--select-text: var(--theme_dark--text);
+  --theme_dark--select_gray: rgba(128, 128, 128, 0.25);
+  --theme_dark--select_gray-text: var(--dark_pinky-white);
+  --theme_dark--select_brown: var(--dark_pinky-brown);
+  --theme_dark--select_brown-text: var(--dark_pinky-white);
+  --theme_dark--select_orange: var(--dark_pinky-orange);
+  --theme_dark--select_orange-text: var(--dark_pinky-black);
+  --theme_dark--select_yellow: var(--dark_pinky-yellow);
+  --theme_dark--select_yellow-text: var(--dark_pinky-black);
+  --theme_dark--select_green: var(--dark_pinky-green);
+  --theme_dark--select_green-text: var(--dark_pinky-black);
+  --theme_dark--select_blue: var(--dark_pinky-blue);
+  --theme_dark--select_blue-text: var(--dark_pinky-black);
+  --theme_dark--select_purple: var(--dark_pinky-purple);
+  --theme_dark--select_purple-text: var(--dark_pinky-white);
+  --theme_dark--select_pink: var(--dark_pinky-pink);
+  --theme_dark--select_pink-text: var(--dark_pinky-white);
+  --theme_dark--select_red: var(--dark_pinky-red);
+  --theme_dark--select_red-text: var(--dark_pinky-white);
+
+  --theme_dark--callout-text: var(--theme_dark--text);
+  --theme_dark--callout_gray: rgba(128, 128, 128, 0.25);
+  --theme_dark--callout_gray-text:var(--dark_pinky-white);
+  --theme_dark--callout_brown: var(--dark_pinky-brown);
+  --theme_dark--callout_brown-text: var(--dark_pinky-white);
+  --theme_dark--callout_orange: var(--dark_pinky-orange);
+  --theme_dark--callout_orange-text: var(--dark_pinky-black);
+  --theme_dark--callout_yellow: var(--dark_pinky-yellow);
+  --theme_dark--callout_yellow-text: var(--dark_pinky-black);
+  --theme_dark--callout_green:var(--dark_pinky-green);
+  --theme_dark--callout_green-text: var(--dark_pinky-black);
+  --theme_dark--callout_blue: var(--dark_pinky-blue);
+  --theme_dark--callout_blue-text: var(--dark_pinky-black);
+  --theme_dark--callout_purple: var(--dark_pinky-purple);
+  --theme_dark--callout_purple-text: var(--dark_pinky-white);
+  --theme_dark--callout_pink: var(--dark_pinky-pink);
+  --theme_dark--callout_pink-text: var(--dark_pinky-white);
+  --theme_dark--callout_red: var(--dark_pinky-red);
+  --theme_dark--callout_red-text: var(--dark_pinky-white);
+
+  --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: 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%);
+  --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(350, 40%, 70%);
+  --theme_dark--code_string: hsl(75, 70%, 60%);
+  --theme_dark--code_attr-value: hsl(350, 40%, 70%);
 }
 
 .notion-dark-theme {
+  --theme--main: var(--theme_dark--main);
+  --theme--sidebar: var(--theme_dark--sidebar);
+  --theme--overlay: var(--theme_dark--overlay);
+  --theme--dragarea: var(--theme_dark--dragarea);
+  --theme--box-shadow: var(--theme_dark--box-shadow);
+  --theme--box-shadow_strong: var(--theme_dark--box-shadow_strong);
+  --theme--page_normal-width: var(--theme_dark--page_normal-width);
+  --theme--page_full-width: var(--theme_dark--page_full-width);
+  --theme--page-padding: var(--theme_dark--page-padding);
+  --theme--page_banner-height: var(--theme_dark--page_banner-height);
+  --theme--preview-width: var(--theme_dark--preview-width);
+  --theme--preview-padding: var(--theme_dark--preview-padding);
+  --theme--preview_banner-height: var(--theme_dark--preview_banner-height);
+  --theme--font_sans: var(--theme_dark--font_sans);
+  --theme--font_serif: var(--theme_dark--font_serif);
+  --theme--font_mono: var(--theme_dark--font_mono);
+  --theme--font_code: var(--theme_dark--font_code);
+  --theme--font_quote: var(--theme_dark--font_quote);
+  --theme--font_headings: var(--theme_dark--font_headings);
+  --theme--font_title-size: var(--theme_dark--font_title-size);
+  --theme--font_heading1-size: var(--theme_dark--font_heading1-size);
+  --theme--font_heading2-size: var(--theme_dark--font_heading2-size);
+  --theme--font_heading3-size: var(--theme_dark--font_heading3-size);
+  --theme--font_label-size: var(--theme_dark--font_label-size);
+  --theme--font_body-size: var(--theme_dark--font_body-size);
+  --theme--font_body-size_small: var(--theme_dark--font_body-size_small);
+  --theme--font_code-size: var(--theme_dark--font_code-size);
+  --theme--font_sidebar-size: var(--theme_dark--font_sidebar-size);
+  --theme--text-block_line-height: var(--theme_dark--text-block_line-height);
+  --theme--text-block_margin-top: var(--theme_dark--text-block_margin-top);
   --theme--scrollbar: var(--theme_dark--scrollbar);
   --theme--scrollbar-border: var(--theme_dark--scrollbar-border);
   --theme--scrollbar_hover: var(--theme_dark--scrollbar_hover);
+  --theme--card: var(--theme_dark--card);
+  --theme--gallery: var(--theme_dark--gallery);
+  --theme--select_input: var(--theme_dark--select_input);
+  --theme--table-border: var(--theme_dark--table-border);
+  --theme--ui-border: var(--theme_dark--ui-border);
+  --theme--interactive_hover: var(--theme_dark--interactive_hover);
+  --theme--interactive_hover-border: var(--theme_dark--interactive_hover-border);
+  --theme--button_close: var(--theme_dark--button_close);
+  --theme--button_close-fill: var(--theme_dark--button_close-fill);
   --theme--selected: var(--theme_dark--selected);
   --theme--primary: var(--theme_dark--primary);
   --theme--primary_hover: var(--theme_dark--primary_hover);
   --theme--primary_click: var(--theme_dark--primary_click);
+  --theme--primary_indicator: var(--theme_dark--primary_indicator);
+  --theme--option-color: var(--theme_dark--option-color);
+  --theme--option-background: var(--theme_dark--option-background);
+  --theme--option_active-color: var(--theme_dark--option_active-color);
+  --theme--option_active-background: var(--theme_dark--option_active-background);
+  --theme--option_hover-color: var(--theme_dark--option_hover-color);
+  --theme--option_hover-background: var(--theme_dark--option_hover-background);
+  --theme--danger_text: var(--theme_dark--danger_text);
+  --theme--danger_border: var(--theme_dark--danger_border);
   --theme--text: var(--theme_dark--text);
   --theme--text_ui: var(--theme_dark--text_ui);
   --theme--text_ui_info: var(--theme_dark--text_ui_info);
+  --theme--text_gray: var(--theme_dark--text_gray);
+  --theme--text_brown: var(--theme_dark--text_brown);
+  --theme--text_orange: var(--theme_dark--text_orange);
+  --theme--text_yellow: var(--theme_dark--text_yellow);
+  --theme--text_green: var(--theme_dark--text_green);
+  --theme--text_blue: var(--theme_dark--text_blue);
+  --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--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--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--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--select_red-text: var(--theme_dark--select_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-background: var(--theme_dark--code-background);
+  --theme--code_function: var(--theme_dark--code_function);
+  --theme--code_keyword: var(--theme_dark--code_keyword);
+  --theme--code_tag: var(--theme_dark--code_tag);
+  --theme--code_operator: var(--theme_dark--code_operator);
+  --theme--code_important: var(--theme_dark--code_important);
+  --theme--code_property: var(--theme_dark--code_property);
+  --theme--code_builtin: var(--theme_dark--code_builtin);
+  --theme--code_attr-name: var(--theme_dark--code_attr-name);
+  --theme--code_comment: var(--theme_dark--code_comment);
+  --theme--code_punctuation: var(--theme_dark--code_punctuation);
+  --theme--code_doctype: var(--theme_dark--code_doctype);
+  --theme--code_number: var(--theme_dark--code_number);
+  --theme--code_string: var(--theme_dark--code_string);
+  --theme--code_attr-value: var(--theme_dark--code_attr-value);
 }
 
 .notion-light-theme {
-  --theme--sidebar: var(--theme_light--sidebar);
+  --theme--main: var(--theme_light--main); 
+  --theme--sidebar: var(--theme_light--sidebar); 
+  --theme--overlay: var(--theme_light--overlay);
+  --theme--dragarea: var(--theme_light--dragarea);
+  --theme--box-shadow: var(--theme_light--box-shadow);
+  --theme--box-shadow_strong: var(--theme_light--box-shadow_strong);
+  --theme--page_normal-width: var(--theme_light--page_normal-width);
+  --theme--page_full-width: var(--theme_light--page_full-width);
+  --theme--page-padding: var(--theme_light--page-padding);
+  --theme--page_banner-height: var(--theme_light--page_banner-height);
+  --theme--preview-width: var(--theme_light--preview-width);
+  --theme--preview-padding: var(--theme_light--preview-padding);
+  --theme--preview_banner-height: var(--theme_light--preview_banner-height);
+  --theme--font_sans: var(--theme_light--font_sans);
+  --theme--font_serif: var(--theme_light--font_serif);
+  --theme--font_mono: var(--theme_light--font_mono);
+  --theme--font_code: var(--theme_light--font_code);
+  --theme--font_quote: var(--theme_light--font_quote);
+  --theme--font_headings: var(--theme_light--font_headings);
+  --theme--font_title-size: var(--theme_light--font_title-size);
+  --theme--font_heading1-size: var(--theme_light--font_heading1-size);
+  --theme--font_heading2-size: var(--theme_light--font_heading2-size);
+  --theme--font_heading3-size: var(--theme_light--font_heading3-size);
+  --theme--font_label-size: var(--theme_light--font_label-size);
+  --theme--font_body-size: var(--theme_light--font_body-size);
+  --theme--font_body-size_small: var(--theme_light--font_body-size_small);
+  --theme--font_code-size: var(--theme_light--font_code-size);
+  --theme--font_sidebar-size: var(--theme_light--font_sidebar-size);
+  --theme--text-block_line-height: var(--theme_light--text-block_line-height);
+  --theme--text-block_margin-top: var(--theme_light--text-block_margin-top);
   --theme--scrollbar: var(--theme_light--scrollbar);
   --theme--scrollbar-border: var(--theme_light--scrollbar-border);
   --theme--scrollbar_hover: var(--theme_light--scrollbar_hover);
+  --theme--card: var(--theme_light--card);
+  --theme--gallery: var(--theme_light--gallery);
+  --theme--select_input: var(--theme_light--select_input);
+  --theme--table-border: var(--theme_light--table-border);
+  --theme--ui-border: var(--theme_light--ui-border);
   --theme--interactive_hover: var(--theme_light--interactive_hover);
+  --theme--interactive_hover-border: var(--theme_light--interactive_hover-border);
+  --theme--button_close: var(--theme_light--button_close);
+  --theme--button_close-fill: var(--theme_light--button_close-fill);
   --theme--selected: var(--theme_light--selected);
   --theme--primary: var(--theme_light--primary);
   --theme--primary_hover: var(--theme_light--primary_hover);
   --theme--primary_click: var(--theme_light--primary_click);
-}
\ No newline at end of file
+  --theme--primary_indicator: var(--theme_light--primary_indicator);
+  --theme--option-color: var(--theme_light--option-color);
+  --theme--option-background: var(--theme_light--option-background);
+  --theme--option_hover-color: var(--theme_light--option_hover-color);
+  --theme--option_hover-background: var(--theme_light--option_hover-background);
+  --theme--option_active-color: var(--theme_light--option_active-color);
+  --theme--option_active-background: var(--theme_light--option_active-background);
+  --theme--danger_text: var(--theme_light--danger_text);
+  --theme--danger_border: var(--theme_light--danger_border);
+  --theme--text: var(--theme_light--text);
+  --theme--text_ui: var(--theme_light--text_ui);
+  --theme--text_ui_info: var(--theme_light--text_ui_info);
+  --theme--text_gray: var(--theme_light--text_gray);
+  --theme--text_brown: var(--theme_light--text_brown);
+  --theme--text_orange: var(--theme_light--text_orange);
+  --theme--text_yellow: var(--theme_light--text_yellow);
+  --theme--text_green: var(--theme_light--text_green);
+  --theme--text_blue: var(--theme_light--text_blue);
+  --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--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--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--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--select_red-text: var(--theme_light--select_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-background: var(--theme_light--code-background);
+  --theme--code_function: var(--theme_light--code_function);
+  --theme--code_keyword: var(--theme_light--code_keyword);
+  --theme--code_tag: var(--theme_light--code_tag);
+  --theme--code_operator: var(--theme_light--code_operator);
+  --theme--code_important: var(--theme_light--code_important);
+  --theme--code_property: var(--theme_light--code_property);
+  --theme--code_builtin: var(--theme_light--code_builtin);
+  --theme--code_attr-name: var(--theme_light--code_attr-name);
+  --theme--code_comment: var(--theme_light--code_comment);
+  --theme--code_punctuation: var(--theme_light--code_punctuation);
+  --theme--code_doctype: var(--theme_light--code_doctype);
+  --theme--code_number: var(--theme_light--code_number);
+  --theme--code_string: var(--theme_light--code_string);
+  --theme--code_attr-value: var(--theme_light--code_attr-value);
+}
+
+.notion-body.dark .notion-sidebar {background: transparent;}
+.notion-sidebar{background-color: pink;}