theme: neutral

remove ids from mod folder names

repo/cherry-cola/variables.css

@@ -26,7 +26,7 @@
   --theme--accent_blue-active: #cc86a8;
   --theme--accent_blue-text: #fff;
   --theme--accent_red: var(--cola--accent);
-  --theme--accent_red-hover: #bf799b63;
+  --theme--accent_red-button: #bf799b63;
   --theme--accent_red-text: #fff;
 
   --theme--bg: var(--cola--main);

repo/dark+/variables.css

@@ -10,7 +10,7 @@
   --theme--accent_blue-hover: rgb(211, 57, 57);
   --theme--accent_blue-active: rgb(199, 59, 59);
   --theme--accent_red: rgb(213, 36, 36);
-  --theme--accent_red-hover: rgb(177, 24, 24, 0.1);
+  --theme--accent_red-button: rgb(177, 24, 24, 0.1);
 
   --theme--bg: rgb(14, 14, 14);
   --theme--bg_secondary: rgb(0, 0, 0);

repo/dracula/app.css

@@ -86,10 +86,3 @@
 .notion-dark-theme .notion-code-block .token.punctuation {
   opacity: 1;
 }
-
-.notion-dark-theme
-  [class^='notion-outliner']
-  [style*='background: rgb(71, 76, 80);']
-  .triangle[fill] {
-  fill: var(--theme--text);
-}

repo/dracula/variables.css

@@ -45,7 +45,7 @@
   --theme--accent_blue-hover: #b179ff;
   --theme--accent_blue-active: #9f5ff8;
   --theme--accent_red: var(--dracula--comment);
-  --theme--accent_red-hover: #6273a439;
+  --theme--accent_red-button: #6273a439;
 
   --theme--danger_text: var(--dracula--red);
   --theme--danger_border: var(--dracula--bg_red);

repo/material-ocean/variables.css

@@ -25,7 +25,7 @@
   --theme--accent_blue-active: #ff4d5c;
   --theme--accent_blue-text: #fff;
   --theme--accent_red: var(--ocean--accent);
-  --theme--accent_red-hover: #ff41514b;
+  --theme--accent_red-button: #ff41514b;
   --theme--accent_red-text: #fff;
 
   --theme--bg: var(--ocean--main);

repo/menu/styles.mjs

@@ -124,7 +124,7 @@ setup({
         'blue-active': 'var(--theme--accent_blue-active)',
         'blue-text': 'var(--theme--accent_blue-text)',
         'red': 'var(--theme--accent_red)',
-        'red-hover': 'var(--theme--accent_red-hover)',
+        'red-hover': 'var(--theme--accent_red-button)',
         'red-text': 'var(--theme--accent_red-text)',
       },
       'gray': mapColorVariables('gray'),

repo/neutral/app.css

@@ -0,0 +1,46 @@
+/*
+ * notion-enhancer: neutral
+ * (c) 2020 Arecsu
+ * (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
+ * under the MIT license
+ */
+
+.notion-dark-theme [placeholder='Heading 1'],
+.notion-dark-theme [placeholder='Heading 2'],
+.notion-dark-theme [placeholder='Heading 3'] {
+  padding: 3px 1px !important;
+}
+
+/* hide sidebar "new page" button */
+.notion-dark-theme .notion-sidebar > [style*='flex: 0 0 auto; margin-top: auto;'] {
+  display: none !important;
+}
+
+/* 1.3 supreme ratio. https://www.modularscale.com/ */
+.notion-frame .notion-page-block div[placeholder='Untitled'],
+.notion-overlay-container .notion-page-block div[placeholder='Untitled'] {
+  --neutral--body-font_size: 15px;
+  font-size: 33px !important;
+}
+[placeholder='Heading 1'] {
+  font-size: 2.2rem !important;
+}
+[placeholder='Heading 2'] {
+  font-size: 1.687rem !important;
+}
+[placeholder='Heading 3'] {
+  font-size: 1.3rem !important;
+}
+.notion-frame .notion-scroller.vertical.horizontal .notion-page-content,
+.notion-overlay-container .notion-scroller.vertical .notion-page-content,
+.notion-frame
+  .notion-scroller.vertical.horizontal
+  .notion-page-content[style*='font-size: 14px'],
+.notion-overlay-container
+  .notion-scroller.vertical
+  .notion-page-content[style*='font-size: 14px'] {
+  font-size: 13.5px !important;
+}
+.notion-code-block [placeholder=' '] {
+  font-size: 0.9em !important;
+}

repo/neutral/mod.js

@@ -0,0 +1,17 @@
+/*
+ * neutral
+ * (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
+ * (c) 2020 Arecsu
+ * 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.1.4',
+  author: 'arecsu',
+};

repo/neutral/mod.json

@@ -0,0 +1,22 @@
+{
+  "name": "neutral",
+  "id": "c4435543-4705-4d68-8cf7-d11c342f8089",
+  "version": "0.2.0",
+  "description": "smoother colours and fonts, designed to be more pleasing to the eye.",
+  "tags": ["theme", "dark"],
+  "authors": [
+    {
+      "name": "arecsu",
+      "email": "alejandro9r@gmail.com",
+      "homepage": "https://github.com/Arecsu",
+      "avatar": "https://avatars.githubusercontent.com/u/12679098"
+    }
+  ],
+  "css": {
+    "frame": ["variables.css"],
+    "client": ["variables.css", "app.css"],
+    "menu": ["variables.css"]
+  },
+  "js": {},
+  "options": []
+}

repo/neutral/variables.css

@@ -0,0 +1,114 @@
+/*
+ * notion-enhancer: neutral
+ * (c) 2020 Arecsu
+ * (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
+ * under the MIT license
+ */
+
+@import 'https://rsms.me/inter/inter.css';
+@import 'https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400&display=swap';
+
+:root.dark {
+  --theme--font_sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica,
+    'Apple Color Emoji', Arial, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
+  --theme--font_mono: 'Roboto Mono', iawriter-mono, Nitti, Menlo, Courier, monospace;
+  --theme--font_code: 'Roboto Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo,
+    Courier, monospace;
+
+  --theme--accent_blue: #404040;
+  --theme--accent_blue-selection: #52525244;
+  --theme--accent_blue-hover: #6d6d6d;
+  --theme--accent_blue-active: #cacaca;
+  --theme--accent_red: #ce535f;
+  --theme--accent_red-button: #8c3d3dad;
+
+  --theme--bg: #131313;
+  --theme--bg_secondary: #161616;
+  --theme--bg_popup: #181818;
+
+  --theme--scrollbar_track: transparent;
+  --theme--scrollbar_thumb: #232425;
+  --theme--scrollbar_thumb-hover: #373838;
+
+  --theme--ui_divider: rgba(78, 78, 78, 0.7);
+  --theme--ui_shadow: rgba(15, 15, 15, 0.5);
+  --theme--ui_interactive-hover: rgb(29, 29, 29);
+  --theme--ui_interactive-active: rgba(29, 29, 29, 0.7);
+  --theme--ui_input: #1d1d1d;
+
+  --theme--icon: #dadada;
+  --theme--icon_secondary: #dadadac0;
+
+  --theme--text: #dadada;
+  --theme--text_secondary: #dadadac0;
+  --theme--text_gray: #858585;
+  --theme--text_brown: #484848;
+  --theme--text_orange: #ec9873;
+  --theme--text_yellow: #e2c06f;
+  --theme--text_green: #92b178;
+  --theme--text_blue: #719cca;
+  --theme--text_purple: #ab82bb;
+  --theme--text_pink: #d285aa;
+  --theme--text_red: #ce535f;
+
+  --theme--highlight_gray: #585858;
+  --theme--highlight_brown: #333333;
+  --theme--highlight_orange: #9a5a3f;
+  --theme--highlight_yellow: #b58a46;
+  --theme--highlight_green: #657953;
+  --theme--highlight_blue: #355475;
+  --theme--highlight_purple: #775186;
+  --theme--highlight_pink: #8e4b63;
+  --theme--highlight_red: #8c3d3d;
+
+  --theme--block_gray: #585858;
+  --theme--block_brown: #333333;
+  --theme--block_orange: #9a5a3f;
+  --theme--block_yellow: #b58a46;
+  --theme--block_green: #657953;
+  --theme--block_blue: #355475;
+  --theme--block_purple: #775186;
+  --theme--block_pink: #8e4b63;
+  --theme--block_red: #8c3d3d;
+
+  --theme--tag_default: var(--theme--highlight_gray);
+  --theme--tag_gray: var(--theme--highlight_gray);
+  --theme--tag_brown: var(--theme--highlight_brown);
+  --theme--tag_orange: var(--theme--highlight_orange);
+  --theme--tag_yellow: var(--theme--highlight_yellow);
+  --theme--tag_green: var(--theme--highlight_green);
+  --theme--tag_blue: var(--theme--highlight_blue);
+  --theme--tag_purple: var(--theme--highlight_purple);
+  --theme--tag_pink: var(--theme--highlight_pink);
+  --theme--tag_red: var(--theme--highlight_red);
+
+  --theme--callout_gray: rgba(88, 88, 88, 0.175);
+  --theme--callout_brown: rgb(51, 51, 51, 0.175);
+  --theme--callout_orange: rgb(154, 90, 63, 0.175);
+  --theme--callout_yellow: rgb(181, 138, 70, 0.175);
+  --theme--callout_green: rgb(101, 121, 83, 0.175);
+  --theme--callout_blue: rgb(53, 84, 117, 0.175);
+  --theme--callout_purple: rgb(119, 81, 134, 0.175);
+  --theme--callout_pink: rgb(142, 75, 99, 0.175);
+  --theme--callout_red: rgb(140, 61, 61, 0.175);
+
+  --theme--code_inline: #333333;
+  --theme--code_inline-text: var(--theme--text);
+
+  --theme--code: #0e0e0e;
+  --theme--code_plain: var(--theme--text);
+  --theme--code_function: var(--theme--text_blue);
+  --theme--code_keyword: var(--theme--text_pink);
+  --theme--code_tag: var(--theme--text_pink);
+  --theme--code_operator: var(--theme--text_yellow);
+  --theme--code_important: var(--theme--text_yellow);
+  --theme--code_property: var(--theme--text_pink);
+  --theme--code_builtin: var(--theme--text_yellow);
+  --theme--code_attr-name: var(--theme--text_yellow);
+  --theme--code_comment: var(--theme--text_gray);
+  --theme--code_punctuation: var(--theme--text_gray);
+  --theme--code_doctype: var(--theme--text_gray);
+  --theme--code_number: var(--theme--text_purple);
+  --theme--code_string: var(--theme--text_orange);
+  --theme--code_attr-value: var(--theme--text_orange);
+}

repo/pastel-dark/variables.css

@@ -19,7 +19,7 @@
   --theme--accent_blue-hover: #08d7c2;
   --theme--accent_blue-active: #b887f7;
   --theme--accent_red: #08d7c2;
-  --theme--accent_red-hover: #08d7c226;
+  --theme--accent_red-button: #08d7c226;
 
   --theme--ui_divider: rgba(255, 255, 255, 0.1);
   --theme--ui_interactive-hover: #1e1e1e5c;

repo/registry.json

@@ -1,13 +1,16 @@
 [
-  "menu@a6621988-551d-495a-97d8-3c568bca2e9e",
-  "theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082",
-  "components@36a2ffc9-27ff-480e-84a7-c7700a7d232d",
-  "tweaks@5174a483-c88d-4bf8-a95f-35cd330b76e2",
-  "bypass-preview@cb6fd684-f113-4a7a-9423-8f0f0cff069f",
-  "calendar-scroll@b1c7db33-dfee-489a-a76c-0dd66f7ed29a",
-  "material-ocean@69e7ccb2-4aef-484c-876d-3de1b433d2b9",
-  "cherry-cola@ec5c4640-68d4-4d25-aefd-62c7e9737cfb",
-  "dark+@c86cfe98-e645-4822-aa6b-e2de1e08bafa",
-  "dracula@033bff54-50ba-4cec-bdc0-b2ca7e307086",
-  "pastel-dark@ed48c585-4a0d-4756-a3e6-9ae662732dac"
+  "menu",
+  "theming",
+  "components",
+  "tweaks",
+
+  "material-ocean",
+  "cherry-cola",
+  "dark+",
+  "dracula",
+  "pastel-dark",
+  "neutral",
+
+  "bypass-preview",
+  "calendar-scroll"
 ]

repo/theming/theme.css

@@ -273,7 +273,18 @@ body,
   > div:nth-child(2)[style*='position: absolute; display: inline-flex; min-width: 100%; height: 32px; z-index: 1; background:'],
 .notion-frame .notion-scroller[style*='background:'],
 .notion-page-template-modal .notion-scroller[style*='background:'],
-.notion-peek-renderer .notion-scroller[style*='background:'] {
+.notion-peek-renderer .notion-scroller[style*='background:'],
+.notion-frame > div > div > div[style*='max-width: 100%'][style*='background-color'],
+.notion-peek-renderer
+  > div
+  > .notion-scroller
+  > div
+  > div[style*='max-width: 100%'][style*='background-color'],
+.notion-page-template-modal
+  > div
+  > .notion-scroller
+  > div
+  > div[style*='max-width: 100%'][style*='background-color'] {
   background: transparent !important;
 }
 
@@ -751,7 +762,7 @@ body,
   fill: var(--theme--accent_red) !important;
 }
 .notion-focusable[style*='border-radius: 3px;'][style*='background: rgba(235, 87, 87, 0.1);'][role='button']:hover {
-  background: var(--theme--accent_red-hover) !important;
+  background: var(--theme--accent_red-button) !important;
 }
 
 .notion-transclusion_container-block > div > div > div[style*='border: 2px'],

repo/theming/variables.css

@@ -29,7 +29,7 @@
   --theme--accent_blue-active: rgb(0, 141, 190);
   --theme--accent_blue-text: #fff;
   --theme--accent_red: #eb5757;
-  --theme--accent_red-hover: rgba(235, 87, 87, 0.1);
+  --theme--accent_red-button: rgba(235, 87, 87, 0.1);
   --theme--accent_red-text: #fff;
 }