Fixed an issue where the correct global colors to the icon weren't being applied in split variant. (#409)

* Fix global icon coloring

* Fix themes

* Update custom modules to use global colors if enabled

* Fix icons

* Fix custom module icon color

scss/style/bar/notifications.scss

@@ -13,7 +13,11 @@
     .bar-button-icon.notifications {
         border-top-left-radius: $bar-buttons-radius;
         border-bottom-left-radius: $bar-buttons-radius;
-        background: if($bar-buttons-monochrome, $bar-buttons-icon, $bar-buttons-notifications-icon_background);
+        background: if(
+            $bar-buttons-monochrome,
+            $bar-buttons-icon_background,
+            $bar-buttons-notifications-icon_background
+        );
         padding: $bar-buttons-padding_y 0em;
         padding-left: $bar-buttons-padding_x;
         padding-right: $bar-buttons-notifications-spacing;
@@ -27,11 +31,11 @@
             $bar-buttons-radius * 0.4,
             $bar-buttons-radius
         );
-        color: if($bar-buttons-monochrome, $bar-buttons-icon, $bar-buttons-notifications-icon);
-
         &:last-child {
             border-radius: $bar-buttons-radius;
         }
+
+        color: if($bar-buttons-monochrome, $bar-buttons-icon, $bar-buttons-notifications-icon);
     }
 
     .bar-button-label.notifications {