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