From 4a8a18d975eadd385ca8ec853f5320086207a32a Mon Sep 17 00:00:00 2001
From: mugiwarafx <58401248+mugiwarafx@users.noreply.github.com>
Date: Sun, 13 Dec 2020 17:12:52 +0100
Subject: [PATCH] feat(theme): add pinky boom light theme

---
 .../mod.js                                    |   8 +-
 mods/pinky-boom-light/variables.css           | 384 +++++++++
 mods/pinky-boom-theme/variables.css           | 760 ------------------
 3 files changed, 388 insertions(+), 764 deletions(-)
 rename mods/{pinky-boom-theme => pinky-boom-light}/mod.js (50%)
 create mode 100644 mods/pinky-boom-light/variables.css
 delete mode 100644 mods/pinky-boom-theme/variables.css

diff --git a/mods/pinky-boom-theme/mod.js b/mods/pinky-boom-light/mod.js
similarity index 50%
rename from mods/pinky-boom-theme/mod.js
rename to mods/pinky-boom-light/mod.js
index a0e89e4..9241313 100644
--- a/mods/pinky-boom-theme/mod.js
+++ b/mods/pinky-boom-light/mod.js
@@ -1,6 +1,6 @@
 /*
  * Pinky Booooom Theme!
- * (c) 2020 mugiwarafx (https://github.com/mugiwarafx/pinky-boom-theme)
+ * (c) 2020 mugiwarafx (https://github.com/mugiwarafx)
  * under the MIT license
  */
 
@@ -9,8 +9,8 @@
 module.exports = {
     id: "fbef391c-58ff-4938-bd45-b85ae0435e4e",
     name: "Pinky Boom Theme",
-    tags: ['theme', 'dark', 'light', 'pink'],
-    desc: "pinkify your default light or dark theme",
-    version: "0.0.2",
+    tags: ['theme', 'light', 'pink'],
+    desc: "pinkify your light theme",
+    version: "1.0.0",
     author: "mugiwarafx",
 };
\ No newline at end of file
diff --git a/mods/pinky-boom-light/variables.css b/mods/pinky-boom-light/variables.css
new file mode 100644
index 0000000..5863450
--- /dev/null
+++ b/mods/pinky-boom-light/variables.css
@@ -0,0 +1,384 @@
+/*
+ * Pinky Booooom Theme!
+ * (c) 2020 mugiwarafx (https://github.com/mugiwarafx)
+ * under the MIT license
+ */
+
+ :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(--light_pinky-trans-purple-4);
+  --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;
+}
+
+.notion-light-theme {
+  --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);
+  --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-sidebar{background-color: pink;}
\ No newline at end of file
diff --git a/mods/pinky-boom-theme/variables.css b/mods/pinky-boom-theme/variables.css
deleted file mode 100644
index c526f58..0000000
--- a/mods/pinky-boom-theme/variables.css
+++ /dev/null
@@ -1,760 +0,0 @@
-/*
- * Pinky Booooom Theme!
- * (c) 2020 mugiwarafx (https://github.com/mugiwarafx)
- * under the MIT license
- */
-
- :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 **/ 
-
-  --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;
-  
-  --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--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);
-  --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;}