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

style: Update month border colors

Browse Source 
Use a defined color for that, and make them more in line with the
Adwaita style.
This commit is contained in:
Georges Basile Stavracas Neto
2024-01-27 13:36:28 -03:00
parent a3ac698e60
commit 1114e566d9
4 changed files with 11 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/theme/style-dark.css
+2 -26
View File
@@ -1,3 +1,5 @@
@define-color month_border_color mix(@borders, @light_5, 0.14);
/* /*
* Event widget * Event widget
*/ */
@@ -40,29 +42,3 @@ monthcell:not(.workday):selected:hover {
background-color: alpha(@accent_bg_color, 0.2); background-color: alpha(@accent_bg_color, 0.2);
transition: background-color 200ms; transition: background-color 200ms;
} }
/* Separators */
monthcell.separator-top,
monthcell.separator-top:selected {
border-top: 1px solid #6b6b6b;
}
monthcell.separator-side:dir(ltr),
monthcell.separator-side:selected:dir(ltr) {
border-left: 1px solid #6b6b6b;
}
monthcell:nth-child(7n + 1):dir(ltr),
monthcell:nth-child(7n + 1):selected:dir(ltr) {
border-left-width: 0;
}
monthcell.separator-side:dir(rtl),
monthcell.separator-side:selected:dir(rtl) {
border-right: 1px solid #6b6b6b;
}
monthcell:nth-child(7n + 1):dir(rtl),
monthcell:nth-child(7n + 1):selected:dir(rtl) {
border-right-width: 0;
}
src/theme/style-hc-dark.css
+1 -25
View File
@@ -1,25 +1 @@
/* Separators */ @define-color month_border_color white;
monthcell.separator-top,
monthcell.separator-top:selected {
border-top: 1px solid white;
}
monthcell.separator-side:dir(ltr),
monthcell.separator-side:selected:dir(ltr) {
border-left: 1px solid white;
}
monthcell:nth-child(7n + 1):dir(ltr),
monthcell:nth-child(7n + 1):selected:dir(ltr) {
border-left-width: 0;
}
monthcell.separator-side:dir(rtl),
monthcell.separator-side:selected:dir(rtl) {
border-right: 1px solid white;
}
monthcell:nth-child(7n + 1):dir(rtl),
monthcell:nth-child(7n + 1):selected:dir(rtl) {
border-right-width: 0;
}
src/theme/style-hc.css
+3 -25
View File
@@ -1,35 +1,13 @@
@define-color month_border_color black;
.sources-button > button:hover, .sources-button > button:hover,
.sources-button > button:active, .sources-button > button:active,
.sources-button > button:checked { .sources-button > button:checked {
box-shadow: inset 1px 0 @borders, inset -1px 0 @borders; box-shadow: inset 1px 0 @borders, inset -1px 0 @borders;
} }
datechooser .weeknum{ datechooser .weeknum {
color: @theme_fg_color; color: @theme_fg_color;
background-color: alpha(@theme_fg_color, 0.05); background-color: alpha(@theme_fg_color, 0.05);
border: 1px solid alpha(currentColor, 0.5); border: 1px solid alpha(currentColor, 0.5);
} }
monthcell.separator-top,
monthcell.separator-top:selected {
border-top: 1px solid black;
}
monthcell.separator-side:dir(ltr),
monthcell.separator-side:selected:dir(ltr) {
border-left: 1px solid black;
}
monthcell:nth-child(7n + 1):dir(ltr),
monthcell:nth-child(7n + 1):selected:dir(ltr) {
border-left-width: 0;
}
monthcell.separator-side:dir(rtl),
monthcell.separator-side:selected:dir(rtl) {
border-right: 1px solid black;
}
monthcell:nth-child(7n + 1):dir(rtl),
monthcell:nth-child(7n + 1):selected:dir(rtl) {
border-right-width: 0;
}
src/theme/style.css
+5 -3
View File
@@ -1,3 +1,5 @@
@define-color month_border_color mix(@borders, @dark_5, 0.09);
/* Header labels */ /* Header labels */
label.primary-label { label.primary-label {
font-size: 16pt; font-size: 16pt;
@@ -397,12 +399,12 @@ monthcell button {
/* Separators */ /* Separators */
monthcell.separator-top, monthcell.separator-top,
monthcell.separator-top:selected { monthcell.separator-top:selected {
border-top: 1px solid #a4a4a4; border-top: 1px solid @month_border_color;
} }
monthcell.separator-side:dir(ltr), monthcell.separator-side:dir(ltr),
monthcell.separator-side:selected:dir(ltr) { monthcell.separator-side:selected:dir(ltr) {
border-left: 1px solid #a4a4a4; border-left: 1px solid @month_border_color;
} }
monthcell:nth-child(7n + 1):dir(ltr), monthcell:nth-child(7n + 1):dir(ltr),
@@ -412,7 +414,7 @@ monthcell:nth-child(7n + 1):selected:dir(ltr) {
monthcell.separator-side:dir(rtl), monthcell.separator-side:dir(rtl),
monthcell.separator-side:selected:dir(rtl) { monthcell.separator-side:selected:dir(rtl) {
border-right: 1px solid #a4a4a4; border-right: 1px solid @month_border_color;
} }
monthcell:nth-child(7n + 1):dir(rtl), monthcell:nth-child(7n + 1):dir(rtl),