Merge pull request #15449 from Nazeeh21/my-first-storybook-contribution

UI: Fix toggle button for custom theming
storybookjs · Jul 12, 2021 · e8e4ca7 · e8e4ca7
2 parents 01555f7 + a46a056
commit e8e4ca7
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/lib/components/src/controls/Boolean.tsx b/lib/components/src/controls/Boolean.tsx
@@ -70,8 +70,8 @@ const Label = styled.label(({ theme }) => ({
     },
   },
 
-  'input:checked ~ span:last-of-type, input:not(:checked) ~ span:first-of-type': {
-    background: theme.background.bar,
+  'input:checked ~ span:first-of-type, input:not(:checked) ~ span:last-of-type': {
+    background: theme.background.app,
     boxShadow: `${opacify(0.1, theme.appBorderColor)} 0 0 2px`,
     color: theme.color.defaultText,
     padding: '7px 15px',

diff --git a/lib/ui/src/components/sidebar/Search.tsx b/lib/ui/src/components/sidebar/Search.tsx
@@ -87,7 +87,7 @@ const Input = styled.input(({ theme }) => ({
   '&:focus, &:active': {
     outline: 0,
     borderColor: theme.color.secondary,
-    background: theme.input.background,
+    background: theme.background.app,
   },
   '&::placeholder': {
     color: theme.textMutedColor,

diff --git a/lib/ui/src/components/sidebar/Tree.tsx b/lib/ui/src/components/sidebar/Tree.tsx
@@ -39,10 +39,10 @@ export const Action = styled.button(({ theme }) => ({
       : transparentize(0.6, theme.color.defaultText),
 
   '&:hover': {
-    color: theme.barSelectedColor,
+    color: theme.color.secondary,
   },
   '&:focus': {
-    color: theme.barSelectedColor,
+    color: theme.color.secondary,
     borderColor: theme.color.secondary,
 
     '&:not(:focus-visible)': {