Federated_Computer/federated-calendar
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

css: Port to custom properties

Browse Source
This commit is contained in:
Hari Rana
2025-04-18 23:29:17 -04:00
parent 46e6a4141f
commit 53bb697812
5 changed files with 97 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/theme/style-dark.css
+12 -10
View File
@@ -1,18 +1,20 @@
@define-color month_separator_color mix(@borders, @light_5, 0.14);
@define-color month_today_color alpha(@accent_bg_color, 0.18);
@define-color month_today_hover_color alpha(@accent_bg_color, 0.28);
@define-color month_selected_today_color alpha(@accent_bg_color, 0.37);
@define-color month_selected_today_hover_color alpha(@accent_bg_color, 0.44);
@define-color month_selected_border_color alpha(@accent_bg_color, 0.25);
@define-color month_selected_background_color alpha(@accent_bg_color, 0.17);
@define-color month_selected_background_hover_color alpha(@accent_bg_color, 0.2);
:root {
--month-separator-color: color-mix(in srgb, var(--borders), var(--light-5) 14%);
--month-today-color: rgb(from var(--accent-bg-color) r g b / 18%);
--month-today-hover-color: rgb(from var(--accent-bg-color) r g b / 28%);
--month-selected-today-color: rgb(from var(--accent-bg-color) r g b / 37%);
--month-selected-today-hover-color: rgb(from var(--accent-bg-color) r g b / 44%);
--month-selected-border-color: rgb(from var(--accent-bg-color) r g b / 25%);
--month-selected-bg-color: rgb(from var(--accent-bg-color) r g b / 17%);
--month-selected-bg-hover-color: rgb(from var(--accent-bg-color) r g b / 20%);
}
/*
* Event widget
*/
event.timed {
color: @light_1;
color: var(--light-1);
outline-color: rgba(0, 0, 0, 0.3);
}
@@ -21,6 +23,6 @@ event.timed {
*/
searchbutton > popover listview > row:selected {
background-color: alpha(@accent_bg_color, 0.2);
background-color: rgb(from var(--accent-bg-color) r g b / 20%);
}