⚒️ Fix Insider Issues

primary-theme · Apr 1, 2022 · 0053778 · 0053778
1 parent 9a9bd15
commit 0053778
Show file tree

Hide file tree

Showing 21 changed files with 79 additions and 85 deletions.
diff --git a/obsidian.css b/obsidian.css
diff --git a/obsidian.css.map b/obsidian.css.map
diff --git a/scss/10_base/_var__global.scss b/scss/10_base/_var__global.scss
@@ -7,21 +7,17 @@ body {
 
     /*──────────Font Families──────────*/
 
-    --font-sans:
-        "Karla", -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
-    --font-monospace:
-        "Cascadia Code", Inconsolata, Courier, monospace;
-
-    --font-preview: "Karla", -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
-    --font-preview-header: "Karla", -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
-    --font-editor:  "Karla", -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
-    --font-editor-header:  "Karla", -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
-    --font-code: "Cascadia Code", Inconsolata, Courier, monospace;
+    --font-preview: var(--font-text);
+    --font-preview-header: var(--font-text);
+    --font-editor:  var(--font-text);
+    --font-editor-header:  var(--font-text);
 
     /* Original Obsidian Font Variables */
-    --interface-font: "Karla", -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
-    --mermaid-font: var(--font-preview);
-    --reveal-font:  var(--font-preview);
+
+    --font-interface-theme: "Karla", -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
+    --font-text-theme: "Karla", -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
+    --font-monospace-theme: "Cascadia Code", Inconsolata, Courier, monospace;
+    --font-mermaid: var(--font-preview);
 
     /*──────────Font Weight──────────*/
 

diff --git a/scss/20_workspace/_tab-content.scss b/scss/20_workspace/_tab-content.scss
@@ -194,7 +194,7 @@
 
     &.is-clickable {
         .tree-item-flair {
-            font-family: var(--font-code);
+            font-family: var(--font-monospace-theme);
             font-size: var(--font-scale-0);
         }
     }

diff --git a/scss/30_note/_md-callouts.scss b/scss/30_note/_md-callouts.scss
@@ -65,8 +65,8 @@
 
 .callout-icon svg,
 .callout-fold svg {
-    height: var(--editor-font-size);
-    width: var(--editor-font-size);
+    height: var(--font-text-size);
+    width: var(--font-text-size);
 }
 
 .callout-icon,

diff --git a/scss/30_note/_md-checkboxes.scss b/scss/30_note/_md-checkboxes.scss
@@ -4,8 +4,8 @@ input[type=checkbox] {
     appearance: none;
     filter: none;
 
-    height: calc(3px + var(--editor-font-size));
-    width: calc(3px + var(--editor-font-size));
+    height: calc(3px + var(--font-text-size));
+    width: calc(3px + var(--font-text-size));
     border-radius: var(--scale-2-2);
     border: 1px solid var(--text-faint);
     padding: 0;
@@ -80,7 +80,7 @@ input[type=checkbox] {
 }
 
 .cm-s-obsidian span.cm-formatting-task {
-    font-family: var(--font-code);
+    font-family: var(--font-monospace-theme);
 }
 
 .cm-s-obsidian .task-list-item-checkbox {

diff --git a/scss/30_note/_md-code.scss b/scss/30_note/_md-code.scss
@@ -27,11 +27,12 @@ div[data-tag-name="pre"] code,
 pre code,
 code,
 .markdown-preview-view code {
-    font-family: var(--font-code);
+    font-family: var(--font-monospace-theme);
 }
 
 .cm-s-obsidian .HyperMD-codeblock {
-    line-height: initial;
+    line-height: 1.5;
+    padding: 0 var(--scale-2-8);
 }
 
 pre code {
@@ -160,7 +161,7 @@ mjx-math {
 .markdown-source-view.mod-cm6
 span.code-block-flair[aria-label="Copy"] {
     color: var(--md-color-code-gray);
-    font-family: var(--font-code);
+    font-family: var(--font-monospace-theme);
     font-size: var(--font-scale-1);
     padding: 0;
     margin-top: var(--scale-2-1);

diff --git a/scss/30_note/_md-embeds.scss b/scss/30_note/_md-embeds.scss
@@ -151,7 +151,7 @@
     & tspan,
     & text.messageText {
         font-size: var(--font-scale-1) !important;
-        font-family: var(--font-code) !important;
+        font-family: var(--font-monospace-theme) !important;
         font-weight: var(--font-regular);
         stroke: none !important;
         fill: var(--color-gray-10) !important;

diff --git a/scss/30_note/_md-gutter-line.scss b/scss/30_note/_md-gutter-line.scss
@@ -11,7 +11,7 @@
 .CodeMirror-linenumber,
 .cm-lineNumbers,
 div.cm-gutterElement {
-    font-family: var(--font-code);
+    font-family: var(--font-monospace-theme);
     font-size: var(--font-scale-1);
     font-variant-numeric: tabular-nums;
     vertical-align: super;