Adding hippieBlue color on gnosisChain styles

gnosis · Dec 21, 2021 · ee8bcd5 · ee8bcd5
1 parent f95e1f9
commit ee8bcd5
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/src/components/NetworkSelector/NetworkSelector.styled.ts b/src/components/NetworkSelector/NetworkSelector.styled.ts
@@ -2,7 +2,7 @@ import styled from 'styled-components'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import { COLOURS } from 'styles'
 
-const { fadedGreyishWhiteOpacity, white } = COLOURS
+const { fadedGreyishWhiteOpacity, white, hippieBlue } = COLOURS
 
 export const SelectorContainer = styled.div`
   display: flex;
@@ -68,7 +68,7 @@ export const Option = styled.div`
       background: ${({ theme }): string => theme.yellow4};
     }
     &.gnosischain {
-      background: ${({ theme }): string => theme.orange1};
+      background: ${(): string => hippieBlue};
     }
     &.ethereum {
       background: ${({ theme }): string => theme.blue4};
@@ -98,8 +98,8 @@ export const NetworkLabel = styled.span`
   }
 
   &.gnosischain {
-    background: ${({ theme }): string => theme.orangeOpacity};
-    color: ${({ theme }): string => theme.orange};
+    background: ${(): string => `rgb(72 169 166 / 25%);`};
+    color: ${(): string => hippieBlue};
   }
 `
 

diff --git a/src/styles/colours.ts b/src/styles/colours.ts
@@ -3,6 +3,7 @@ export const COLOURS = {
   whiteDark: '#e9e9f0',
   blue: '#3F77FF',
   blueDark: '#185afb',
+  hippieBlue: '#48A9A6',
   purple: '#8958FF',
   bgLight: '#edf2f7',
   bgDark: 'linear-gradient(0deg, #21222E 0.05%, #2C2D3F 100%)',