style: accent2 (#1)

#1
nation3 · Dec 26, 2023 · e76f26c · e76f26c
1 parent 1f7626f
commit e76f26c
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 16 deletions.
diff --git a/src/components/Pools/PoolDetails/__snapshots__/PoolDetailsStatsButtons.test.tsx.snap b/src/components/Pools/PoolDetails/__snapshots__/PoolDetailsStatsButtons.test.tsx.snap
@@ -114,7 +114,7 @@ exports[`PoolDetailsStatsButton renders both buttons correctly 1`] = `
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
-  background-color: #FFEFFF;
+  background-color: #C9EBFF;
   border-radius: 16px;
   border: 0;
   color: #69C9FF;

diff --git a/src/nft/css/sprinkles.css.ts b/src/nft/css/sprinkles.css.ts
@@ -223,7 +223,7 @@ export const vars = createGlobalTheme(':root', {
     surface4_light: '#ffffffa3',
     surface5_light: '#0000000a',
     accent1_light: '#69C9FF',
-    accent2_light: '#FFEFFF',
+    accent2_light: '#C9EBFF',
     success: '#40B66B',
     critical: '#FF5F52',
   },

diff --git a/src/pages/Landing/__snapshots__/index.test.tsx.snap b/src/pages/Landing/__snapshots__/index.test.tsx.snap
@@ -540,24 +540,24 @@ exports[`disable nft on landing page does not render nft information and card 1`
 }
 
 .c49 {
-  background-color: #FFEFFF;
+  background-color: #C9EBFF;
   color: #69C9FF;
   font-size: 20px;
   font-weight: 535;
 }
 
 .c49:focus {
-  box-shadow: 0 0 0 1pt #FFEFFF;
-  background-color: #FFEFFF;
+  box-shadow: 0 0 0 1pt #C9EBFF;
+  background-color: #C9EBFF;
 }
 
 .c49:hover {
-  background-color: #FFEFFF;
+  background-color: #C9EBFF;
 }
 
 .c49:active {
-  box-shadow: 0 0 0 1pt #FFEFFF;
-  background-color: #FFEFFF;
+  box-shadow: 0 0 0 1pt #C9EBFF;
+  background-color: #C9EBFF;
 }
 
 .c49:hover .c50 {
@@ -3184,24 +3184,24 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
 }
 
 .c49 {
-  background-color: #FFEFFF;
+  background-color: #C9EBFF;
   color: #69C9FF;
   font-size: 20px;
   font-weight: 535;
 }
 
 .c49:focus {
-  box-shadow: 0 0 0 1pt #FFEFFF;
-  background-color: #FFEFFF;
+  box-shadow: 0 0 0 1pt #C9EBFF;
+  background-color: #C9EBFF;
 }
 
 .c49:hover {
-  background-color: #FFEFFF;
+  background-color: #C9EBFF;
 }
 
 .c49:active {
-  box-shadow: 0 0 0 1pt #FFEFFF;
-  background-color: #FFEFFF;
+  box-shadow: 0 0 0 1pt #C9EBFF;
+  background-color: #C9EBFF;
 }
 
 .c49:hover .c50 {

diff --git a/src/pages/PoolDetails/__snapshots__/index.test.tsx.snap b/src/pages/PoolDetails/__snapshots__/index.test.tsx.snap
@@ -567,7 +567,7 @@ exports[`PoolDetailsPage pool header is displayed when data is received from the
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
-  background-color: #FFEFFF;
+  background-color: #C9EBFF;
   border-radius: 16px;
   border: 0;
   color: #69C9FF;

diff --git a/src/theme/colors.ts b/src/theme/colors.ts
@@ -117,7 +117,7 @@ export const colors = {
   surface4_light: '#FFFFFF64',
   surface5_light: '#00000004',
   accent1_light: '#69C9FF',
-  accent2_light: '#FFEFFF',
+  accent2_light: '#C9EBFF',
   success: '#40B66B',
   critical: '#FF5F52',
   scrim: 'rgba(0, 0, 0, 0.60)',