fix: changed the color tokens to follow guidelines (#19990)

Gururajj77 · web-flow · commit 0897c805a372 · 2025-07-23T15:21:03.000Z
diff --git a/packages/styles/scss/components/overflow-menu/_overflow-menu.scss b/packages/styles/scss/components/overflow-menu/_overflow-menu.scss
@@ -49,7 +49,7 @@
     }
 
     &:hover {
-      background-color: $layer-hover;
+      background-color: $background-hover;
     }
   }
 
@@ -136,15 +136,15 @@
   }
 
   .#{$prefix}--overflow-menu-options--light {
-    background-color: $layer;
+    background-color: $layer-hover;
 
     &::after {
       background-color: $layer;
     }
   }
 
   .#{$prefix}--overflow-menu.#{$prefix}--overflow-menu--light.#{$prefix}--overflow-menu--open:hover {
-    background-color: $layer;
+    background-color: $layer-hover;
   }
 
   .#{$prefix}--overflow-menu-options[data-floating-menu-direction='bottom']:not(

Original file line number	Diff line number	Diff line change
`@@ -49,7 +49,7 @@`
`49`	`49`	`}`
`50`	`50`
`51`	`51`	`&:hover {`
`52`		`- background-color: $layer-hover;`
	`52`	`+ background-color: $background-hover;`
`53`	`53`	`}`
`54`	`54`	`}`
`55`	`55`
`@@ -136,15 +136,15 @@`
`136`	`136`	`}`
`137`	`137`
`138`	`138`	`.#{$prefix}--overflow-menu-options--light {`
`139`		`- background-color: $layer;`
	`139`	`+ background-color: $layer-hover;`
`140`	`140`
`141`	`141`	`&::after {`
`142`	`142`	`background-color: $layer;`
`143`	`143`	`}`
`144`	`144`	`}`
`145`	`145`
`146`	`146`	`.#{$prefix}--overflow-menu.#{$prefix}--overflow-menu--light.#{$prefix}--overflow-menu--open:hover {`
`147`		`- background-color: $layer;`
	`147`	`+ background-color: $layer-hover;`
`148`	`148`	`}`
`149`	`149`
`150`	`150`	`.#{$prefix}--overflow-menu-options[data-floating-menu-direction='bottom']:not(`