Improvement: cinnamon - Add support for the 'no events' button

thekomer · Dec 12, 2021 · 2ce0257 · 2ce0257
1 parent f524729
commit 2ce0257
Show file tree

Hide file tree

Showing 2 changed files with 58 additions and 8 deletions.
diff --git a/cinnamon/cinnamon.css b/cinnamon/cinnamon.css
@@ -655,8 +655,19 @@ StScrollBar {
   border: 1px solid #040508;
   background-color: #131727; }
 
+.calendar-events-no-events-button {
+  margin: 6px 0 6px 0;
+  padding: 6px; }
+  .calendar-events-no-events-button:hover {
+    background-color: #ff6a00; }
+    .calendar-events-no-events-button:hover .calendar-events-no-events-icon,
+    .calendar-events-no-events-button:hover .calendar-events-no-events-label {
+      color: #fefefe; }
+
+.calendar-events-no-events-icon,
 .calendar-events-no-events-label {
-  color: rgba(191, 195, 205, 0.45);
+  font-weight: bold;
+  color: #BFC3CD;
   text-align: center; }
 
 .calendar-events-date-label {
@@ -727,8 +738,6 @@ StScrollBar {
 
 .calendar-today-home-button {
   padding: 6px; }
-  .calendar-today-home-button:hover {
-    background-color: rgba(255, 106, 0, 0.6); }
 
 .calendar-today-day-label {
   font-size: 1.75em;
@@ -743,6 +752,15 @@ StScrollBar {
   font-weight: bold;
   text-align: center; }
 
+.calendar-today-home-button-enabled {
+  padding: 6px; }
+  .calendar-today-home-button-enabled:hover {
+    background-color: #ff6a00; }
+    .calendar-today-home-button-enabled:hover .calendar-today-day-label {
+      color: #fefefe; }
+    .calendar-today-home-button-enabled:hover .calendar-today-date-label {
+      color: #fefefe; }
+
 .calendar-month-label {
   color: #BFC3CD;
   font-weight: bold;

diff --git a/cinnamon/sass/_common.scss b/cinnamon/sass/_common.scss
@@ -747,8 +747,28 @@ StScrollBar {
 	background-color: $base_color;
 }
 
+
+.calendar-events-no-events-box {
+}
+
+.calendar-events-no-events-button {
+	margin: 6px 0 6px 0;
+	padding: 6px;
+
+	&:hover {
+		background-color: $selected_bg_color;
+
+		.calendar-events-no-events-icon,
+		.calendar-events-no-events-label {
+			color: $selected_fg_color;
+		}
+	}
+}
+
+.calendar-events-no-events-icon,
 .calendar-events-no-events-label {
-	color: $insensitive_fg_color;
+	font-weight: bold;
+	color: $fg_color;
 	text-align: center;
 }
 
@@ -819,7 +839,7 @@ StScrollBar {
 		.calendar-event-time-present,
 		.calendar-event-time-future,
 		.calendar-event-summary {
-			color: $selected_fg_color
+			color: $selected_fg_color;
 		}
 
 		.calendar-event-countdown {
@@ -848,9 +868,6 @@ StScrollBar {
 
 .calendar-today-home-button {
 	padding: 6px;
-	&:hover {
-		background-color: transparentize($selected_bg_color, .4);
-	}
 }
 
 .calendar-today-day-label {
@@ -868,6 +885,21 @@ StScrollBar {
 	text-align: center;
 }
 
+.calendar-today-home-button-enabled {
+	padding: 6px;
+
+	&:hover {
+		background-color: $selected_bg_color;
+
+		.calendar-today-day-label {
+			color: $selected_fg_color;
+		}
+		.calendar-today-date-label {
+			color: $selected_fg_color;
+		}
+	}
+}
+
 .calendar-month-label {
   color: $fg_color;
   font-weight: bold;