From 02d140120ac6c00987ec536ad9adb4250aeeb3d8 Mon Sep 17 00:00:00 2001 From: Dan Brown Date: Thu, 2 Nov 2023 12:34:57 +0000 Subject: [PATCH] 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 --- resources/sass/_pages.scss | 17 ++++++++++++++--- 1 file changed, 14 insertions(+), 3 deletions(-) diff --git a/resources/sass/_pages.scss b/resources/sass/_pages.scss index 13d67ec24..c06eca6d2 100755 --- a/resources/sass/_pages.scss +++ b/resources/sass/_pages.scss @@ -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 {