Fix CSS var & tweak theme

Author: dylanonelson

dist/bundle.js

@@ -524,7 +524,6 @@ export class ToolbarPlugin extends Plugin {
           const hasMod = e.metaKey;
           const hasShift = e.shiftKey;
 
-          console.log('e.key', e.key);
           if (hasCtrl && e.key === '.') {
             indentListSelection(this.view.state, this.view.dispatch);
             return true;

dist/main.css

@@ -16,10 +16,12 @@ body {
   --default-item-gap: 5px;
   --default-checkbox-gap: 8px;
   --text-color: rgba(0, 0, 0, 0.9);
-  --h3-text-color: rgba(0, 0, 0, 0.7);
-  color: var(--sn-stylekit-foreground-color, var(--text-color));
+  --h3-text-color: var(--sn-stylekit-paragraph-text-color, rgba(0, 0, 0, 0.7));
+  color: var(--sn-stylekit-paragraph-text-color, var(--text-color));
   font-size: var(--base-font-size);
   font-family: var(--ff-serif), serif;
+  scrollbar-color: var(--sn-stylekit-scrollbar-color, #ccc)
+    var(--sn-stylekit-background-color, white);
 }
 
 @media only screen and (max-width: 720px) {