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
This commit is contained in:
Dan Brown 2023-11-02 12:34:57 +00:00
parent 38ac3c959b
commit 02d140120a
No known key found for this signature in database
GPG Key ID: 46D9F943C24A2EF9

View File

@ -274,11 +274,22 @@ body.tox-fullscreen, body.markdown-fullscreen {
line-height: 1.6;
}
.tabs-inner > button:hover, &.open .tabs-inner > button.active {
background-color: var(--color-primary-light);
color: var(--color-primary);
color: var(--color-link) !important;
position: relative;
&:after {
content: '';
display: block;
position: absolute;
left: 0;
width: 100%;
top: 0;
height: 100%;
background-color: currentColor;
opacity: .075;
}
}
&.open .tabs-inner > button.active {
border-inline-end: 1px solid var(--color-primary);
border-inline-end: 1px solid var(--color-link);
margin-inline-end: -1px;
}
h4 {