From c2774d9e80d9a436d9c2044960369c4db227e3a0 Mon Sep 17 00:00:00 2001
From: silverwind <me@silverwind.io>
Date: Sat, 4 Feb 2023 04:17:43 +0100
Subject: [PATCH] Fix color of tertiary button on dark theme (#22739)
Before:
<img width="266" alt="Screenshot 2023-02-03 at 14 07 34"
src="https://user-images.githubusercontent.com/115237/216611151-92e98305-c4b5-42f3-b2e2-8b1b805fa644.png">
After:
<img width="271" alt="Screenshot 2023-02-03 at 14 07 52"
src="https://user-images.githubusercontent.com/115237/216611156-878a8a75-39a1-415b-9b6d-4f035985444e.png">
This is the only instance of such a button in all templates.
---------
Co-authored-by: Lauris BH <lauris@nix.lv>
Co-authored-by: Lunny Xiao <xiaolunwen@gmail.com>
---
web_src/less/_base.less | 13 ++++++++++---
1 file changed, 10 insertions(+), 3 deletions(-)
diff --git a/web_src/less/_base.less b/web_src/less/_base.less
index 26fc83785b..e58bf53f5d 100644
--- a/web_src/less/_base.less
+++ b/web_src/less/_base.less
@@ -2200,9 +2200,7 @@ a.ui.label:hover {
border: 1px solid var(--color-light-border);
color: var(--color-text);
}
-.ui.tertiary.button {
- border: none;
-}
+
.page-content .ui.button {
box-shadow: none !important;
}
@@ -2319,6 +2317,15 @@ a.ui.label:hover {
color: var(--color-secondary-dark-8) !important;
}
+.ui.tertiary.button {
+ color: var(--color-text-light);
+ border: none;
+}
+
+.ui.tertiary.button:hover {
+ color: var(--color-text);
+}
+
.ui.primary.label,
.ui.primary.labels .label {
background-color: var(--color-primary) !important;