refactor: change theme button appearence

ibrahimborba · May 31, 2022 · de242e7 · de242e7 · vercel · May 31, 2022
1 parent 5116795
commit de242e7
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/src/components/StyledHeader.js b/src/components/StyledHeader.js
@@ -49,11 +49,12 @@ export const StyledToogle = styled.label`
   }
 
   span {
-    padding: 5px;
+    padding: 4px;
     cursor: pointer;
     border-radius: 50%;
-    background-color: ${(props) => props.theme.secondaryColor};
-    color: ${(props) => props.theme.mainColor};
+    border: 2px solid ${(props) => props.theme.secondaryColor};
+    background-color: ${(props) => props.theme.mainColor};
+    color: ${(props) => props.theme.secondaryColor};
     transition: .4s;
   }
 `;