diff --git a/src/components/DropdownMenu/DropdownMenu.scss b/src/components/DropdownMenu/DropdownMenu.scss
index 5ead00ab2..b1b5f5a1e 100644
--- a/src/components/DropdownMenu/DropdownMenu.scss
+++ b/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;
   }
 }
diff --git a/src/components/MarkdownEditor/codemirror.scss b/src/components/MarkdownEditor/codemirror.scss
index c09847279..e28d71e5d 100644
--- a/src/components/MarkdownEditor/codemirror.scss
+++ b/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; }
diff --git a/src/components/Switch.js b/src/components/Switch.js
index dbf8c64b8..c897940dd 100644
--- a/src/components/Switch.js
+++ b/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
diff --git a/src/scenes/DocumentScene/DocumentScene.scss b/src/scenes/DocumentScene/DocumentScene.scss
index 499a016b1..c5795c0d9 100644
--- a/src/scenes/DocumentScene/DocumentScene.scss
+++ b/src/scenes/DocumentScene/DocumentScene.scss
@@ -20,6 +20,7 @@
   left: 17px;
   height: 28px;
   opacity: 0.15;
+  cursor: pointer;
 
   &:hover {
     opacity: 1;
diff --git a/src/styles/base.scss b/src/styles/base.scss
index 4530aad92..9ce6e677b 100644
--- a/src/styles/base.scss
+++ b/src/styles/base.scss
@@ -40,7 +40,7 @@ svg {
   max-height: 100%;
 }
 a {
-  color: $linkColor;
+  color: $actionColor;
   text-decoration: none;
 }
 h1, h2, h3,
diff --git a/src/styles/codemirror.scss b/src/styles/codemirror.scss
index 93a0408ba..573694558 100644
--- a/src/styles/codemirror.scss
+++ b/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;
diff --git a/src/styles/constants.scss b/src/styles/constants.scss
index 56e0a77c9..fb624d1a2 100644
--- a/src/styles/constants.scss
+++ b/src/styles/constants.scss
@@ -1,10 +1,11 @@
 $lightGray: #eee;
 
 $textColor: #171B35;
-$linkColor: #0C77F8;
+$actionColor: #2da9e1;
 
 $headerHeight: 42px;
 
 :export {
   textColor: $textColor;
+  actionColor: $actionColor;
 }