From b62ae9a5d7d032ff9271531939f6f84c2d5b60c2 Mon Sep 17 00:00:00 2001
From: nklhrstv <me@nikolahristov.com>
Date: Wed, 25 Mar 2020 15:39:33 +0200
Subject: [PATCH] text color in settings updated

---
 src/routes/Settings/styles.less | 28 +++++++++++++++++-----------
 1 file changed, 17 insertions(+), 11 deletions(-)

diff --git a/src/routes/Settings/styles.less b/src/routes/Settings/styles.less
index c5efefb05..6e7046a66 100644
--- a/src/routes/Settings/styles.less
+++ b/src/routes/Settings/styles.less
@@ -33,11 +33,11 @@
                 align-self: stretch;
                 padding: 1rem;
                 font-size: 1.1rem;
-                color: @color-secondaryvariant1;
+                color: @color-secondaryvariant1-90;
 
                 &.selected {
                     background-color: @color-background;
-                    color: @color-surface-light5;
+                    color: @color-surface-light5-90;
                 }
 
                 &:hover {
@@ -50,8 +50,9 @@
             }
 
             .version-info-label {
+                flex: 0 1 auto;
                 margin: 0.5rem 0;
-                color: @color-secondaryvariant1;
+                color: @color-secondaryvariant1-90;
             }
         }
 
@@ -77,7 +78,7 @@
                     font-size: 1.8rem;
                     line-height: 3.4rem;
                     margin-bottom: 1rem;
-                    color: @color-surface-light5;
+                    color: @color-surface-light5-90;
                 }
 
                 .option-container {
@@ -108,6 +109,7 @@
                             background-position: center;
                             background-origin: content-box;
                             background-clip: content-box;
+                            opacity: 0.9;
                         }
 
                         .email-logout-container {
@@ -130,7 +132,7 @@
                                     flex: 1;
                                     font-size: 1.1rem;
                                     max-height: 2.4em;
-                                    color: @color-surface-light5;
+                                    color: @color-surface-light5-90;
                                 }
                             }
 
@@ -141,7 +143,7 @@
                                     outline: none;
 
                                     .logout-label {
-                                        color: @color-surface-light5;
+                                        color: @color-surface-light5-90;
                                         text-decoration: underline;
                                     }
                                 }
@@ -149,7 +151,7 @@
                                 .logout-label {
                                     flex: 1;
                                     max-height: 1.2em;
-                                    color: @color-surface;
+                                    color: @color-surface-90;
                                 }
                             }
                         }
@@ -172,9 +174,9 @@
                                 flex: 1;
                                 max-height: 2.4em;
                                 padding: 0 0.5rem;
-                                font-weight: 600;
+                                font-weight: 500;
                                 text-align: center;
-                                color: @color-surface-light5;
+                                color: @color-surface-light5-90;
                             }
                         }
                     }
@@ -190,7 +192,7 @@
                             width: 1.5rem;
                             height: 1.5rem;
                             margin-right: 0.5rem;
-                            fill: @color-surface-light5;
+                            fill: @color-surface-light5-90;
                         }
 
                         .label {
@@ -198,7 +200,7 @@
                             flex-shrink: 1;
                             flex-basis: auto;
                             line-height: 1.5rem;
-                            color: @color-surface-light5;
+                            color: @color-surface-light5-90;
                         }
                     }
 
@@ -218,6 +220,10 @@
                             &:hover {
                                 background-color: @color-accent3-light1;
                             }
+
+                            .label {
+                                font-weight: 500;
+                            }
                         }
 
                         &.multiselect-container {