Merge pull request #1497 from levelkdev/feature/expeditions-button-re…

…design feature(expeditions): redesign expeditions button
SwaprHQ · Sep 20, 2022 · d14d529 · d14d529
2 parents f0247b8 + 38a70b0
commit d14d529
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/src/components/Header/HeaderButton.tsx b/src/components/Header/HeaderButton.tsx
@@ -1,15 +1,18 @@
 import styled from 'styled-components'
 
-export const HeaderButton = styled.div`
+export const HeaderButton = styled.div(
+  ({ theme }) => ` 
   display: flex;
   flex-wrap: no-wrap;
   align-items: center;
-  background: linear-gradient(90deg, #2e17f2 -24.77%, #fb52a1 186.93%);
   border-radius: 8px;
   padding: 6px 12px;
   font-weight: bold;
   font-size: 10px;
-  line-height: 10px;
+  line-height: 11px;
   text-transform: uppercase;
   cursor: pointer;
+  color: ${theme.text4};
+  background: ${theme.bg1};
 `
+)