Group toggle button dark theme support.

Author: kevzlou7979

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

@@ -21,10 +21,12 @@
 
 import gwt.material.design.client.theme.dark.DarkThemeLoader;
 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 ProgressLineBarDarkTheme());
+        super(new GroupToggleDarkTheme(),
+            new ProgressLineBarDarkTheme());
     }
 }

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

@@ -9,9 +9,9 @@ public class IncubatorDarkThemeReloader {
     static IncubatorDarkThemeReloader instance;
 
     public void reload(Class<? extends DarkThemeLoader> widgetLoader) {
-        DarkThemeLoader addinsLoader = DarkThemeManager.get().getLoader(IncubatorDarkThemeLoader.class);
-        if (addinsLoader != null) {
-            DarkThemeLoader child = addinsLoader.getChild(widgetLoader);
+        DarkThemeLoader incubatorLoader = DarkThemeManager.get().getLoader(IncubatorDarkThemeLoader.class);
+        if (incubatorLoader != null) {
+            DarkThemeLoader child = incubatorLoader.getChild(widgetLoader);
             if (child != null && child instanceof AddinsWidgetDarkTheme) {
                 ((AddinsWidgetDarkTheme) child).suppressReload();
             }

src/main/java/gwt/material/design/incubator/client/toggle/GroupToggleButton.java

@@ -36,6 +36,8 @@
 import gwt.material.design.client.ui.html.Label;
 import gwt.material.design.incubator.client.base.IncubatorWidget;
 import gwt.material.design.incubator.client.base.constants.IncubatorCssName;
+import gwt.material.design.incubator.client.dark.IncubatorDarkThemeLoader;
+import gwt.material.design.incubator.client.dark.IncubatorDarkThemeReloader;
 
 import java.util.ArrayList;
 import java.util.Arrays;
@@ -93,12 +95,12 @@ public GroupToggleButton() {
     protected void onLoad() {
         super.onLoad();
 
-        registerHandler(addSelectionHandler(selectionEvent -> {
-            ValueChangeEvent.fire(GroupToggleButton.this, getValue());
-        }));
         add(label);
         add(wrapper);
         add(errorLabel);
+
+        registerHandler(addSelectionHandler(selectionEvent -> ValueChangeEvent.fire(GroupToggleButton.this, getValue())));
+        IncubatorDarkThemeReloader.get().reload(GroupToggleDarkTheme.class);
     }
 
     public ToggleButton addItem(String text) {

src/main/java/gwt/material/design/incubator/client/toggle/GroupToggleButtonClientBundle.java

@@ -33,4 +33,7 @@ public interface GroupToggleButtonClientBundle extends ClientBundle {
 
     @Source("resources/css/group-toggle-button.min.css")
     TextResource groupToggleButtonCss();
+
+    @Source("resources/css/group-toggle-button-dark.min.css")
+    TextResource groupToggleButtonDarkCss();
 }

src/main/java/gwt/material/design/incubator/client/toggle/GroupToggleButtonDebugClientBundle.java

@@ -33,4 +33,7 @@ public interface GroupToggleButtonDebugClientBundle extends ClientBundle {
 
     @Source("resources/css/group-toggle-button.css")
     TextResource groupToggleDebugCss();
+
+    @Source("resources/css/group-toggle-button-dark.css")
+    TextResource groupToggleDarkCss();
 }

src/main/java/gwt/material/design/incubator/client/toggle/GroupToggleDarkTheme.java

@@ -0,0 +1,13 @@
+package gwt.material.design.incubator.client.toggle;
+
+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 GroupToggleDarkTheme extends AddinsWidgetDarkTheme {
+
+    public GroupToggleDarkTheme() {
+        super(AddinsIncubator.isDebug() ? GroupToggleButtonDebugClientBundle.INSTANCE.groupToggleDarkCss() : GroupToggleButtonClientBundle.INSTANCE.groupToggleButtonDarkCss());
+    }
+}

src/main/resources/gwt/material/design/incubator/client/progress/resources/css/progress-line-bar-dark.css

@@ -1,8 +1,8 @@
 .progress-line-bar .progress-item.active {
-    background: #bb86fc;
+    background: #bb86fc !important;
 }
 
 .progress-item {
-    border-right: 1px solid #292929;
-    background: #3e3e3e;
+    border-right: 1px solid #292929 !important;
+    background: #3e3e3e !important;
 }

src/main/resources/gwt/material/design/incubator/client/progress/resources/css/progress-line-bar-dark.min.css

@@ -0,0 +1,19 @@
+.group-toggle-button .wrapper {
+    background: #424242;
+}
+
+.group-toggle-button .wrapper button.active,
+.group-toggle-button .wrapper button:not(.active):hover{
+    background: #bb86fc;
+    color: #1e1e1e;
+}
+
+.group-toggle-button .wrapper button:not(.active):hover {
+    background-color: #525252;
+}
+
+.group-toggle-button .wrapper button {
+    color: #8e8e8e;
+    background-color: #424242;
+    border-right: 1px solid #292929;
+}