fix(gen2/darkmode): fix color of mobile menu toggle on gen2 darkmode (#6781)

hbuchel · web-flow · commit 048ff116ac0d · 2024-01-15T13:23:58.000-05:00
diff --git a/src/components/GlobalNav/GlobalNav.module.scss b/src/components/GlobalNav/GlobalNav.module.scss
@@ -76,7 +76,7 @@
   gap: var(--amplify-space-xxs);
   padding: var(--amplify-space-small);
   &:focus {
-    outline: 2px solid var(--amplify-colors-font-inverse);
+    outline: 2px solid var(--amplify-colors-white);
   }
 }
 
@@ -319,11 +319,11 @@
     }
     &:focus {
       background-color: var(--amplify-colors-purple-60);
-      box-shadow: 0 0 0 2px var(--amplify-colors-font-inverse);
+      box-shadow: 0 0 0 2px var(--amplify-colors-white);
     }
   }
   .chevron-icon {
-    fill: var(--amplify-colors-font-inverse);
+    fill: var(--amplify-colors-white);
   }
   [data-amplify-color-mode='dark'] & {
     --navbar-background-color: var(--amplify-colors-purple-40);

Original file line number	Diff line number	Diff line change
`@@ -76,7 +76,7 @@`
`76`	`76`	`gap: var(--amplify-space-xxs);`
`77`	`77`	`padding: var(--amplify-space-small);`
`78`	`78`	`&:focus {`
`79`		`- outline: 2px solid var(--amplify-colors-font-inverse);`
	`79`	`+ outline: 2px solid var(--amplify-colors-white);`
`80`	`80`	`}`
`81`	`81`	`}`
`82`	`82`
`@@ -319,11 +319,11 @@`
`319`	`319`	`}`
`320`	`320`	`&:focus {`
`321`	`321`	`background-color: var(--amplify-colors-purple-60);`
`322`		`- box-shadow: 0 0 0 2px var(--amplify-colors-font-inverse);`
	`322`	`+ box-shadow: 0 0 0 2px var(--amplify-colors-white);`
`323`	`323`	`}`
`324`	`324`	`}`
`325`	`325`	`.chevron-icon {`
`326`		`- fill: var(--amplify-colors-font-inverse);`
	`326`	`+ fill: var(--amplify-colors-white);`
`327`	`327`	`}`
`328`	`328`	`[data-amplify-color-mode='dark'] & {`
`329`	`329`	`--navbar-background-color: var(--amplify-colors-purple-40);`