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:
committed by
Philipp Sauberzweig
parent
6e97c05a14
commit
ef4c70fa4c
+20
-2
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user