Fixed colors

src/components/DropdownMenu/DropdownMenu.scss

@@ -8,7 +8,7 @@
 
   min-height: 43px;
   padding: 0 0.5rem;
-  color: $linkColor;
+  color: $actionColor;
 }
 
 .menuContainer {
@@ -46,6 +46,6 @@
   }
 
   &:hover {
-    border-left: 2px solid #2196F3;
+    border-left: 2px solid $actionColor;
   }
 }

src/components/MarkdownEditor/codemirror.scss

@@ -50,7 +50,7 @@
   .cm-s-atlas span.cm-def { color: $textColor; }
   .cm-s-atlas span.cm-bracket { color: #202020; }
   .cm-s-atlas span.cm-tag { color: #ac4142; }
-  .cm-s-atlas span.cm-link { color: $linkColor; }
+  .cm-s-atlas span.cm-link { color: $actionColor; }
   .cm-s-atlas span.cm-error { background: #ac4142; color: #505050; }
 
   .cm-s-atlas .CodeMirror-activeline-background { background: #DDDCDC; }

src/components/Switch.js

@@ -2,6 +2,8 @@ import React from 'react';
 import { Base } from 'rebass';
 import { observer } from 'mobx-react';
 
+import { actionColor } from 'styles/constants.scss';
+
 /**
  * Binary toggle switch component
  */
@@ -12,10 +14,10 @@ const Switch = observer(({
 }) => {
   const scale = '18';
   const colors = {
-    success: '#2196F3',
+    success: actionColor,
     white: '#fff',
   };
-  const borderColor = '#2196F3';
+  const borderColor = actionColor;
 
 
   const color = checked ? colors.success : borderColor

src/scenes/DocumentScene/DocumentScene.scss

@@ -20,6 +20,7 @@
   left: 17px;
   height: 28px;
   opacity: 0.15;
+  cursor: pointer;
 
   &:hover {
     opacity: 1;

src/styles/base.scss

@@ -40,7 +40,7 @@ svg {
   max-height: 100%;
 }
 a {
-  color: $linkColor;
+  color: $actionColor;
   text-decoration: none;
 }
 h1, h2, h3,

src/styles/codemirror.scss

@@ -1,3 +1,5 @@
+@import './constants.scss';
+
 :global {
   /* BASICS */
 
@@ -54,7 +56,7 @@
   .cm-fat-cursor .CodeMirror-cursor {
     width: auto;
     border: 0;
-    background: #7e7;
+    background: $actionColor;
   }
   .cm-fat-cursor div.CodeMirror-cursors {
     z-index: 1;

src/styles/constants.scss

@@ -1,10 +1,11 @@
 $lightGray: #eee;
 
 $textColor: #171B35;
-$linkColor: #0C77F8;
+$actionColor: #2da9e1;
 
 $headerHeight: 42px;
 
 :export {
   textColor: $textColor;
+  actionColor: $actionColor;
 }