refa: change all focus colors to orange (#2527)

marigold-ui · Sep 26, 2022 · 93cfb76 · 93cfb76
1 parent 1741120
commit 93cfb76
Show file tree

Hide file tree

Showing 8 changed files with 16 additions and 11 deletions.
diff --git a/.changeset/three-cherries-sing.md b/.changeset/three-cherries-sing.md
@@ -0,0 +1,5 @@
+---
+"@marigold/theme-b2b": patch
+---
+
+refa: change all focus colors to orange
diff --git a/themes/theme-b2b/src/components/Checkbox.style.ts b/themes/theme-b2b/src/components/Checkbox.style.ts
@@ -19,7 +19,7 @@ export const Checkbox: Theme['components']['Checkbox'] = {
 
       '&:focus': {
         outline: '2px solid',
-        outlineColor: 'blue60',
+        outlineColor: 'orange60',
         outlineOffset: 3,
       },
 

diff --git a/themes/theme-b2b/src/components/Input.style.ts b/themes/theme-b2b/src/components/Input.style.ts
@@ -20,8 +20,8 @@ export const Input: Theme['components']['Input'] = {
     },
 
     '&:focus': {
-      borderColor: 'blue60',
-      boxShadow: `0 0 0 1px ${colors.blue60}`,
+      borderColor: 'orange60',
+      boxShadow: `0 0 0 1px ${colors.orange60}`,
     },
 
     '&:disabled': {

diff --git a/themes/theme-b2b/src/components/NumberField.style.ts b/themes/theme-b2b/src/components/NumberField.style.ts
@@ -13,8 +13,8 @@ export const NumberField: Theme['components']['NumberField'] = {
       },
 
       '&:focus': {
-        borderColor: 'blue60',
-        boxShadow: `0 0 0 1px ${colors.blue60}`,
+        borderColor: 'orange60',
+        boxShadow: `0 0 0 1px ${colors.orange60}`,
       },
 
       '&:disabled': {
@@ -55,7 +55,7 @@ export const NumberField: Theme['components']['NumberField'] = {
       },
 
       '&:focus-group': {
-        borderColor: 'blue60',
+        borderColor: 'orange60',
       },
 
       '&:error-group': {

diff --git a/themes/theme-b2b/src/components/Radio.style.ts b/themes/theme-b2b/src/components/Radio.style.ts
@@ -18,7 +18,7 @@ export const Radio: Theme['components']['Radio'] = {
 
       '&:focus': {
         outline: '2px solid',
-        outlineColor: 'blue60',
+        outlineColor: 'orange60',
         outlineOffset: 3,
       },
 

diff --git a/themes/theme-b2b/src/components/Slider.style.ts b/themes/theme-b2b/src/components/Slider.style.ts
@@ -23,7 +23,7 @@ export const Slider: Theme['components']['Slider'] = {
       borderRadius: 'large',
       '&:focus': {
         border: '4px solid',
-        borderColor: 'primary',
+        borderColor: 'orange60',
       },
       '&:disabled': {
         border: '4px solid',

diff --git a/themes/theme-b2b/src/components/Switch.style.ts b/themes/theme-b2b/src/components/Switch.style.ts
@@ -18,7 +18,7 @@ export const Switch: Theme['components']['Switch'] = {
       },
       '&:focus': {
         outline: '2px solid',
-        outlineColor: 'blue60',
+        outlineColor: 'orange60',
         outlineOffset: 3,
       },
     },

diff --git a/themes/theme-b2b/src/components/TextArea.style.ts b/themes/theme-b2b/src/components/TextArea.style.ts
@@ -19,8 +19,8 @@ export const TextArea: Theme['components']['TextArea'] = {
     },
 
     '&:focus': {
-      borderColor: 'blue60',
-      boxShadow: `0 0 0 1px ${colors.blue60}`,
+      borderColor: 'orange60',
+      boxShadow: `0 0 0 1px ${colors.orange60}`,
     },
 
     '&:disabled': {