aboutsummaryrefslogtreecommitdiff
path: root/FrontEnd/src/components/theme.css
diff options
context:
space:
mode:
Diffstat (limited to 'FrontEnd/src/components/theme.css')
-rw-r--r--FrontEnd/src/components/theme.css11
1 files changed, 11 insertions, 0 deletions
diff --git a/FrontEnd/src/components/theme.css b/FrontEnd/src/components/theme.css
index bd7805cf..487ab959 100644
--- a/FrontEnd/src/components/theme.css
+++ b/FrontEnd/src/components/theme.css
@@ -87,6 +87,10 @@
--cru-clickable-grayscale-hover-color: hsl(0 0% 92%);
--cru-clickable-grayscale-focus-color: hsl(0 0% 92%);
--cru-clickable-grayscale-active-color: hsl(0 0% 88%);
+ --cru-clickable-light-normal-color: hsl(0 0% 100%);
+ --cru-clickable-light-hover-color: hsl(0 0% 92%);
+ --cru-clickable-light-focus-color: hsl(0 0% 92%);
+ --cru-clickable-light-active-color: hsl(0 0% 88%);
--cru-clickable-minor-normal-color: hsl(0 0% 30%);
--cru-clickable-minor-hover-color: hsl(0 0% 40%);
--cru-clickable-minor-focus-color: hsl(0 0% 40%);
@@ -142,6 +146,13 @@
--cru-clickable-active-color: var(--cru-clickable-grayscale-active-color);
}
+.cru-clickable-light {
+ --cru-clickable-normal-color: var(--cru-clickable-light-normal-color);
+ --cru-clickable-hover-color: var(--cru-clickable-light-hover-color);
+ --cru-clickable-focus-color: var(--cru-clickable-light-focus-color);
+ --cru-clickable-active-color: var(--cru-clickable-light-active-color);
+}
+
.cru-clickable-minor {
--cru-clickable-normal-color: var(--cru-clickable-minor-normal-color);
--cru-clickable-hover-color: var(--cru-clickable-minor-hover-color);