| @@ -1037,8 +1037,11 @@ | ||
| 1037 | 1037 | right: 0; |
| 1038 | 1038 | bottom: 0; |
| 1039 | 1039 | height: var( --_tab-stroke ); |
| 1040 | 1040 | background-image: var( --os-tabs-rail, none ); |
| 1041 | + /* The rail's colour is derived from the accent; how much of it | |
| 1042 | + shows is a literal the palette answers. 1 is the earlier look. */ | |
| 1043 | + opacity: var( --os-tabs-rail-opacity, 1 ); | |
| 1041 | 1044 | background-size: var( --_tab-strip-w, 100% ) 100%; |
| 1042 | 1045 | background-repeat: no-repeat; |
| 1043 | 1046 | pointer-events: none; |
| 1044 | 1047 | /* |
| @@ -1126,8 +1129,11 @@ | ||
| 1126 | 1129 | calc( var( --_tab-stroke ) * -1 ) |
| 1127 | 1130 | calc( ( var( --_tab-radius ) + var( --_tab-stroke ) ) * -1 ) |
| 1128 | 1131 | 0; |
| 1129 | 1132 | background-image: var( --os-tabs-rail, none ); |
| 1133 | + /* The rail's colour is derived from the accent; how much of it | |
| 1134 | + shows is a literal the palette answers. 1 is the earlier look. */ | |
| 1135 | + opacity: var( --os-tabs-rail-opacity, 1 ); | |
| 1130 | 1136 | background-size: var( --_tab-strip-w, 100% ) 100%; |
| 1131 | 1137 | background-position: |
| 1132 | 1138 | calc( |
| 1133 | 1139 | var( --_tab-radius ) + var( --_tab-stroke ) - |
