diff options
author | 2021-12-13 20:41:34 +0100 | |
---|---|---|
committer | 2021-12-13 20:41:34 +0100 | |
commit | 802b35181f43ee45eca9833cd9919a89c7a27da3 (patch) | |
tree | b04add370076bf885d882e50b15dd3eaf5f9b2c8 | |
parent | Style modals as per QuickSwitch modal (diff) | |
download | ferdium-app-802b35181f43ee45eca9833cd9919a89c7a27da3.tar.gz ferdium-app-802b35181f43ee45eca9833cd9919a89c7a27da3.tar.zst ferdium-app-802b35181f43ee45eca9833cd9919a89c7a27da3.zip |
Fine-tune QuickSwitch styling in light mode
-rw-r--r-- | src/features/quickSwitch/Component.js | 5 | ||||
-rw-r--r-- | src/styles/features.scss | 11 |
2 files changed, 11 insertions, 5 deletions
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 => ({ | |||
51 | service: { | 51 | service: { |
52 | background: theme.styleTypes.primary.contrast, | 52 | background: theme.styleTypes.primary.contrast, |
53 | color: theme.colorText, | 53 | color: theme.colorText, |
54 | borderColor: theme.styleTypes.primary.accent, | ||
55 | borderStyle: 'solid', | ||
56 | borderWidth: 1, | ||
57 | borderRadius: 6, | 54 | borderRadius: 6, |
58 | padding: '3px 25px', | 55 | padding: '3px 25px', |
59 | marginBottom: 10, | 56 | marginBottom: 10, |
@@ -63,8 +60,6 @@ const styles = theme => ({ | |||
63 | marginBottom: 0, | 60 | marginBottom: 0, |
64 | }, | 61 | }, |
65 | '&:hover': { | 62 | '&:hover': { |
66 | background: theme.styleTypes.primary.accent, | ||
67 | color: theme.styleTypes.primary.contrast, | ||
68 | cursor: 'pointer', | 63 | cursor: 'pointer', |
69 | }, | 64 | }, |
70 | }, | 65 | }, |
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 @@ | |||
12 | } | 12 | } |
13 | } | 13 | } |
14 | 14 | ||
15 | .quick-switch { | ||
16 | .service { | ||
17 | background: $theme-gray-lighter; | ||
18 | border: inherit; | ||
19 | } | ||
20 | |||
21 | .active { | ||
22 | background: $theme-brand-primary; | ||
23 | } | ||
24 | } | ||
25 | |||
15 | .theme__dark .publish-debug, .theme__dark .nightly-builds { | 26 | .theme__dark .publish-debug, .theme__dark .nightly-builds { |
16 | background: $dark-theme-gray-darkest; | 27 | background: $dark-theme-gray-darkest; |
17 | } | 28 | } |