From 802b35181f43ee45eca9833cd9919a89c7a27da3 Mon Sep 17 00:00:00 2001
From: kytwb <kytwb@pm.me>
Date: Mon, 13 Dec 2021 20:41:34 +0100
Subject: Fine-tune QuickSwitch styling in light mode

---
 src/features/quickSwitch/Component.js |  5 -----
 src/styles/features.scss              | 11 +++++++++++
 2 files changed, 11 insertions(+), 5 deletions(-)

(limited to 'src')

diff --git a/src/features/quickSwitch/Component.js b/src/features/quickSwitch/Component.js
index 7f9424b6d..646794414 100644
--- a/src/features/quickSwitch/Component.js
+++ b/src/features/quickSwitch/Component.js
@@ -51,9 +51,6 @@ const styles = theme => ({
   service: {
     background: theme.styleTypes.primary.contrast,
     color: theme.colorText,
-    borderColor: theme.styleTypes.primary.accent,
-    borderStyle: 'solid',
-    borderWidth: 1,
     borderRadius: 6,
     padding: '3px 25px',
     marginBottom: 10,
@@ -63,8 +60,6 @@ const styles = theme => ({
       marginBottom: 0,
     },
     '&:hover': {
-      background: theme.styleTypes.primary.accent,
-      color: theme.styleTypes.primary.contrast,
       cursor: 'pointer',
     },
   },
diff --git a/src/styles/features.scss b/src/styles/features.scss
index eacc2a79c..80362b648 100644
--- a/src/styles/features.scss
+++ b/src/styles/features.scss
@@ -12,6 +12,17 @@
   }
 }
 
+.quick-switch {
+  .service {
+    background: $theme-gray-lighter;
+    border: inherit;
+  }
+
+  .active {
+    background: $theme-brand-primary;
+  }
+}
+
 .theme__dark .publish-debug, .theme__dark .nightly-builds {
   background: $dark-theme-gray-darkest;
 }
-- 
cgit v1.2.3-54-g00ecf