Merge pull request #1209 from near/login-color

Change login button color
near · Jun 24, 2024 · 0561bd1 · 0561bd1
2 parents 0474ccc + 7dc58b2
commit 0561bd1
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/src/components/sidebar-navigation/styles.ts b/src/components/sidebar-navigation/styles.ts
@@ -231,7 +231,7 @@ export const LoginItem = styled.button<{
   display: flex;
   align-items: center;
   gap: 0.5rem;
-  color: var(--sand11);
+  color: var(--violet11);
   font-size: 0.875rem;
   line-height: 1.2;
   letter-spacing: 0.28px;
@@ -241,10 +241,10 @@ export const LoginItem = styled.button<{
   transition: all 150ms;
 
   &:hover {
-    color: var(--sand12);
+    color: var(--violet12);
 
     i {
-      background: var(--sand3);
+      background: var(--violet3);
     }
 
     ${NavigationItemThumbnail} {
@@ -262,13 +262,13 @@ export const LoginItem = styled.button<{
 
   i {
     --outline-width: 1px;
-    --outline-color: var(--sand6);
+    --outline-color: var(--violet8);
     outline: var(--outline-width) solid var(--outline-color);
     outline-offset: calc(var(--outline-width) * -1);
     display: flex;
     align-items: center;
     justify-content: center;
-    color: currentColor;
+    color: var(--violet8);
     font-size: 1.25rem;
     border-radius: 4px;
     width: 2.25rem;