Added 3 new styles for bar buttons. (#168)

* Added a new style called split for bar buttons

* Added wavy button styles.

* Added padding configuration

* Update bar padding

* Fix styling for battery style2

* Fix icon only setting for bar

* Update types and options

* Add button style to exported theme props.

* Fix top margin for menus.

modules/bar/media/index.ts

@@ -16,12 +16,12 @@ const Media = () => {
 
     const getIconForPlayer = (playerName: string): string => {
         const windowTitleMap = [
-            ["Firefox", "󰈹 "],
-            ["Microsoft Edge", "󰇩 "],
-            ["Discord", " "],
-            ["Plex", "󰚺 "],
-            ["Spotify", "󰓇 "],
-            ["(.*)", "󰝚 "],
+            ["Firefox", "󰈹"],
+            ["Microsoft Edge", "󰇩"],
+            ["Discord", ""],
+            ["Plex", "󰚺"],
+            ["Spotify", "󰓇"],
+            ["(.*)", "󰝚"],
         ];
 
         const foundMatch = windowTitleMap.find((wt) =>
@@ -59,7 +59,14 @@ const Media = () => {
         component: Widget.Box({
             visible: false,
             child: Widget.Box({
-                class_name: "media",
+                className: Utils.merge([options.theme.bar.buttons.style.bind("value"), show_label.bind("value")], (style, showLabel) => {
+                    const styleMap = {
+                        default: "style1",
+                        split: "style2",
+                        wave: "style3",
+                    };
+                    return `media ${styleMap[style]}`;
+                }),
                 child: Widget.Box({
                     children: [
                         Widget.Label({