Content Placeholder dark theme

Author: kevzlou7979

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

@@ -20,13 +20,15 @@
 package gwt.material.design.incubator.client.dark;
 
 import gwt.material.design.client.theme.dark.DarkThemeLoader;
+import gwt.material.design.incubator.client.placeholder.PlaceholderDarkTheme;
 import gwt.material.design.incubator.client.progress.ProgressLineBarDarkTheme;
 import gwt.material.design.incubator.client.toggle.GroupToggleDarkTheme;
 
 public class IncubatorDarkThemeLoader extends DarkThemeLoader {
 
     public IncubatorDarkThemeLoader() {
         super(new GroupToggleDarkTheme(),
+            new PlaceholderDarkTheme(),
             new ProgressLineBarDarkTheme());
     }
 }

src/main/java/gwt/material/design/incubator/client/placeholder/PlaceholderClientBundle.java

@@ -28,4 +28,7 @@ public interface PlaceholderClientBundle extends ClientBundle {
 
     @Source("resources/css/content-placeholder.min.css")
     TextResource contentPlaceholderCss();
+
+    @Source("resources/css/content-placeholder-dark.min.css")
+    TextResource contentPlaceholderDarkCss();
 }

src/main/java/gwt/material/design/incubator/client/placeholder/PlaceholderDarkTheme.java

@@ -0,0 +1,13 @@
+package gwt.material.design.incubator.client.placeholder;
+
+import gwt.material.design.addins.client.dark.AddinsWidgetDarkTheme;
+import gwt.material.design.incubator.client.AddinsIncubator;
+import gwt.material.design.incubator.client.progress.ProgressLineBarClientBundle;
+import gwt.material.design.incubator.client.progress.ProgressLineBarDebugClientBundle;
+
+public class PlaceholderDarkTheme extends AddinsWidgetDarkTheme {
+
+    public PlaceholderDarkTheme() {
+        super(AddinsIncubator.isDebug() ? PlaceholderDebugClientBundle.INSTANCE.contentPlaceholderDarkCss() : PlaceholderClientBundle.INSTANCE.contentPlaceholderDarkCss());
+    }
+}

src/main/java/gwt/material/design/incubator/client/placeholder/PlaceholderDebugClientBundle.java

@@ -28,4 +28,7 @@ public interface PlaceholderDebugClientBundle extends ClientBundle {
 
     @Source("resources/css/content-placeholder.css")
     TextResource contentPlaceholder();
+
+    @Source("resources/css/content-placeholder-dark.css")
+    TextResource contentPlaceholderDarkCss();
 }

src/main/java/gwt/material/design/incubator/client/placeholder/PlaceholderItem.java

@@ -25,6 +25,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 gwt.material.design.incubator.client.loadingstate.LoadingStatePanel;
 
 public class PlaceholderItem extends MaterialWidget {
@@ -41,4 +42,11 @@ public class PlaceholderItem extends MaterialWidget {
     public PlaceholderItem() {
         super(Document.get().createDivElement(), IncubatorCssName.CONTENT_PLACEHOLDER);
     }
+
+    @Override
+    protected void onLoad() {
+        super.onLoad();
+
+        IncubatorDarkThemeReloader.get().reload(PlaceholderDarkTheme.class);
+    }
 }

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

@@ -0,0 +1,21 @@
+.content-placeholder {
+    display: inline-block;
+    width: 100%;
+    -webkit-animation-duration: 1s;
+    animation-duration: 1s;
+    -webkit-animation-fill-mode: forwards;
+    animation-fill-mode: forwards;
+    -webkit-animation-iteration-count: infinite;
+    animation-iteration-count: infinite;
+    -webkit-animation-name: placeHolderShimmer;
+    animation-name: placeHolderShimmer;
+    -webkit-animation-timing-function: linear;
+    animation-timing-function: linear;
+    background: -webkit-gradient(linear, left top, right top, color-stop(8%, #454545), color-stop(18%, #555555), color-stop(33%, #444444));
+    background: -webkit-linear-gradient(left, #454545 8%, #555555 18%, #444444 33%);
+    background: linear-gradient(to right, #454545 8%, #555555 18%, #444444 33%);
+    -webkit-background-size: 800px 104px;
+    background-size: 800px 104px;
+    height: inherit;
+    position: relative;
+}