0
0
Fork 0
mirror of https://github.com/BookStackApp/BookStack.git synced 2025-04-30 22:50:05 +00:00

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 
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; line-height: 1.6;
} }
.tabs-inner > button:hover, &.open .tabs-inner > button.active { .tabs-inner > button:hover, &.open .tabs-inner > button.active {
background-color: var(--color-primary-light); color: var(--color-link) !important;
color: var(--color-primary); 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 { &.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; margin-inline-end: -1px;
} }
h4 { h4 {