Merge pull request #9 from adrian-fuertes/improvements

Miscellaneous Improvements
adrian-fuertes · Mar 28, 2022 · 1af86ae · 1af86ae
2 parents 4ad8669 + e2effc1
commit 1af86ae
Show file tree

Hide file tree

Showing 6 changed files with 72 additions and 30 deletions.
diff --git a/themes/classic/notion-dark-classic.css b/themes/classic/notion-dark-classic.css
@@ -16,7 +16,7 @@
     --search-select-bg-color: #2e443a;
     --code-color: #9a6e3a;
     --border-radius: 4px;
-    --font-size: 14px;
+    --font-size: 16px;
     --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
     --monospace: 'SF Mono Medium', 'Fira Code', 'Cousine', 'Consolas', monospace;
     --heading-char-color: var(--light-trait-400);
@@ -378,7 +378,7 @@ kbd {
     width: 100%;
     text-align: absolute;
     color: #ffffff;
-    font-size: 12px;
+    font-size: 0.75em;
     font-weight: 750;
 }
 #write .md-task-list-item>input[checked]::after {
@@ -674,13 +674,16 @@ pre.CodeMirror-line {
     background: inherit;
 }
 
-.megamenu-menu,
-#top-titlebar, #top-titlebar *,
-.megamenu-content {
+.megamenu-menu, .megamenu-content {
 	background: var(--side-bar-bg-color);
 	color: var(--text-color);
 }
 
+#top-titlebar, #top-titlebar * {
+    background: inherit;
+	color: var(--text-color);
+}
+
 .megamenu-menu-header #megamenu-menu-header-title:before {
 	color:  var(--text-color);
 }
@@ -694,4 +697,8 @@ megamenu-back-btn {
 .megamenu-menu-header:hover,
 .megamenu-menu-header:focus {
 	color: inherit;
+}
+
+.megamenu-menu-panel table tr:nth-child(2n + 1) {
+    background-color:  var(--side-bar-bg-color);
 }
diff --git a/themes/classic/notion-darker-classic.css b/themes/classic/notion-darker-classic.css
@@ -15,7 +15,7 @@
     --search-select-bg-color: #24312a;
     --code-color: #202020;
     --border-radius: 4px;
-    --font-size: 14px;
+    --font-size: 16px;
     --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
     --monospace: 'SF Mono Medium', 'Fira Code', 'Cousine', 'Consolas', monospace;
     --heading-char-color: var(--light-trait-400);
@@ -398,7 +398,7 @@ code {
     width: 100%;
     text-align: absolute;
     color: #ffffff;
-    font-size: 12px;
+    font-size: 0.75em;
     font-weight: 750;
 }
 #write .md-task-list-item>input[checked]::after {
@@ -694,13 +694,16 @@ pre.CodeMirror-line {
     background: inherit;
 }
 
-.megamenu-menu,
-#top-titlebar, #top-titlebar *,
-.megamenu-content {
+.megamenu-menu, .megamenu-content {
 	background: var(--side-bar-bg-color);
 	color: var(--text-color);
 }
 
+#top-titlebar, #top-titlebar * {
+    background: inherit;
+	color: var(--text-color);
+}
+
 .megamenu-menu-header #megamenu-menu-header-title:before {
 	color:  var(--text-color);
 }
@@ -714,4 +717,8 @@ megamenu-back-btn {
 .megamenu-menu-header:hover,
 .megamenu-menu-header:focus {
 	color: inherit;
+}
+
+.megamenu-menu-panel table tr:nth-child(2n + 1) {
+    background-color:  var(--side-bar-bg-color);
 }
diff --git a/themes/classic/notion-light-classic.css b/themes/classic/notion-light-classic.css
@@ -16,7 +16,7 @@
     --search-select-bg-color: #edf3ec;
     --code-color: #9a6e3a;
     --border-radius: 4px;
-    --font-size: 14px;
+    --font-size: 16px;
     --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
     --monospace: 'SF Mono Medium', 'Fira Code', 'Cousine', 'Consolas', monospace;
     --heading-char-color: var(--light-trait-400);
@@ -378,7 +378,7 @@ kbd {
     width: 100%;
     text-align: absolute;
     color: var(--bg-color);
-    font-size: 12px;
+    font-size: 0.75em;
     font-weight: 760;
 }
 
@@ -672,13 +672,16 @@ pre.CodeMirror-line {
     background: inherit;
 }
 
-.megamenu-menu,
-#top-titlebar, #top-titlebar *,
-.megamenu-content {
+.megamenu-menu, .megamenu-content {
 	background: var(--side-bar-bg-color);
 	color: var(--text-color);
 }
 
+#top-titlebar, #top-titlebar * {
+    background: inherit;
+	color: var(--text-color);
+}
+
 .megamenu-menu-header #megamenu-menu-header-title:before {
 	color:  var(--text-color);
 }
@@ -692,4 +695,8 @@ megamenu-back-btn {
 .megamenu-menu-header:hover,
 .megamenu-menu-header:focus {
 	color: inherit;
+}
+
+.megamenu-menu-panel table tr:nth-child(2n + 1) {
+    background-color:  var(--side-bar-bg-color);
 }
diff --git a/themes/enhanced/notion-dark-enhanced.css b/themes/enhanced/notion-dark-enhanced.css
@@ -16,7 +16,7 @@
     --search-select-bg-color: #2e443a;
     --code-color: #9a6e3a;
     --border-radius: 4px;
-    --font-size: 14px;
+    --font-size: 16px;
     --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
     --monospace: 'SF Mono Medium', 'Fira Code', 'Cousine', 'Consolas', monospace;
     --heading-char-color: var(--light-trait-400);
@@ -389,7 +389,7 @@ kbd {
     width: 100%;
     text-align: absolute;
     color: #ffffff;
-    font-size: 12px;
+    font-size: 0.75em;
     font-weight: 750;
 }
 #write .md-task-list-item>input[checked]::after {
@@ -687,13 +687,16 @@ pre.CodeMirror-line {
     background: inherit;
 }
 
-.megamenu-menu,
-#top-titlebar, #top-titlebar *,
-.megamenu-content {
+.megamenu-menu, .megamenu-content {
 	background: var(--side-bar-bg-color);
 	color: var(--text-color);
 }
 
+#top-titlebar, #top-titlebar * {
+    background: inherit;
+	color: var(--text-color);
+}
+
 .megamenu-menu-header #megamenu-menu-header-title:before {
 	color:  var(--text-color);
 }
@@ -707,4 +710,8 @@ megamenu-back-btn {
 .megamenu-menu-header:hover,
 .megamenu-menu-header:focus {
 	color: inherit;
+}
+
+.megamenu-menu-panel table tr:nth-child(2n + 1) {
+    background-color:  var(--side-bar-bg-color);
 }
diff --git a/themes/enhanced/notion-darker-enhanced.css b/themes/enhanced/notion-darker-enhanced.css
@@ -15,7 +15,7 @@
     --search-select-bg-color: #24312a;
     --code-color: #202020;
     --border-radius: 4px;
-    --font-size: 14px;
+    --font-size: 16px;
     --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
     --monospace: 'SF Mono Medium', 'Fira Code', 'Cousine', 'Consolas', monospace;
     --heading-char-color: var(--light-trait-400);
@@ -397,7 +397,7 @@ code {
     width: 100%;
     text-align: absolute;
     color: #ffffff;
-    font-size: 12px;
+    font-size: 0.75em;
     font-weight: 750;
 }
 #write .md-task-list-item>input[checked]::after {
@@ -694,13 +694,16 @@ pre.CodeMirror-line {
     background: inherit;
 }
 
-.megamenu-menu,
-#top-titlebar, #top-titlebar *,
-.megamenu-content {
+.megamenu-menu, .megamenu-content {
 	background: var(--side-bar-bg-color);
 	color: var(--text-color);
 }
 
+#top-titlebar, #top-titlebar * {
+    background: inherit;
+	color: var(--text-color);
+}
+
 .megamenu-menu-header #megamenu-menu-header-title:before {
 	color:  var(--text-color);
 }
@@ -714,4 +717,8 @@ megamenu-back-btn {
 .megamenu-menu-header:hover,
 .megamenu-menu-header:focus {
 	color: inherit;
+}
+
+.megamenu-menu-panel table tr:nth-child(2n + 1) {
+    background-color:  var(--side-bar-bg-color);
 }
diff --git a/themes/enhanced/notion-light-enhanced.css b/themes/enhanced/notion-light-enhanced.css
@@ -16,7 +16,7 @@
     --search-select-bg-color: #edf3ec;
     --code-color: #9a6e3a;
     --border-radius: 4px;
-    --font-size: 14px;
+    --font-size: 16px;
     --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
     --monospace: 'SF Mono Medium', 'Fira Code', 'Cousine', 'Consolas', monospace;
     --heading-char-color: var(--light-trait-400);
@@ -389,7 +389,7 @@ kbd {
     width: 100%;
     text-align: absolute;
     color: var(--bg-color);
-    font-size: 12px;
+    font-size: 0.75em;
     font-weight: 760;
 }
 
@@ -683,13 +683,16 @@ pre.CodeMirror-line {
     background: inherit;
 }
 
-.megamenu-menu,
-#top-titlebar, #top-titlebar *,
-.megamenu-content {
+.megamenu-menu, .megamenu-content {
 	background: var(--side-bar-bg-color);
 	color: var(--text-color);
 }
 
+#top-titlebar, #top-titlebar * {
+    background: inherit;
+	color: var(--text-color);
+}
+
 .megamenu-menu-header #megamenu-menu-header-title:before {
 	color:  var(--text-color);
 }
@@ -703,4 +706,8 @@ megamenu-back-btn {
 .megamenu-menu-header:hover,
 .megamenu-menu-header:focus {
 	color: inherit;
+}
+
+.megamenu-menu-panel table tr:nth-child(2n + 1) {
+    background-color:  var(--side-bar-bg-color);
 }