Timer Progress dark mode

Author: kevzlou7979

src/main/java/gwt/material/design/incubator/client/dark/IncubatorDarkThemeLoader.java

@@ -27,6 +27,7 @@
 import gwt.material.design.incubator.client.progress.ProgressLineBarDarkTheme;
 import gwt.material.design.incubator.client.search.InlineSearchDarkTheme;
 import gwt.material.design.incubator.client.tag.TagLabelDarkTheme;
+import gwt.material.design.incubator.client.timer.TimerProgressDarkTheme;
 import gwt.material.design.incubator.client.toggle.GroupToggleDarkTheme;
 
 public class IncubatorDarkThemeLoader extends DarkThemeLoader {
@@ -39,6 +40,7 @@ public IncubatorDarkThemeLoader() {
             new InlineSearchDarkTheme(),
             new PlaceholderDarkTheme(),
             new ProgressLineBarDarkTheme(),
-            new TagLabelDarkTheme());
+            new TagLabelDarkTheme(),
+            new TimerProgressDarkTheme());
     }
 }

src/main/java/gwt/material/design/incubator/client/timer/TimerProgress.java

@@ -29,6 +29,7 @@
 import gwt.material.design.incubator.client.AddinsIncubator;
 import gwt.material.design.incubator.client.base.IncubatorWidget;
 import gwt.material.design.incubator.client.base.constants.IncubatorCssName;
+import gwt.material.design.incubator.client.dark.IncubatorDarkThemeReloader;
 
 import static gwt.material.design.addins.client.bubble.js.JsBubble.$;
 
@@ -84,6 +85,8 @@ protected void onLoad() {
         add(fill);
         $(fill.getElement()).css("animation-duration", duration + "ms");
         $(fill.getElement()).css("-webkit-animation-duration", duration + "ms");
+
+        IncubatorDarkThemeReloader.get().reload(TimerProgressDarkTheme.class);
     }
 
     public MaterialPanel getFill() {

src/main/java/gwt/material/design/incubator/client/timer/TimerProgressClientBundle.java

@@ -34,6 +34,9 @@ public interface TimerProgressClientBundle extends ClientBundle {
     @Source("resources/css/timer.min.css")
     TextResource timerCss();
 
+    @Source("resources/css/timer-dark.min.css")
+    TextResource timerDarkCss();
+
     @Source("resources/css/circular.min.css")
     TextResource circularTimerCss();
 }

src/main/java/gwt/material/design/incubator/client/timer/TimerProgressDarkTheme.java

@@ -0,0 +1,11 @@
+package gwt.material.design.incubator.client.timer;
+
+import gwt.material.design.addins.client.dark.AddinsWidgetDarkTheme;
+import gwt.material.design.incubator.client.AddinsIncubator;
+
+public class TimerProgressDarkTheme extends AddinsWidgetDarkTheme {
+
+    public TimerProgressDarkTheme() {
+        super(AddinsIncubator.isDebug() ? TimerProgressDebugClientBundle.INSTANCE.timerDarkCss() : TimerProgressClientBundle.INSTANCE.timerDarkCss());
+    }
+}

src/main/java/gwt/material/design/incubator/client/timer/TimerProgressDebugClientBundle.java

@@ -34,6 +34,9 @@ public interface TimerProgressDebugClientBundle extends ClientBundle {
     @Source("resources/css/timer.css")
     TextResource timerDebugCss();
 
+    @Source("resources/css/timer-dark.css")
+    TextResource timerDarkCss();
+
     @Source("resources/css/circular.css")
     TextResource circularTimerDebugCss();
 }

src/main/resources/gwt/material/design/incubator/client/timer/resources/css/timer-dark.css

@@ -0,0 +1,7 @@
+.timer-progress {
+    background-color: #4c3f5b;
+}
+
+.timer-progress.bouncing .fill {
+    background: #bb86fc;
+}

src/main/resources/gwt/material/design/incubator/client/timer/resources/css/timer-dark.min.css

@@ -0,0 +1 @@
+.timer-progress{background-color:#4c3f5b}.timer-progress.bouncing .fill{background:#bb86fc}