[gnome-clocks] css: Some cleanups

[Bilal Elmoussaoui <bilelmoussaoui src gnome org>]

commit 339f39db1580f40211bfbfbbcebfeffefb5b957b
Author: Maximiliano Sandoval R <msandova gnome org>
Date:   Mon Dec 13 16:57:45 2021 +0100

    css: Some cleanups
    
    Use accent color whenever possible.

 data/css/gnome-clocks.css              | 30 +++++++++---------------------
 data/css/gnome-clocks.highcontrast.css |  4 ----
 src/stopwatch-laps-row.vala            |  4 ++--
 3 files changed, 11 insertions(+), 27 deletions(-)
---
diff --git a/data/css/gnome-clocks.css b/data/css/gnome-clocks.css
index c8d99830..6e546233 100644
--- a/data/css/gnome-clocks.css
+++ b/data/css/gnome-clocks.css
@@ -1,17 +1,8 @@
-window > stack {
-       background-color: mix(@theme_fg_color, @theme_bg_color, 0.95);
-       box-shadow: inset 0 5px 2px -6px black;
-}
-
 window > stack:backdrop {
        background-color: mix(@theme_unfocused_fg_color, @theme_unfocused_bg_color, 0.95);
        box-shadow: none;
 }
 
-label.destructive-action {
-       color: #e01b24;
-}
-
 /* Shared */
 
 .clocks-list {
@@ -53,7 +44,6 @@ row.snoozing {
        font-size: 18pt;
 }
 
-
 .clocks-alarm-setup-time {
        font-size: 32pt;
 }
@@ -95,24 +85,23 @@ spinbutton.clocks-timer-label button {
 .timer-countdown {
        font-size: 40pt;
        font-weight: 300;
-       color: #9E9DA1;
 }
 
 @keyframes clocks-blink {
-       0% { color: #9E9DA1; }
-       100% { color: #428be5; }
+       0% { color: @theme_fg_color; }
+       100% { color: @accent_color; }
 }
 
 .timer-countdown.timer-paused {
-       color: #9E9DA1;
+       opacity: .55;
        animation-name: clocks-blink;
        animation-iteration-count: infinite;
-       animation-timing-function: cubic-bezier(1.0,0,0,1.0);
+       animation-timing-function: steps(2);
        animation-duration: 1s;
 }
 
 .timer-countdown.timer-running {
-       color: #428be5;
+       color: @accent_color;
 }
 
 /* Stopwatch Panel */
@@ -121,11 +110,11 @@ spinbutton.clocks-timer-label button {
 }
 
 .negative-lap {
-       color: #ED333B;
+       color: @destructive_color;
 }
 
 .positive-lap {
-       color: #428be5;
+       color: @accent_color;
 }
 
 .stopped-stopwatch label,
@@ -141,7 +130,7 @@ spinbutton.clocks-timer-label button {
 
 .running-stopwatch .seconds-label,
 .running-stopwatch .miliseconds-label {
-       color: #428be5;
+       color: @accent_color;
 }
 
 .stopped-stopwatch .miliseconds-label,
@@ -165,8 +154,7 @@ spinbutton.clocks-timer-label button {
        font-size: 2em;
        padding: 0.2em 0.5em;
        border-radius: 1em;
-       background: #e5a50a;
-       color: #000000;
+       color: alpha(black, 0.8);
        font-weight: 300;
        transition: 0.4s background ease-in;
 }
diff --git a/data/css/gnome-clocks.highcontrast.css b/data/css/gnome-clocks.highcontrast.css
index a9dad3ca..4665c7d3 100644
--- a/data/css/gnome-clocks.highcontrast.css
+++ b/data/css/gnome-clocks.highcontrast.css
@@ -8,10 +8,6 @@ window > stack:backdrop {
        box-shadow: none;
 }
 
-label.destructive-action {
-       color: #e01b24;
-}
-
 /* alarms */
 
 row.snoozing {
diff --git a/src/stopwatch-laps-row.vala b/src/stopwatch-laps-row.vala
index c5c7a73a..016f8214 100644
--- a/src/stopwatch-laps-row.vala
+++ b/src/stopwatch-laps-row.vala
@@ -55,9 +55,9 @@ private class LapsRow : Gtk.ListBoxRow {
 
             var difference = this.get_delta_duration ();
             if (difference > 0) {
-                difference_label.get_style_context ().add_class ("negative-lap");
+                difference_label.add_css_class ("negative-lap");
             } else if (difference < 0) {
-                difference_label.get_style_context ().add_class ("positive-lap");
+                difference_label.add_css_class ("positive-lap");
             }
         }
     }