Skip to content

Commit 02d1401

Browse files
committed
Editor toolbox: Updated tabs to use link color
Change due to link color being more suitable in this case since it's not specifically a block with light text which is what app color is suited for. Specifically better for dark mode when a dark app color is used. For #4630
1 parent 38ac3c9 commit 02d1401

File tree

1 file changed

+14
-3
lines changed

1 file changed

+14
-3
lines changed

resources/sass/_pages.scss

Lines changed: 14 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -274,11 +274,22 @@ body.tox-fullscreen, body.markdown-fullscreen {
274274
line-height: 1.6;
275275
}
276276
.tabs-inner > button:hover, &.open .tabs-inner > button.active {
277-
background-color: var(--color-primary-light);
278-
color: var(--color-primary);
277+
color: var(--color-link) !important;
278+
position: relative;
279+
&:after {
280+
content: '';
281+
display: block;
282+
position: absolute;
283+
left: 0;
284+
width: 100%;
285+
top: 0;
286+
height: 100%;
287+
background-color: currentColor;
288+
opacity: .075;
289+
}
279290
}
280291
&.open .tabs-inner > button.active {
281-
border-inline-end: 1px solid var(--color-primary);
292+
border-inline-end: 1px solid var(--color-link);
282293
margin-inline-end: -1px;
283294
}
284295
h4 {

0 commit comments

Comments
 (0)