From 4d1e4ef4c9b7fccc55695680720d60f49f0ea656 Mon Sep 17 00:00:00 2001
From: Juan de la Cruz <juan.delacruz@kaleidos.net>
Date: Thu, 19 Dec 2019 18:06:21 +0100
Subject: [PATCH] fix select colors

---
 frontend/resources/styles/common/framework.scss           | 6 +++---
 frontend/resources/styles/main/partials/main-bar.scss     | 8 ++++----
 .../styles/main/partials/sidebar-element-options.scss     | 6 +++---
 3 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/frontend/resources/styles/common/framework.scss b/frontend/resources/styles/common/framework.scss
index a96aced988..3d7b7a2594 100644
--- a/frontend/resources/styles/common/framework.scss
+++ b/frontend/resources/styles/common/framework.scss
@@ -855,9 +855,9 @@ input[type=range]:focus::-ms-fill-upper {
   &:hover {
 
     &::after {
-      background-color: $primary-ui-bg;
+      background-color: $color-white;
       border-radius: $br-small;
-      color: $medium-ui-text;
+      color: $intense-ui-text;
       content: attr(alt);
       font-size: $fs11;
       font-weight: bold;
@@ -905,7 +905,7 @@ input[type=range]:focus::-ms-fill-upper {
 
       &::after {
         align-items: center;
-        background-color: $input-bg;
+        background-color: $color-white;
         box-sizing: border-box;
         border-radius: 0;
         color: $intense-ui-text;
diff --git a/frontend/resources/styles/main/partials/main-bar.scss b/frontend/resources/styles/main/partials/main-bar.scss
index 4575793564..acea41083f 100644
--- a/frontend/resources/styles/main/partials/main-bar.scss
+++ b/frontend/resources/styles/main/partials/main-bar.scss
@@ -79,9 +79,9 @@
   }
 
   .dropdown {
-    background-color: $secondary-ui-bg;
+    background-color: $color-white;
     border-radius: $br-small;
-    border: 1px solid $soft-ui-border;
+    border: 1px solid $color-gray-10;
     min-width: 150px;
     padding: 0 $small;
     position: absolute;
@@ -96,13 +96,13 @@
       padding: $small 0;
 
       svg {
-        fill: $medium-ui-text;
+        fill: $color-gray-40;
         height: 12px;
         width: 12px;
       }
 
       span {
-        color: $medium-ui-text;
+        color: $color-gray-40;
       }
 
       &:hover {
diff --git a/frontend/resources/styles/main/partials/sidebar-element-options.scss b/frontend/resources/styles/main/partials/sidebar-element-options.scss
index 2eee292bdc..0c29c61bf0 100644
--- a/frontend/resources/styles/main/partials/sidebar-element-options.scss
+++ b/frontend/resources/styles/main/partials/sidebar-element-options.scss
@@ -201,15 +201,15 @@
   }
 
   .input-select {
-    color: $intense-ui-text;
+    color: $soft-ui-text;
 
     &:focus {
-      color: darken($intense-ui-text, 8%);
+      color: lighten($soft-ui-text, 8%);
     }
 
     option {
       color: $intense-ui-text;
-      background: $secondary-ui-bg;
+      background: $color-white;
       font-size: $fs12;
     }
   }