also set color on a button's before and after pseudo elements, fixes #6355

Closes #6355

Merge request studip/studip!4816

2 files changed, 12 insertions, 5 deletions

diff --git a/resources/assets/stylesheets/scss/buttons.scss b/resources/assets/stylesheets/scss/buttons.scss
index 090128b..352d9b3 100644
--- a/resources/assets/stylesheets/scss/buttons.scss
+++ b/resources/assets/stylesheets/scss/buttons.scss
@@ -99,8 +99,12 @@ button.button {
 }
 
 @mixin button-base() {
-    color: var(--base-color);
-    transition: color var(--transition-duration);
+    &,
+    &::before,
+    &::after {
+        color: var(--color--content-link);
+        transition: color var(--transition-duration);
+    }
 }
 
 button,
@@ -131,8 +135,12 @@ button,
 
         &:hover,
         &:active {
-            color: var(--active-color);
-            text-decoration: none;
+            &,
+            &::before,
+            &::after {
+                color: var(--color--content-link-hover);
+                text-decoration: none;
+            }
         }
 
         &[disabled] {
diff --git a/resources/assets/stylesheets/studip.scss b/resources/assets/stylesheets/studip.scss
index f6c8e9e..b4e1243 100644
--- a/resources/assets/stylesheets/studip.scss
+++ b/resources/assets/stylesheets/studip.scss
@@ -646,7 +646,6 @@ input.allow-plaintext-toggle {
         transform: translateY(-50%);
 
         @include icon($position: before, $icon: visibility-invisible, $padding: 6px);
-        color: var(--color--font-primary);
 
         &.password-is-hidden {
             @include icon($position: before, $icon: visibility-checked, $padding: 6px);