Improve styles

app/assets/stylesheets/app/_editor.scss

@@ -6,12 +6,13 @@ $heading-height: 75px;
   }
 }
 
-.editor {
+.section.editor {
   flex: 1 50%;
   display: flex;
   flex-direction: column;
   overflow-y: hidden;
-  background-color: var(--sn-stylekit-background-color);
+  background-color: var(--sn-stylekit-editor-background-color);
+  color: var(--sn-stylekit-editor-foreground-color);
 }
 
 #editor-title-bar {
@@ -43,10 +44,10 @@ $heading-height: 75px;
       border: none;
       outline: none;
       background-color: transparent;
-      color: var(--sn-stylekit-foreground-color);
+      color: var(--sn-stylekit-editor-foreground-color);
 
       &:disabled {
-        color: var(--sn-stylekit-foreground-color);
+        color: var(--sn-stylekit-editor-foreground-color);
       }
     }
 
@@ -122,8 +123,8 @@ $heading-height: 75px;
     font-family: monospace;
     overflow-y: scroll;
     width: 100%;
-    background-color: var(--sn-stylekit-background-color);
-    color: var(--sn-stylekit-foreground-color);
+    background-color: var(--sn-stylekit-editor-background-color);
+    color: var(--sn-stylekit-editor-foreground-color);
 
     border: none;
     outline: none;

app/assets/stylesheets/app/_notes.scss

@@ -34,21 +34,24 @@
     margin-top: 14px;
   }
 
+  #notes-options-menu {
+    margin-left: 10px;
+  }
+
   .filter-section {
     clear: left;
-    height: 29px;
+    height: 28px;
     margin-top: 14px;
     position: relative;
 
     .filter-bar {
       background-color: var(--sn-stylekit-contrast-background-color);
-      border-radius: 4px;
+      border-radius: var(--sn-stylekit-general-border-radius);
       height: 100%;
       color: #909090;
       text-align: center;
       font-weight: normal;
       font-size: var(--sn-stylekit-font-size-h3);
-      line-height: 35px;
 
       border: none;
       width: 100%;
@@ -156,7 +159,7 @@
         padding: 4px;
         padding-left: 6px;
         padding-right: 6px;
-        border-radius: 2px;
+        border-radius: var(--sn-stylekit-general-border-radius);
         margin-right: 4px;
 
         &.info {

app/assets/stylesheets/app/_ui.scss

@@ -103,10 +103,6 @@ $screen-md-max:              ($screen-lg-min - 1) !default;
   padding: 10px !important;
 }
 
-.red {
-  color: red !important;
-}
-
 .bold {
   font-weight: bold !important;
 }