Keymap clone highlight color (#112)

Adding global styles.

Closes #110

src/components/keymap/header/keymap-header.component.scss

@@ -1,3 +1,5 @@
+@import '../../../main-app/global-styles';
+
 .keymap {
     &__is-default {
 
@@ -28,7 +30,7 @@
 
         &:hover {
             cursor: pointer;
-            color: #900;
+            color: $icon-hover;
         }
     }
 }

src/components/macro/macro-action-editor/macro-action-editor.component.scss

@@ -1,3 +1,5 @@
+@import '../../../main-app/global-styles';
+
 .action--editor {
     padding-top: 0;
     padding-bottom: 0;
@@ -38,7 +40,7 @@
                     height: 0;
                     top: 0;
                     right: -4rem;
-                    border-color: transparent transparent transparent #337ab7;
+                    border-color: transparent transparent transparent $icon-hover;
                     border-style: solid;
                     border-width: 2rem;
                 }

src/components/macro/macro.component.scss

@@ -1,3 +1,5 @@
+@import '../../main-app/global-styles';
+
 :host {
     display: flex;
     flex-direction: column;
@@ -111,7 +113,7 @@ h1 {
     &--link:active,
     &--link:hover {
         text-decoration: none;
-        color: #337ab7;
+        color: $icon-hover;
     }
 }
 

src/components/popover/tab/mouse/mouse-tab.component.scss

@@ -1,3 +1,5 @@
+@import '../../../../main-app/global-styles';
+
 :host {
     display: flex;
 
@@ -35,7 +37,7 @@
                             height: 0;
                             top: 0;
                             right: -4rem;
-                            border-color: transparent transparent transparent #337ab7;
+                            border-color: transparent transparent transparent $icon-hover;
                             border-style: solid;
                             border-width: 2rem;
                         }

src/components/popover/widgets/icon/icon.component.scss

@@ -1,3 +1,5 @@
+@import '../../../../main-app/global-styles';
+
 :host {
     display: flex;
     align-items: center;
@@ -7,7 +9,7 @@
 
     &--edit {
         &:hover {
-            color: #337ab7;
+            color: $icon-hover;
             cursor: pointer;
         }
     }

src/main-app/global-styles.scss

@@ -0,0 +1 @@
+$icon-hover: #337ab7;