From: Dan Brown <redacted>
Date: Thu, 2 Nov 2023 12:34:57 +0000 (+0000)
Subject: Editor toolbox: Updated tabs to use link color
X-Git-Tag: v23.10.1~1^2~3
X-Git-Url: http://source.bookstackapp.com/bookstack/commitdiff_plain/02d140120ac6c00987ec536ad9adb4250aeeb3d8

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 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 {