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

diff --git a/resources/sass/_pages.scss b/resources/sass/_pages.scss
index 13d67ec24c96900df55eab8118c320598551b58d..c06eca6d205376eb226d2922d59f333c8532bf29 100755 (executable)
--- 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 {