Merge pull request #19614 from Simek/ui-tabs-horiz-faded-hover-accent

ornicar · web-flow · commit c6144a0a69c2 · 2026-02-25T10:25:08.000+01:00
ui: use faded accent color for tabs-horiz border when hovered
diff --git a/ui/lib/css/component/_tabs-horiz.scss b/ui/lib/css/component/_tabs-horiz.scss
@@ -1,4 +1,5 @@
 $c-tabs-active: $c-accent !default;
+$c-tabs-hover: $m-accent--fade-50 !default;
 
 .tabs-horiz {
   @extend %flex-center-nowrap, %page-text;
@@ -30,14 +31,13 @@ $c-tabs-active: $c-accent !default;
       letter-spacing: inherit;
     }
 
-    &.active,
     &:hover {
-      color: $c-font-clear;
-      border-color: $c-tabs-active;
+      border-color: $c-tabs-hover;
     }
 
     &.active {
       color: $c-tabs-active;
+      border-color: $c-tabs-active;
     }
 
     &.narrow {

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,5 @@`
`1`	`1`	`$c-tabs-active: $c-accent !default;`
	`2`	`+$c-tabs-hover: $m-accent--fade-50 !default;`
`2`	`3`
`3`	`4`	`.tabs-horiz {`
`4`	`5`	`@extend %flex-center-nowrap, %page-text;`
`@@ -30,14 +31,13 @@ $c-tabs-active: $c-accent !default;`
`30`	`31`	`letter-spacing: inherit;`
`31`	`32`	`}`
`32`	`33`
`33`		`- &.active,`
`34`	`34`	`&:hover {`
`35`		`- color: $c-font-clear;`
`36`		`- border-color: $c-tabs-active;`
	`35`	`+ border-color: $c-tabs-hover;`
`37`	`36`	`}`
`38`	`37`
`39`	`38`	`&.active {`
`40`	`39`	`color: $c-tabs-active;`
	`40`	`+ border-color: $c-tabs-active;`
`41`	`41`	`}`
`42`	`42`
`43`	`43`	`&.narrow {`