Banner Added Dark Mode support.

Author: kevzlou7979

src/main/java/gwt/material/design/addins/client/banner/MaterialBanner.java

@@ -6,9 +6,12 @@
 import com.google.gwt.event.logical.shared.OpenEvent;
 import com.google.gwt.event.logical.shared.OpenHandler;
 import com.google.gwt.event.shared.HandlerRegistration;
+import com.google.gwt.user.client.ui.Panel;
 import com.google.gwt.user.client.ui.Widget;
 import gwt.material.design.addins.client.MaterialAddins;
 import gwt.material.design.addins.client.banner.event.HasBannerHandlers;
+import gwt.material.design.addins.client.bubble.MaterialBubbleDarkTheme;
+import gwt.material.design.addins.client.dark.AddinsDarkThemeReloader;
 import gwt.material.design.client.MaterialDesignBase;
 import gwt.material.design.client.base.HasOpenClose;
 import gwt.material.design.client.base.MaterialWidget;
@@ -27,7 +30,7 @@ public class MaterialBanner extends MaterialWidget implements HasOpenClose, HasB
     private final MaterialPanel actions;
     private int translateY = 0;
     private int durationInMillis = 300;
-    private MaterialWidget targetContainer;
+    private Widget targetContainer;
 
     private ToggleStyleMixin<MaterialBanner> openMixin;
 
@@ -63,6 +66,8 @@ protected void onLoad() {
 
         calculateTranslateY();
         updateTransition();
+
+        AddinsDarkThemeReloader.get().reload(MaterialBannerDarkTheme.class);
     }
 
     @Override
@@ -100,14 +105,14 @@ protected void calculateTranslateY() {
 
     protected void pushTargetContainer(int translateY) {
         if (targetContainer != null) {
-            targetContainer.setTransform("translateY(" + translateY + "px)");
+            $(targetContainer.getElement()).css("transform", "translateY(" + translateY + "px)");
         }
     }
 
     protected void updateTransition() {
         $(getElement()).css("transition", "all " + durationInMillis + "ms ease");
         if (targetContainer != null) {
-            $(targetContainer).css("transition", "all " + durationInMillis + "ms ease");
+            $(targetContainer.getElement()).css("transition", "all " + durationInMillis + "ms ease");
         }
     }
 
@@ -152,7 +157,7 @@ public MaterialLabel getMessageLabel() {
         return messageLabel;
     }
 
-    public MaterialWidget getTargetContainer() {
+    public Widget getTargetContainer() {
         return targetContainer;
     }
 

src/main/java/gwt/material/design/addins/client/banner/MaterialBannerClientBundle.java

@@ -34,4 +34,7 @@ public interface MaterialBannerClientBundle extends ClientBundle {
 
     @Source("resources/css/banner.min.css")
     TextResource bannerCss();
+
+    @Source("resources/css/banner-dark.min.css")
+    TextResource bannerDarkCss();
 }

src/main/java/gwt/material/design/addins/client/banner/MaterialBannerDarkTheme.java

@@ -0,0 +1,30 @@
+/*
+ * #%L
+ * GwtMaterial
+ * %%
+ * Copyright (C) 2015 - 2019 GwtMaterialDesign
+ * %%
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * #L%
+ */
+package gwt.material.design.addins.client.banner;
+
+import gwt.material.design.addins.client.MaterialAddins;
+import gwt.material.design.addins.client.dark.AddinsWidgetDarkTheme;
+
+public class MaterialBannerDarkTheme extends AddinsWidgetDarkTheme {
+
+    public MaterialBannerDarkTheme() {
+        super(MaterialAddins.isDebug() ? MaterialBannerDebugClientBundle.INSTANCE.bannerDarkCss() : MaterialBannerClientBundle.INSTANCE.bannerDarkCss());
+    }
+}

src/main/java/gwt/material/design/addins/client/banner/MaterialBannerDebugClientBundle.java

@@ -34,4 +34,7 @@ public interface MaterialBannerDebugClientBundle extends ClientBundle {
 
     @Source("resources/css/banner.css")
     TextResource bannerDebugCss();
+
+    @Source("resources/css/banner-dark.css")
+    TextResource bannerDarkCss();
 }

src/main/java/gwt/material/design/addins/client/dark/AddinsDarkThemeLoader.java

@@ -20,6 +20,7 @@
 package gwt.material.design.addins.client.dark;
 
 import gwt.material.design.addins.client.autocomplete.MaterialAutoCompleteDarkTheme;
+import gwt.material.design.addins.client.banner.MaterialBannerDarkTheme;
 import gwt.material.design.addins.client.bubble.MaterialBubbleDarkTheme;
 import gwt.material.design.addins.client.carousel.MaterialCarouselDarkTheme;
 import gwt.material.design.addins.client.combobox.MaterialComboBoxDarkTheme;
@@ -40,6 +41,7 @@ public class AddinsDarkThemeLoader extends DarkThemeLoader {
     public AddinsDarkThemeLoader() {
         super(new MaterialAutoCompleteDarkTheme(),
             new MaterialBubbleDarkTheme(),
+            new MaterialBannerDarkTheme(),
             new MaterialComboBoxDarkTheme(),
             new MaterialCarouselDarkTheme(),
             new MaterialFileUploaderDarkTheme(),

src/main/resources/gwt/material/design/addins/client/banner/resources/css/banner-dark.css

@@ -0,0 +1,12 @@
+.banner {
+    background: #363636;
+    border: none;
+}
+
+.banner button {
+    color: #bb86fc;
+}
+
+.banner i.banner-icon {
+    background: #bb86fc;
+}

src/main/resources/gwt/material/design/addins/client/banner/resources/css/banner-dark.min.css

@@ -0,0 +1 @@
+.banner{background:#363636;border:none}.banner button{color:#bb86fc}.banner i.banner-icon{background:#bb86fc}