port alejandro's neutral theme to new variables

2025-04-05 13:19:03 +00:00 · 2020-08-09 23:29:27 +10:00 · 2020-08-09 23:29:27 +10:00 · 78b9510e93
commit 78b9510e93
parent eae51c6021
24 changed files with 336 additions and 80 deletions
--- a/repo/bracketed-links/mod.js
+++ b/repo/bracketed-links/mod.js
@ -1,7 +1,7 @@
 /*
 * notion-enhancer
- * (c) 2020 dragonwocky <thedragonring.bod@gmail.com>
- * (https://dragonwocky.me/) under the MIT license
+ * (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
+ * under the MIT license
 */

 'use strict';
--- a/repo/bracketed-links/styles.css
+++ b/repo/bracketed-links/styles.css
@ -1,8 +1,8 @@
 /*
 * notion-enhancer
- * (c) 2020 dragonwocky <thedragonring.bod@gmail.com>
+ * (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
 * (c) 2020 Arecsu
- * (https://dragonwocky.me/) under the MIT license
+ * under the MIT license
 */

 .notion-link-token span {
--- a/repo/core/buttons.js
+++ b/repo/core/buttons.js
@ -1,7 +1,7 @@
 /*
 * notion-enhancer
- * (c) 2020 dragonwocky <thedragonring.bod@gmail.com>
- * (https://dragonwocky.me/) under the MIT license
+ * (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
+ * under the MIT license
 */

 'use strict';
--- a/repo/core/client.js
+++ b/repo/core/client.js
@ -1,8 +1,8 @@
 /*
 * notion-enhancer
- * (c) 2020 dragonwocky <thedragonring.bod@gmail.com>
+ * (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
 * (c) 2020 TarasokUA
- * (https://dragonwocky.me/) under the MIT license
+ * under the MIT license
 */

 'use strict';
--- a/repo/core/create.js
+++ b/repo/core/create.js
@ -1,8 +1,8 @@
 /*
 * notion-enhancer
- * (c) 2020 dragonwocky <thedragonring.bod@gmail.com>
+ * (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
 * (c) 2020 TarasokUA
- * (https://dragonwocky.me/) under the MIT license
+ * under the MIT license
 */

 'use strict';
--- a/repo/core/css/buttons.css
+++ b/repo/core/css/buttons.css
@ -1,8 +1,8 @@
 /*
 * notion-enhancer
- * (c) 2020 dragonwocky <thedragonring.bod@gmail.com>
+ * (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
 * (c) 2020 TarasokUA
- * (https://dragonwocky.me/) under the MIT license
+ * under the MIT license
 */

 .window-buttons-area {
--- a/repo/core/css/dark.css
+++ b/repo/core/css/dark.css
@ -1,10 +1,10 @@
 /*
 * notion-enhancer
- * (c) 2020 dragonwocky <thedragonring.bod@gmail.com>
+ * (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
 * (c) 2020 TarasokUA
 * (c) 2020 Arecsu
 * (c) 2020 u/zenith_illinois
- * (https://dragonwocky.me/) under the MIT license
+ * under the MIT license
 */

 /** general ui **/
@ -62,20 +62,6 @@
  height: var(--theme_dark--page_banner-height) !important;
 }

-.notion-dark-theme,
-.notion-dark-theme [style*='Segoe UI'] {
-  font-family: var(--theme_dark--font_sans) !important;
-}
-.notion-dark-theme [style*='Georgia'] {
-  font-family: var(--theme_dark--font_serif) !important;
-}
-.notion-dark-theme [style*='iawriter-mono'] {
-  font-family: var(--theme_dark--font_mono) !important;
-}
-.notion-dark-theme [style*='SFMono-Regular'] {
-  font-family: var(--theme_dark--font_code) !important;
-}
-
 /* prevent block hover options overlaying topbar */
 .notion-dark-theme .notion-topbar {
  background: var(--theme_dark--main);
@ -135,7 +121,7 @@
  box-shadow: 0 0 0 0.5px var(--theme_dark--button_hover-border);
 }

-/** colours **/
+/** ui colours **/

 .notion-dark-theme ::selection,
 .notion-dark-theme
@ -193,6 +179,48 @@
  border: 1px solid var(--theme_dark--danger_border) !important;
 }

+/* fonts */
+
+.notion-dark-theme,
+.notion-dark-theme [style*='Segoe UI'] {
+  font-family: var(--theme_dark--font_sans) !important;
+}
+.notion-dark-theme [style*='Georgia'] {
+  font-family: var(--theme_dark--font_serif) !important;
+}
+.notion-dark-theme [style*='iawriter-mono'] {
+  font-family: var(--theme_dark--font_mono) !important;
+}
+.notion-dark-theme [style*='SFMono-Regular'] {
+  font-family: var(--theme_dark--font_code) !important;
+}
+
+.notion-dark-theme
+  .notion-frame
+  .notion-scroller.vertical.horizontal
+  .notion-page-content,
+.notion-dark-theme
+  .notion-frame
+  .notion-scroller.vertical.horizontal
+  [style*='font-size: 14px'] {
+  font-size: var(--theme_dark--font-body_size) !important;
+}
+.notion-dark-theme
+  .notion-frame
+  .notion-page-block
+  div[placeholder='Untitled'] {
+  font-size: var(--theme_dark--font-title_size) !important;
+}
+.notion-dark-theme [placeholder='Heading 1'] {
+  font-size: var(--theme_dark--font-heading1_size) !important;
+}
+.notion-dark-theme [placeholder='Heading 2'] {
+  font-size: var(--theme_dark--font-heading2_size) !important;
+}
+.notion-dark-theme [placeholder='Heading 3'] {
+  font-size: var(--theme_dark--font-heading3_size) !important;
+}
+
 .notion-dark-theme,
 .notion-dark-theme .notion-page-content [style*='color: inherit;'],
 .notion-dark-theme .notion-frame .notion-page-block,
@ -213,6 +241,8 @@
  fill: var(--theme_dark--text_ui) !important;
 }

+/* content colours */
+
 .notion-dark-theme [style*='color:rgba(151,154,155,0.95)'] {
  color: var(--theme_dark--text_gray) !important;
 }
@ -317,6 +347,9 @@
 .notion-dark-theme .notion-code-block > div {
  color: var(--theme_dark--code_text) !important;
 }
+.notion-dark-theme .notion-code-block [placeholder=' '] {
+  font-size: var(--theme_dark--font-code_size) !important;
+}
 .notion-dark-theme .notion-code-block .token.function {
  color: var(--theme_dark--code_function) !important;
 }
--- a/repo/core/css/light.css
+++ b/repo/core/css/light.css
@ -1,10 +1,10 @@
 /*
 * notion-enhancer
- * (c) 2020 dragonwocky <thedragonring.bod@gmail.com>
+ * (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
 * (c) 2020 TarasokUA
 * (c) 2020 Arecsu
 * (c) 2020 u/zenith_illinois
- * (https://dragonwocky.me/) under the MIT license
+ * under the MIT license
 */

 /** general ui **/
@ -63,20 +63,6 @@
  height: var(--theme_light--page_banner-height) !important;
 }

-.notion-light-theme,
-.notion-light-theme [style*='Segoe UI'] {
-  font-family: var(--theme_light--font_sans) !important;
-}
-.notion-light-theme [style*='Georgia'] {
-  font-family: var(--theme_light--font_serif) !important;
-}
-.notion-light-theme [style*='iawriter-mono'] {
-  font-family: var(--theme_light--font_mono) !important;
-}
-.notion-light-theme [style*='SFMono-Regular'] {
-  font-family: var(--theme_light--font_code) !important;
-}
-
 /* prevent block hover options overlaying topbar */
 .notion-light-theme .notion-topbar {
  background: var(--theme_light--main);
@ -135,7 +121,7 @@
  background: var(--theme_light--button) !important;
 }

-/** colours **/
+/** ui colours **/

 .notion-light-theme ::selection,
 .notion-light-theme
@ -195,6 +181,48 @@
  border: 1px solid var(--theme_light--danger_border) !important;
 }

+/* fonts */
+
+.notion-light-theme,
+.notion-light-theme [style*='Segoe UI'] {
+  font-family: var(--theme_light--font_sans) !important;
+}
+.notion-light-theme [style*='Georgia'] {
+  font-family: var(--theme_light--font_serif) !important;
+}
+.notion-light-theme [style*='iawriter-mono'] {
+  font-family: var(--theme_light--font_mono) !important;
+}
+.notion-light-theme [style*='SFMono-Regular'] {
+  font-family: var(--theme_light--font_code) !important;
+}
+
+.notion-light-theme
+  .notion-frame
+  .notion-scroller.vertical.horizontal
+  .notion-page-content,
+.notion-light-theme
+  .notion-frame
+  .notion-scroller.vertical.horizontal
+  [style*='font-size: 14px'] {
+  font-size: var(--theme_light--font-body_size) !important;
+}
+.notion-light-theme
+  .notion-frame
+  .notion-page-block
+  div[placeholder='Untitled'] {
+  font-size: var(--theme_light--font-title_size) !important;
+}
+.notion-light-theme [placeholder='Heading 1'] {
+  font-size: var(--theme_light--font-heading1_size) !important;
+}
+.notion-light-theme [placeholder='Heading 2'] {
+  font-size: var(--theme_light--font-heading2_size) !important;
+}
+.notion-light-theme [placeholder='Heading 3'] {
+  font-size: var(--theme_light--font-heading3_size) !important;
+}
+
 .notion-light-theme,
 .notion-light-theme .notion-page-content [style*='color: inherit;'],
 .notion-light-theme .notion-frame .notion-page-block,
@ -215,6 +243,8 @@
  fill: var(--theme_light--text) !important;
 }

+/* content colours */
+
 .notion-light-theme [style*='color:rgb(155,154,151)'] {
  color: var(--theme_light--text_gray) !important;
 }
@ -319,6 +349,9 @@
 .notion-light-theme .notion-code-block > div {
  color: var(--theme_light--code_text) !important;
 }
+.notion-light-theme .notion-code-block [placeholder=' '] {
+  font-size: var(--theme_light--font-code_size) !important;
+}
 .notion-light-theme .notion-code-block .token.function {
  color: var(--theme_light--code_function) !important;
 }
--- a/repo/core/css/localised.css
+++ b/repo/core/css/localised.css
@ -1,7 +1,7 @@
 /*
 * notion-enhancer
- * (c) 2020 dragonwocky <thedragonring.bod@gmail.com>
- * (https://dragonwocky.me/) under the MIT license
+ * (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
+ * under the MIT license
 */

@import './variables.css';
--- a/repo/core/css/menu.css
+++ b/repo/core/css/menu.css
@ -1,7 +1,7 @@
 /*
 * notion-enhancer
- * (c) 2020 dragonwocky <thedragonring.bod@gmail.com>
- * (https://dragonwocky.me/) under the MIT license
+ * (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
+ * under the MIT license
 */

@import './buttons.css';
--- a/repo/core/css/scrollbars.css
+++ b/repo/core/css/scrollbars.css
@ -1,8 +1,8 @@
 /*
 * notion-enhancer
- * (c) 2020 dragonwocky <thedragonring.bod@gmail.com>
+ * (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
 * (c) 2020 TarasokUA
- * (https://dragonwocky.me/) under the MIT license
+ * under the MIT license
 */

 .smooth-scrollbars .notion-scroller {
--- a/repo/core/css/shared.css
+++ b/repo/core/css/shared.css
@ -1,10 +1,10 @@
 /*
 * notion-enhancer
- * (c) 2020 dragonwocky <thedragonring.bod@gmail.com>
+ * (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
 * (c) 2020 TarasokUA
 * (c) 2020 Arecsu
 * (c) 2020 u/zenith_illinois
- * (https://dragonwocky.me/) under the MIT license
+ * under the MIT license
 */

 /* prevent block hover options overlaying topbar */
--- a/repo/core/css/titlebar.css
+++ b/repo/core/css/titlebar.css
@ -1,9 +1,9 @@
 /*
 * notion-enhancer
- * (c) 2020 dragonwocky <thedragonring.bod@gmail.com>
+ * (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
 * (c) 2020 TarasokUA
 * (c) 2020 Arecsu
- * (https://dragonwocky.me/) under the MIT license
+ * under the MIT license
 */

@import 'buttons.css';
--- a/repo/core/css/variables.css
+++ b/repo/core/css/variables.css
@ -1,10 +1,10 @@
 /*
 * notion-enhancer
- * (c) 2020 dragonwocky <thedragonring.bod@gmail.com>
+ * (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
 * (c) 2020 TarasokUA
 * (c) 2020 Arecsu
 * (c) 2020 u/zenith_illinois
- * (https://dragonwocky.me/) under the MIT license
+ * under the MIT license
 */

 :root {
@ -29,12 +29,19 @@
  --theme_dark--font_code: SFMono-Regular, Consolas, 'Liberation Mono', Menlo,
    Courier, monospace;

+  --theme_dark--font-title_size: 40px;
+  --theme_dark--font-heading1_size: 30px;
+  --theme_dark--font-heading2_size: 24px;
+  --theme_dark--font-heading3_size: 20px;
+  --theme_dark--font-body_size: 16px;
+  --theme_dark--font-code_size: 12.75px;
+
  --theme_dark--scrollbar: #505457;
  --theme_dark--scrollbar-border: transparent;
  --theme_dark--scrollbar_hover: #696d6f;

  --theme_dark--card: rgb(63, 68, 71);
-  --theme_dark--card-border: rgb(63, 68, 71);
+  --theme_dark--card-border: none;
  --theme_dark--table-border: rgba(255, 255, 255, 0.1);
  --theme_dark--button_hover: rgb(71, 76, 80);
  --theme_dark--button_hover-border: transparent;
@ -128,12 +135,19 @@
  --theme_light--font_code: SFMono-Regular, Consolas, 'Liberation Mono', Menlo,
    Courier, monospace;

+  --theme_light--font-title_size: 40px;
+  --theme_light--font-heading1_size: 30px;
+  --theme_light--font-heading2_size: 24px;
+  --theme_light--font-heading3_size: 20px;
+  --theme_light--font-body_size: 16px;
+  --theme_light--font-code_size: 12.75px;
+
  --theme_light--scrollbar: #d9d8d6;
  --theme_light--scrollbar-border: #cacac8;
  --theme_light--scrollbar_hover: #cacac8;

  --theme_light--card: rgb(247, 246, 243);
-  --theme_light--card-border: rgb(247, 246, 243);
+  --theme_light--card-border: none;
  --theme_light--table-border: rgba(55, 53, 47, 0.16);
  --theme_light--button_hover: rgba(55, 53, 47, 0.08);
  --theme_light--button_hover-border: transparent;
--- a/repo/core/menu.js
+++ b/repo/core/menu.js
@ -1,7 +1,7 @@
 /*
 * notion-enhancer
- * (c) 2020 dragonwocky <thedragonring.bod@gmail.com>
- * (https://dragonwocky.me/) under the MIT license
+ * (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
+ * under the MIT license
 */

 'use strict';
--- a/repo/core/mod.js
+++ b/repo/core/mod.js
@ -1,7 +1,7 @@
 /*
 * notion-enhancer
- * (c) 2020 dragonwocky <thedragonring.bod@gmail.com>
- * (https://dragonwocky.me/) under the MIT license
+ * (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
+ * under the MIT license
 */

 'use strict';
--- a/repo/core/render.js
+++ b/repo/core/render.js
@ -1,7 +1,7 @@
 /*
 * notion-enhancer
- * (c) 2020 dragonwocky <thedragonring.bod@gmail.com>
- * (https://dragonwocky.me/) under the MIT license
+ * (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
+ * under the MIT license
 */

 'use strict';
--- a/repo/core/styles.css
+++ b/repo/core/styles.css
@ -1,7 +1,7 @@
 /*
 * notion-enhancer
- * (c) 2020 dragonwocky <thedragonring.bod@gmail.com>
- * (https://dragonwocky.me/) under the MIT license
+ * (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
+ * under the MIT license
 */

@import './css/variables.css';
--- a/repo/core/tray.js
+++ b/repo/core/tray.js
@ -1,8 +1,8 @@
 /*
 * notion-enhancer
- * (c) 2020 dragonwocky <thedragonring.bod@gmail.com>
+ * (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
 * (c) 2020 TarasokUA
- * (https://dragonwocky.me/) under the MIT license
+ * under the MIT license
 */

 'use strict';
--- a/repo/custom-inserts/mod.js
+++ b/repo/custom-inserts/mod.js
@ -1,7 +1,7 @@
 /*
- * notion-enhancer
- * (c) 2020 dragonwocky <thedragonring.bod@gmail.com>
- * (https://dragonwocky.me/) under the MIT license
+ * custom inserts
+ * (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
+ * under the MIT license
 */

 'use strict';
--- a/repo/dark+/mod.js
+++ b/repo/dark+/mod.js
@ -1,14 +1,14 @@
 /*
- * notion-enhancer
- * (c) 2020 dragonwocky <thedragonring.bod@gmail.com>
- * (https://dragonwocky.me/) under the MIT license
+ * dark+
+ * (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
+ * under the MIT license
 */

 'use strict';

 module.exports = {
  id: 'c86cfe98-e645-4822-aa6b-e2de1e08bafa',
-  tags: ['theme'],
+  tags: ['theme', 'dark'],
  name: 'dark+',
  desc: 'a vivid-colour near-black theme.',
  version: '0.1.0',
--- a/repo/dark+/styles.css
+++ b/repo/dark+/styles.css
@ -1,7 +1,7 @@
 /*
- * notion-enhancer
- * (c) 2020 dragonwocky <thedragonring.bod@gmail.com>
- * (https://dragonwocky.me/) under the MIT license
+ * dark+
+ * (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
+ * under the MIT license
 */

 :root {
@ -51,6 +51,11 @@
  /* --theme_dark--danger_text: rgb(235, 87, 87);
  --theme_dark--danger_border: rgba(235, 87, 87, 0.5); */

+  /* --theme_dark--font-title_size: 40px;
+  --theme_dark--font-heading1_size: 30px;
+  --theme_dark--font-heading2_size: 24px;
+  --theme_dark--font-heading3_size: 20px; */
+
  --theme_dark--text: rgb(228, 228, 228);
  --theme_dark--text_ui: rgba(211, 211, 211, 0.637);
  --theme_dark--text_ui_info: rgba(211, 211, 211, 0.466);
--- a/repo/neutral/mod.js
+++ b/repo/neutral/mod.js
@ -0,0 +1,16 @@
+/*
+ * neutral
+ * (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
+ * under the MIT license
+ */
+
+'use strict';
+
+module.exports = {
+  id: 'c4435543-4705-4d68-8cf7-d11c342f8089',
+  tags: ['theme', 'dark'],
+  name: 'neutral',
+  desc: 'smoother colours and fonts, designed to be more pleasing to the eye.',
+  version: '0.0.2',
+  author: 'arecsu',
+};
--- a/repo/neutral/styles.css
+++ b/repo/neutral/styles.css
@ -0,0 +1,155 @@
+/*
+ * notion-enhancer
+ * (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
+ * (c) 2020 Arecsu
+ * under the MIT license
+ */
+
+@import url('https://rsms.me/inter/inter.css');
+@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400&display=swap');
+
+:root {
+  /** dark **/
+
+  --theme_dark--main: #131313;
+  --theme_dark--sidebar: #171717;
+  --theme_dark--overlay: rgba(15, 15, 15, 0.6);
+  --theme_dark--dragarea: rgb(15, 15, 15);
+  /* --theme_dark--preview-width: 977px;
+  --theme_dark--preview-padding: 8em;
+  --theme_dark--preview_banner-height: 20vh;
+  --theme_dark--page_banner-height: 30vh; */
+
+  --theme_dark--font_sans: 'Inter', -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: 'Roboto Mono', iawriter-mono, Nitti, Menlo, Courier,
+    monospace;
+  --theme_dark--font_code: 'Roboto Mono', SFMono-Regular, Consolas,
+    'Liberation Mono', Menlo, Courier, monospace;
+
+  /* 1.3 supreme ratio. https://www.modularscale.com/ */
+  --theme_dark--font-title_size: 33px;
+  --theme_dark--font-heading1_size: 33px;
+  --theme_dark--font-heading2_size: 25.3px;
+  --theme_dark--font-heading3_size: 19.5px;
+  --theme_dark--font-body_size: 15px;
+  --theme_dark--font-code_size: 13.5px;
+
+  --theme_dark--scrollbar: #232425;
+  --theme_dark--scrollbar-border: transparent;
+  --theme_dark--scrollbar_hover: #373838;
+
+  --theme_dark--card: #252525;
+  --theme_dark--card-border: none;
+  --theme_dark--table-border: rgba(78, 78, 78, 0.7);
+  --theme_dark--button_hover: rgb(15, 15, 15);
+  --theme_dark--button_hover-border: transparent;
+  --theme_dark--button_close: #e81123;
+  --theme_dark--button_close-fill: white;
+
+  --theme_dark--selected: #52525244;
+  --theme_dark--primary: #404040;
+  --theme_dark--primary_hover: #f3f3f3;
+  --theme_dark--primary_click: #f3f3f3;
+  --theme_dark--primary_indicator: #6d6d6d;
+
+  --theme_dark--todo_empty-border: currentColor;
+  --theme_dark--todo_ticked: currentColor;
+  --theme_dark--todo_ticked-fill: white;
+  --theme_dark--todo_ticked-background: var(--theme_dark--primary);
+  --theme_dark--todo_hover-background: #484848;
+
+  --theme_dark--danger_text: #ce535f;
+  --theme_dark--danger_border: #8c3d3d;
+
+  --theme_dark--text: #dadada;
+  --theme_dark--text_ui: #dadadad0;
+  --theme_dark--text_ui_info: #dadadab4;
+
+  --theme_dark--text_gray: #858585;
+  --theme_dark--text_brown: #484848;
+  --theme_dark--text_orange: #ec9873;
+  --theme_dark--text_yellow: #e2c06f;
+  --theme_dark--text_green: #92b178;
+  --theme_dark--text_blue: #88c5c5;
+  --theme_dark--text_purple: #719cca;
+  --theme_dark--text_pink: #d285aa;
+  --theme_dark--text_red: #ce535f;
+  --theme_dark--bg_gray: #585858;
+  --theme_dark--bg_brown: #333333;
+  --theme_dark--bg_orange: #9a5a3f;
+  --theme_dark--bg_yellow: #b58a46;
+  --theme_dark--bg_green: #657953;
+  --theme_dark--bg_blue: #3a6d6d;
+  --theme_dark--bg_purple: #355475;
+  --theme_dark--bg_pink: #8e4b63;
+  --theme_dark--bg_red: #8c3d3d;
+  --theme_dark--line_gray: #585858;
+  --theme_dark--line_brown: #333333;
+  --theme_dark--line_orange: #9a5a3f;
+  --theme_dark--line_yellow: #b58a46;
+  --theme_dark--line_green: #657953;
+  --theme_dark--line_blue: #3a6d6d;
+  --theme_dark--line_purple: #355475;
+  --theme_dark--line_pink: #8e4b63;
+  --theme_dark--line_red: #8c3d3d;
+
+  --theme_dark--code_inline-text: var(--theme_dark--text);
+  --theme_dark--code_inline-background: #333333;
+  --theme_dark--code_text: var(--theme_dark--text);
+  --theme_dark--code-background: #0e0e0e;
+  --theme_dark--code_function: var(--theme_dark--text_purple);
+  --theme_dark--code_keyword: var(--theme_dark--text_pink);
+  --theme_dark--code_tag: var(--theme_dark--text_pink);
+  --theme_dark--code_operator: var(--theme_dark--text_yellow);
+  --theme_dark--code_important: var(--theme_dark--text_yellow);
+  --theme_dark--code_property: var(--theme_dark--text_pink);
+  --theme_dark--code_builtin: var(--theme_dark--text_yellow);
+  --theme_dark--code_attr-name: var(--theme_dark--text_yellow);
+  --theme_dark--code_comment: var(--theme_dark--text_gray);
+  --theme_dark--code_punctuation: var(--theme_dark--text_gray);
+  --theme_dark--code_doctype: var(--theme_dark--text_gray);
+  --theme_dark--code_number: var(--theme_dark--text_blue);
+  --theme_dark--code_string: var(--theme_dark--text_orange);
+  --theme_dark--code_attr-value: var(--theme_dark--text_orange);
+}
+
+.notion-dark-theme [placeholder='Heading 1'],
+.notion-dark-theme [placeholder='Heading 2'],
+.notion-dark-theme [placeholder='Heading 3'] {
+  padding: 3px 1px !important;
+}
+
+.notion-quote-block {
+  padding-top: 10px;
+  padding-right: 2px;
+  padding-bottom: 12px;
+  padding-left: 2px;
+}
+
+.notion-selectable.notion-text-block {
+  margin-top: 5px !important;
+}
+
+/* increase page width */
+.notion-frame .notion-scroller [style*='width: 900px;'] {
+  width: 1000px !important;
+}
+
+/* add space at the bottom of the main frame when sidebar is hidden
+ * -- matches space at top for titlebar */
+.notion-frame {
+  transition: height 300ms ease 0s;
+}
+.notion-sidebar-container[style*='width: 0px;'] + .notion-frame {
+  height: calc(100vh - 40px) !important;
+}
+
+/* hide sidebar "new page" button */
+.notion-sidebar > [style*='flex: 0 0 auto; margin-top: auto;'] {
+  display: none !important;
+}