month-cell: Add pill style to first day of the month.

Add a pill style to the label of the first day of the month to make it easy to identify. Adjust the border radius of the existing pill style for the current date to be the same. Apply the font-weight using the new style class.

Part-of: <https://gitlab.gnome.org/GNOME/gnome-calendar/-/merge_requests/647>
This commit is contained in:
Philipp Sauberzweig
2025-10-28 14:06:44 +00:00
committed by Philipp Sauberzweig
parent 6e97c05a14
commit ef4c70fa4c
3 changed files with 29 additions and 11 deletions
+20 -2
View File
@@ -248,12 +248,30 @@ monthcell {
background-color: var(--bg-color);
}
monthcell .day-label {
border-radius: 6px;
padding: 0px 6px 0px 6px;
}
/* First day of month */
monthcell label.first-day {
font-weight: 700;
color: white;
background-color: var(--dark-2);
}
@media (prefers-color-scheme: dark) {
monthcell label.first-day {
color: black;
background-color: var(--light-3);
}
}
/* Today */
monthcell.today label.day-label {
font-weight: 700;
color: var(--accent-fg-color);
background-color: var(--accent-bg-color);
border-radius: 99px;
padding: 0 6px;
}
monthcell:hover {