Create Microphone bar module. (#801)

* Implement microphone module.

* Add catppuccin themes

* Add rest of themes

* Fix comment

* Add nix settings

nix/module.nix

@@ -466,6 +466,8 @@ in
       theme.bar.buttons.modules.kbLayout.enableBorder = mkBoolOption false;
       theme.bar.buttons.modules.kbLayout.spacing = mkStrOption "0.45em";
       theme.bar.buttons.modules.netstat.enableBorder = mkBoolOption false;
+      theme.bar.buttons.modules.microphone.enableBorder = mkBoolOption false,
+      theme.bar.buttons.modules.microphone.spacing = mkStrOption "0.45em",
       theme.bar.buttons.modules.netstat.spacing = mkStrOption "0.45em";
       theme.bar.buttons.modules.power.enableBorder = mkBoolOption false;
       theme.bar.buttons.modules.power.spacing = mkStrOption "0.45em";

src/components/bar/exports.ts

@@ -11,6 +11,7 @@ import { Clock } from '../../components/bar/modules/clock/index';
 import { SysTray } from '../../components/bar/modules/systray/index';
 
 // Custom Modules
+import { Microphone } from '../../components/bar/modules/microphone/index';
 import { Ram } from '../../components/bar/modules/ram/index';
 import { Cpu } from '../../components/bar/modules/cpu/index';
 import { CpuTemp } from '../../components/bar/modules/cputemp/index';
@@ -39,6 +40,7 @@ export {
     SysTray,
 
     // Custom Modules
+    Microphone,
     Ram,
     Cpu,
     CpuTemp,

src/components/bar/index.tsx

@@ -12,6 +12,7 @@ import {
     SysTray,
 
     // Custom Modules
+    Microphone,
     Ram,
     Cpu,
     CpuTemp,
@@ -51,6 +52,7 @@ const widget = {
     bluetooth: (): JSX.Element => WidgetContainer(Bluetooth()),
     clock: (): JSX.Element => WidgetContainer(Clock()),
     systray: (): JSX.Element => WidgetContainer(SysTray()),
+    microphone: (): JSX.Element => WidgetContainer(Microphone()),
     ram: (): JSX.Element => WidgetContainer(Ram()),
     cpu: (): JSX.Element => WidgetContainer(Cpu()),
     cputemp: (): JSX.Element => WidgetContainer(CpuTemp()),

src/components/bar/modules/microphone/index.tsx

@@ -0,0 +1,76 @@
+import options from 'src/options';
+import { Module } from '../../shared/Module';
+import { bind, Variable } from 'astal';
+import { BarBoxChild } from 'src/lib/types/bar';
+import { Astal } from 'astal/gtk3';
+import { inputHandler } from '../../utils/helpers';
+import AstalWp from 'gi://AstalWp?version=0.1';
+
+const wireplumber = AstalWp.get_default() as AstalWp.Wp;
+const audioService = wireplumber.audio;
+
+const { label, mutedIcon, unmutedIcon, leftClick, rightClick, middleClick, scrollUp, scrollDown } =
+    options.bar.customModules.microphone;
+
+export const Microphone = (): BarBoxChild => {
+    const iconBinding = Variable.derive(
+        [
+            bind(mutedIcon),
+            bind(unmutedIcon),
+            bind(audioService.defaultMicrophone, 'volume'),
+            bind(audioService.defaultMicrophone, 'mute'),
+        ],
+        (iconMuted, iconUnmuted, volume, isMuted) => {
+            if (isMuted || volume === 0) {
+                return iconMuted;
+            }
+
+            return iconUnmuted;
+        },
+    );
+
+    const tooltipBinding = Variable.derive(
+        [
+            bind(mutedIcon),
+            bind(unmutedIcon),
+            bind(audioService.defaultMicrophone, 'description'),
+            bind(audioService.defaultMicrophone, 'volume'),
+            bind(audioService.defaultMicrophone, 'mute'),
+        ],
+        (iconMuted, iconUnmuted, description, volume, isMuted) => {
+            const icon = isMuted || !volume ? iconMuted : iconUnmuted;
+
+            return `${icon} ${description}`;
+        },
+    );
+    const microphoneModule = Module({
+        textIcon: iconBinding(),
+        label: bind(audioService.defaultMicrophone, 'volume').as((vol) => `${Math.round(vol * 100)}%`),
+        tooltipText: tooltipBinding(),
+        boxClass: 'mic',
+        showLabelBinding: bind(label),
+        props: {
+            setup: (self: Astal.Button) => {
+                inputHandler(self, {
+                    onPrimaryClick: {
+                        cmd: leftClick,
+                    },
+                    onSecondaryClick: {
+                        cmd: rightClick,
+                    },
+                    onMiddleClick: {
+                        cmd: middleClick,
+                    },
+                    onScrollUp: {
+                        cmd: scrollUp,
+                    },
+                    onScrollDown: {
+                        cmd: scrollDown,
+                    },
+                });
+            },
+        },
+    });
+
+    return microphoneModule;
+};

src/components/bar/settings/config.tsx

@@ -16,6 +16,23 @@ export const CustomModuleSettings = (): JSX.Element => {
                 <Header title="General" />
                 <Option opt={options.bar.customModules.scrollSpeed} title="Scrolling Speed" type="number" />
 
+                {/* Microphone Section */}
+                <Header title="Microphone" />
+                <Option
+                    opt={options.theme.bar.buttons.modules.microphone.enableBorder}
+                    title="Button Border"
+                    type="boolean"
+                />
+                <Option opt={options.bar.customModules.microphone.label} title="Show Label" type="boolean" />
+                <Option opt={options.bar.customModules.microphone.mutedIcon} title="Muted Icon" type="string" />
+                <Option opt={options.bar.customModules.microphone.unmutedIcon} title="Unmuted Icon" type="string" />
+                <Option opt={options.theme.bar.buttons.modules.microphone.spacing} title="Spacing" type="string" />
+                <Option opt={options.bar.customModules.microphone.leftClick} title="Left Click" type="string" />
+                <Option opt={options.bar.customModules.microphone.rightClick} title="Right Click" type="string" />
+                <Option opt={options.bar.customModules.microphone.middleClick} title="Middle Click" type="string" />
+                <Option opt={options.bar.customModules.microphone.scrollUp} title="Scroll Up" type="string" />
+                <Option opt={options.bar.customModules.microphone.scrollDown} title="Scroll Down" type="string" />
+
                 {/* RAM Section */}
                 <Header title="RAM" />
                 <Option opt={options.theme.bar.buttons.modules.ram.enableBorder} title="Button Border" type="boolean" />

src/components/bar/settings/theme.tsx

@@ -14,6 +14,23 @@ export const CustomModuleTheme = (): JSX.Element => {
             vexpand={false}
         >
             <box vertical>
+                {/* Microphone Module Section */}
+                <Header title="Microphone" />
+                <Option opt={options.theme.bar.buttons.modules.microphone.text} title="Text" type="color" />
+                <Option opt={options.theme.bar.buttons.modules.microphone.icon} title="Icon" type="color" />
+                <Option
+                    opt={options.theme.bar.buttons.modules.microphone.background}
+                    title="Label Background"
+                    type="color"
+                />
+                <Option
+                    opt={options.theme.bar.buttons.modules.microphone.icon_background}
+                    title="Icon Background"
+                    subtitle="Applies a background color to the icon section of the button.\nRequires 'split' button styling."
+                    type="color"
+                />
+                <Option opt={options.theme.bar.buttons.modules.microphone.border} title="Border" type="color" />
+
                 {/* RAM Module Section */}
                 <Header title="RAM" />
                 <Option opt={options.theme.bar.buttons.modules.ram.text} title="Text" type="color" />

src/options.ts

@@ -310,6 +310,15 @@ const options = mkOptions(CONFIG, {
                     spacing: opt('0.5em'),
                 },
                 modules: {
+                    microphone: {
+                        enableBorder: opt(false),
+                        border: opt(colors.green),
+                        background: opt(colors.base2),
+                        text: opt(colors.green),
+                        icon: opt(colors.green),
+                        icon_background: opt(colors.base2),
+                        spacing: opt('0.45em'),
+                    },
                     ram: {
                         enableBorder: opt(false),
                         border: opt(colors.yellow),
@@ -1051,6 +1060,16 @@ const options = mkOptions(CONFIG, {
         },
         customModules: {
             scrollSpeed: opt(5),
+            microphone: {
+                label: opt(true),
+                mutedIcon: opt('󰍭'),
+                unmutedIcon: opt('󰍬'),
+                leftClick: opt('menu:audio'),
+                rightClick: opt(''),
+                middleClick: opt(''),
+                scrollUp: opt(''),
+                scrollDown: opt(''),
+            },
             ram: {
                 icon: opt(''),
                 label: opt(true),

src/scss/style/bar/style.scss

@@ -10,6 +10,7 @@
 
 .module-icon {
     font-size: 1em;
+    min-width: 0.7em;
 }
 
 .style2 {
@@ -126,6 +127,33 @@
     }
 }
 
+/*
+ * #################################
+ * #      Mic Module Styling       #
+ * #################################
+ */
+@include styleModule(
+    //
+    // class name
+    'mic',
+    // label color
+    $bar-buttons-modules-microphone-text,
+    // icon color
+    $bar-buttons-modules-microphone-icon,
+    // icon background if split style is used
+    $bar-buttons-modules-microphone-icon_background,
+    // label background
+    $bar-buttons-modules-microphone-background,
+    // inner spacing
+    $bar-buttons-modules-microphone-spacing,
+    //
+    // if border enabled
+    $bar-buttons-modules-microphone-enableBorder,
+    // border color
+    $bar-buttons-modules-microphone-border,
+    1.3em
+);
+
 /*
  * #################################
  * #      Ram Module Styling       #

themes/catppuccin_frappe.json

@@ -361,5 +361,10 @@
   "theme.bar.buttons.modules.cava.background": "#303446",
   "theme.bar.buttons.modules.cava.icon_background": "#303446",
   "theme.bar.buttons.modules.cava.icon": "#81c8be",
-  "theme.bar.buttons.modules.cava.border": "#81c8be"
+  "theme.bar.buttons.modules.cava.border": "#81c8be",
+  "theme.bar.buttons.modules.microphone.border": "#a6d189",
+  "theme.bar.buttons.modules.microphone.background": "#303446",
+  "theme.bar.buttons.modules.microphone.text": "#a6d189",
+  "theme.bar.buttons.modules.microphone.icon": "#a6d189",
+  "theme.bar.buttons.modules.microphone.icon_background": "#303446"
 }

themes/catppuccin_frappe_split.json

@@ -361,5 +361,10 @@
   "theme.bar.buttons.modules.cava.background": "#303446",
   "theme.bar.buttons.modules.cava.icon": "#181825",
   "theme.bar.buttons.modules.cava.icon_background": "#81c8be",
-  "theme.bar.buttons.modules.cava.border": "#81c8be"
+  "theme.bar.buttons.modules.cava.border": "#81c8be",
+  "theme.bar.buttons.modules.microphone.border": "#a6d189",
+  "theme.bar.buttons.modules.microphone.background": "#303446",
+  "theme.bar.buttons.modules.microphone.text": "#a6d189",
+  "theme.bar.buttons.modules.microphone.icon": "#303446",
+  "theme.bar.buttons.modules.microphone.icon_background": "#a6d189"
 }

themes/catppuccin_frappe_vivid.json

@@ -361,5 +361,10 @@
   "theme.bar.buttons.modules.cava.text": "#303446",
   "theme.bar.buttons.modules.cava.icon": "#303446",
   "theme.bar.buttons.modules.cava.icon_background": "#303446",
-  "theme.bar.buttons.modules.cava.border": "#81c8be"
+  "theme.bar.buttons.modules.cava.border": "#81c8be",
+  "theme.bar.buttons.modules.microphone.border": "#a6d189",
+  "theme.bar.buttons.modules.microphone.text": "#303446",
+  "theme.bar.buttons.modules.microphone.background": "#a6d189",
+  "theme.bar.buttons.modules.microphone.icon": "#303446",
+  "theme.bar.buttons.modules.microphone.icon_background": "#a6d189"
 }

themes/catppuccin_latte.json

@@ -361,5 +361,10 @@
   "theme.bar.buttons.modules.cava.background": "#dcdfe8",
   "theme.bar.buttons.modules.cava.icon_background": "#dcdfe8",
   "theme.bar.buttons.modules.cava.icon": "#179299",
-  "theme.bar.buttons.modules.cava.border": "#179299"
+  "theme.bar.buttons.modules.cava.border": "#179299",
+  "theme.bar.buttons.modules.microphone.border": "#40a02b",
+  "theme.bar.buttons.modules.microphone.background": "#dcdfe8",
+  "theme.bar.buttons.modules.microphone.text": "#40a02b",
+  "theme.bar.buttons.modules.microphone.icon": "#40a02b",
+  "theme.bar.buttons.modules.microphone.icon_background": "#dcdfe8"
 }

themes/catppuccin_latte_split.json

@@ -361,5 +361,10 @@
   "theme.bar.buttons.modules.cava.background": "#dcdfe8",
   "theme.bar.buttons.modules.cava.icon": "#181825",
   "theme.bar.buttons.modules.cava.icon_background": "#179299",
-  "theme.bar.buttons.modules.cava.border": "#179299"
+  "theme.bar.buttons.modules.cava.border": "#179299",
+  "theme.bar.buttons.modules.microphone.border": "#40a02b",
+  "theme.bar.buttons.modules.microphone.background": "#dcdfe8",
+  "theme.bar.buttons.modules.microphone.text": "#40a02b",
+  "theme.bar.buttons.modules.microphone.icon": "#dcdfe8",
+  "theme.bar.buttons.modules.microphone.icon_background": "#40a02b"
 }

themes/catppuccin_latte_vivid.json

@@ -361,5 +361,10 @@
   "theme.bar.buttons.modules.cava.text": "#dcdfe8",
   "theme.bar.buttons.modules.cava.icon": "#dcdfe8",
   "theme.bar.buttons.modules.cava.icon_background": "#dcdfe8",
-  "theme.bar.buttons.modules.cava.border": "#179299"
+  "theme.bar.buttons.modules.cava.border": "#179299",
+  "theme.bar.buttons.modules.microphone.border": "#40a02b",
+  "theme.bar.buttons.modules.microphone.text": "#dcdfe8",
+  "theme.bar.buttons.modules.microphone.background": "#40a02b",
+  "theme.bar.buttons.modules.microphone.icon": "#dcdfe8",
+  "theme.bar.buttons.modules.microphone.icon_background": "#40a02b"
 }

themes/catppuccin_macchiato.json

@@ -361,5 +361,10 @@
   "theme.bar.buttons.modules.cava.background": "#24273a",
   "theme.bar.buttons.modules.cava.icon_background": "#24273a",
   "theme.bar.buttons.modules.cava.icon": "#8bd5ca",
-  "theme.bar.buttons.modules.cava.border": "#8bd5ca"
+  "theme.bar.buttons.modules.cava.border": "#8bd5ca",
+  "theme.bar.buttons.modules.microphone.border": "#a6da95",
+  "theme.bar.buttons.modules.microphone.background": "#24273a",
+  "theme.bar.buttons.modules.microphone.text": "#a6da95",
+  "theme.bar.buttons.modules.microphone.icon": "#a6da95",
+  "theme.bar.buttons.modules.microphone.icon_background": "#24273a"
 }

themes/catppuccin_macchiato_split.json

@@ -361,5 +361,10 @@
   "theme.bar.buttons.modules.cava.background": "#24273a",
   "theme.bar.buttons.modules.cava.icon": "#181825",
   "theme.bar.buttons.modules.cava.icon_background": "#8bd5ca",
-  "theme.bar.buttons.modules.cava.border": "#8bd5ca"
+  "theme.bar.buttons.modules.cava.border": "#8bd5ca",
+  "theme.bar.buttons.modules.microphone.border": "#a6da95",
+  "theme.bar.buttons.modules.microphone.background": "#24273a",
+  "theme.bar.buttons.modules.microphone.text": "#a6da95",
+  "theme.bar.buttons.modules.microphone.icon": "#24273a",
+  "theme.bar.buttons.modules.microphone.icon_background": "#a6da95"
 }

themes/catppuccin_macchiato_vivid.json

@@ -361,5 +361,10 @@
   "theme.bar.buttons.modules.cava.text": "#24273a",
   "theme.bar.buttons.modules.cava.icon": "#24273a",
   "theme.bar.buttons.modules.cava.icon_background": "#24273a",
-  "theme.bar.buttons.modules.cava.border": "#8bd5ca"
+  "theme.bar.buttons.modules.cava.border": "#8bd5ca",
+  "theme.bar.buttons.modules.microphone.border": "#a6da95",
+  "theme.bar.buttons.modules.microphone.text": "#24273a",
+  "theme.bar.buttons.modules.microphone.background": "#a6da95",
+  "theme.bar.buttons.modules.microphone.icon": "#24273a",
+  "theme.bar.buttons.modules.microphone.icon_background": "#a6da95"
 }

themes/catppuccin_mocha.json

@@ -361,5 +361,10 @@
     "theme.bar.buttons.modules.cava.background": "#242438",
     "theme.bar.buttons.modules.cava.icon_background": "#242438",
     "theme.bar.buttons.modules.cava.icon": "#94e2d5",
-    "theme.bar.buttons.modules.cava.border": "#94e2d5"
+    "theme.bar.buttons.modules.cava.border": "#94e2d5",
+    "theme.bar.buttons.modules.microphone.border": "#a6e3a1",
+    "theme.bar.buttons.modules.microphone.background": "#242438",
+    "theme.bar.buttons.modules.microphone.text": "#a6e3a1",
+    "theme.bar.buttons.modules.microphone.icon": "#a6e3a1",
+    "theme.bar.buttons.modules.microphone.icon_background": "#242438"
 }

themes/catppuccin_mocha_split.json

@@ -361,5 +361,10 @@
     "theme.bar.buttons.modules.cava.background": "#242438",
     "theme.bar.buttons.modules.cava.icon": "#242438",
     "theme.bar.buttons.modules.cava.icon_background": "#94e2d5",
-    "theme.bar.buttons.modules.cava.border": "#94e2d5"
+    "theme.bar.buttons.modules.cava.border": "#94e2d5",
+    "theme.bar.buttons.modules.microphone.border": "#a6e3a1",
+    "theme.bar.buttons.modules.microphone.background": "#242438",
+    "theme.bar.buttons.modules.microphone.text": "#a6e3a1",
+    "theme.bar.buttons.modules.microphone.icon": "#242438",
+    "theme.bar.buttons.modules.microphone.icon_background": "#a6e3a1"
 }

themes/catppuccin_mocha_vivid.json

@@ -361,5 +361,10 @@
     "theme.bar.buttons.modules.cava.text": "#242438",
     "theme.bar.buttons.modules.cava.icon": "#242438",
     "theme.bar.buttons.modules.cava.icon_background": "#94e2d5",
-    "theme.bar.buttons.modules.cava.border": "#94e2d5"
+    "theme.bar.buttons.modules.cava.border": "#94e2d5",
+    "theme.bar.buttons.modules.microphone.border": "#a6e3a1",
+    "theme.bar.buttons.modules.microphone.text": "#242438",
+    "theme.bar.buttons.modules.microphone.background": "#a6e3a1",
+    "theme.bar.buttons.modules.microphone.icon": "#242438",
+    "theme.bar.buttons.modules.microphone.icon_background": "#a6e3a1"
 }

themes/cyberpunk.json

@@ -361,5 +361,10 @@
   "theme.bar.buttons.modules.cava.background": "#121212",
   "theme.bar.buttons.modules.cava.icon_background": "#121212",
   "theme.bar.buttons.modules.cava.icon": "#FF69B4",
-  "theme.bar.buttons.modules.cava.border": "#FF69B4"
+  "theme.bar.buttons.modules.cava.border": "#FF69B4",
+  "theme.bar.buttons.modules.microphone.border": "#32CD32",
+  "theme.bar.buttons.modules.microphone.background": "#121212",
+  "theme.bar.buttons.modules.microphone.text": "#32CD32",
+  "theme.bar.buttons.modules.microphone.icon": "#32CD32",
+  "theme.bar.buttons.modules.microphone.icon_background": "#121212"
 }

themes/cyberpunk_split.json

@@ -361,5 +361,10 @@
   "theme.bar.buttons.modules.cava.background": "#121212",
   "theme.bar.buttons.modules.cava.icon": "#121212",
   "theme.bar.buttons.modules.cava.icon_background": "#FF69B4",
-  "theme.bar.buttons.modules.cava.border": "#FF69B4"
+  "theme.bar.buttons.modules.cava.border": "#FF69B4",
+  "theme.bar.buttons.modules.microphone.border": "#32CD32",
+  "theme.bar.buttons.modules.microphone.background": "#121212",
+  "theme.bar.buttons.modules.microphone.text": "#32CD32",
+  "theme.bar.buttons.modules.microphone.icon": "#121212",
+  "theme.bar.buttons.modules.microphone.icon_background": "#32CD32"
 }

themes/cyberpunk_vivid.json

@@ -361,5 +361,10 @@
   "theme.bar.buttons.modules.cava.text": "#121212",
   "theme.bar.buttons.modules.cava.icon": "#121212",
   "theme.bar.buttons.modules.cava.icon_background": "#121212",
-  "theme.bar.buttons.modules.cava.border": "#FF69B4"
+  "theme.bar.buttons.modules.cava.border": "#FF69B4",
+  "theme.bar.buttons.modules.microphone.border": "#32CD32",
+  "theme.bar.buttons.modules.microphone.text": "#121212",
+  "theme.bar.buttons.modules.microphone.background": "#32CD32",
+  "theme.bar.buttons.modules.microphone.icon": "#121212",
+  "theme.bar.buttons.modules.microphone.icon_background": "#32CD32"
 }

themes/dracula.json

@@ -361,5 +361,10 @@
   "theme.bar.buttons.modules.cava.background": "#44475a",
   "theme.bar.buttons.modules.cava.icon_background": "#44475a",
   "theme.bar.buttons.modules.cava.icon": "#8be9fd",
-  "theme.bar.buttons.modules.cava.border": "#8be9fd"
+  "theme.bar.buttons.modules.cava.border": "#8be9fd",
+  "theme.bar.buttons.modules.microphone.border": "#50fa7b",
+  "theme.bar.buttons.modules.microphone.background": "#44475a",
+  "theme.bar.buttons.modules.microphone.text": "#50fa7b",
+  "theme.bar.buttons.modules.microphone.icon": "#50fa7b",
+  "theme.bar.buttons.modules.microphone.icon_background": "#44475a"
 }

themes/dracula_split.json

@@ -361,5 +361,10 @@
   "theme.bar.buttons.modules.cava.background": "#44475a",
   "theme.bar.buttons.modules.cava.icon": "#282936",
   "theme.bar.buttons.modules.cava.icon_background": "#8be9fd",
-  "theme.bar.buttons.modules.cava.border": "#8be9fd"
+  "theme.bar.buttons.modules.cava.border": "#8be9fd",
+  "theme.bar.buttons.modules.microphone.border": "#50fa7b",
+  "theme.bar.buttons.modules.microphone.background": "#44475a",
+  "theme.bar.buttons.modules.microphone.text": "#50fa7b",
+  "theme.bar.buttons.modules.microphone.icon": "#44475a",
+  "theme.bar.buttons.modules.microphone.icon_background": "#50fa7b"
 }

themes/dracula_vivid.json

@@ -361,5 +361,10 @@
   "theme.bar.buttons.modules.cava.text": "#44475a",
   "theme.bar.buttons.modules.cava.icon": "#44475a",
   "theme.bar.buttons.modules.cava.icon_background": "#44475a",
-  "theme.bar.buttons.modules.cava.border": "#8be9fd"
+  "theme.bar.buttons.modules.cava.border": "#8be9fd",
+  "theme.bar.buttons.modules.microphone.border": "#50fa7b",
+  "theme.bar.buttons.modules.microphone.text": "#44475a",
+  "theme.bar.buttons.modules.microphone.background": "#50fa7b",
+  "theme.bar.buttons.modules.microphone.icon": "#44475a",
+  "theme.bar.buttons.modules.microphone.icon_background": "#50fa7b"
 }

themes/everforest.json

@@ -361,5 +361,10 @@
   "theme.bar.buttons.modules.cava.background": "#323d43",
   "theme.bar.buttons.modules.cava.icon_background": "#323d43",
   "theme.bar.buttons.modules.cava.icon": "#83c092",
-  "theme.bar.buttons.modules.cava.border": "#83c092"
+  "theme.bar.buttons.modules.cava.border": "#83c092",
+  "theme.bar.buttons.modules.microphone.border": "#a7c080",
+  "theme.bar.buttons.modules.microphone.background": "#323d43",
+  "theme.bar.buttons.modules.microphone.text": "#a7c080",
+  "theme.bar.buttons.modules.microphone.icon": "#a7c080",
+  "theme.bar.buttons.modules.microphone.icon_background": "#323d43"
 }

themes/everforest_split.json

@@ -361,5 +361,10 @@
   "theme.bar.buttons.modules.cava.background": "#323d43",
   "theme.bar.buttons.modules.cava.icon": "#21252b",
   "theme.bar.buttons.modules.cava.icon_background": "#83c092",
-  "theme.bar.buttons.modules.cava.border": "#83c092"
+  "theme.bar.buttons.modules.cava.border": "#83c092",
+  "theme.bar.buttons.modules.microphone.border": "#a7c080",
+  "theme.bar.buttons.modules.microphone.background": "#323d43",
+  "theme.bar.buttons.modules.microphone.text": "#a7c080",
+  "theme.bar.buttons.modules.microphone.icon": "#323d43",
+  "theme.bar.buttons.modules.microphone.icon_background": "#a7c080"
 }

themes/everforest_vivid.json

@@ -361,5 +361,10 @@
   "theme.bar.buttons.modules.cava.text": "#323d43",
   "theme.bar.buttons.modules.cava.icon": "#323d43",
   "theme.bar.buttons.modules.cava.icon_background": "#323d43",
-  "theme.bar.buttons.modules.cava.border": "#83c092"
+  "theme.bar.buttons.modules.cava.border": "#83c092",
+  "theme.bar.buttons.modules.microphone.border": "#a7c080",
+  "theme.bar.buttons.modules.microphone.text": "#323d43",
+  "theme.bar.buttons.modules.microphone.background": "#a7c080",
+  "theme.bar.buttons.modules.microphone.icon": "#323d43",
+  "theme.bar.buttons.modules.microphone.icon_background": "#a7c080"
 }

themes/gruvbox.json

@@ -361,5 +361,10 @@
   "theme.bar.buttons.modules.cava.background": "#282828",
   "theme.bar.buttons.modules.cava.icon_background": "#282828",
   "theme.bar.buttons.modules.cava.icon": "#8ec07c",
-  "theme.bar.buttons.modules.cava.border": "#8ec07c"
+  "theme.bar.buttons.modules.cava.border": "#8ec07c",
+  "theme.bar.buttons.modules.microphone.border": "#b8bb26",
+  "theme.bar.buttons.modules.microphone.background": "#282828",
+  "theme.bar.buttons.modules.microphone.text": "#b8bb26",
+  "theme.bar.buttons.modules.microphone.icon": "#b8bb26",
+  "theme.bar.buttons.modules.microphone.icon_background": "#282828"
 }

themes/gruvbox_split.json

@@ -361,5 +361,10 @@
   "theme.bar.buttons.modules.cava.background": "#282828",
   "theme.bar.buttons.modules.cava.icon": "#21252b",
   "theme.bar.buttons.modules.cava.icon_background": "#8ec07c",
-  "theme.bar.buttons.modules.cava.border": "#8ec07c"
+  "theme.bar.buttons.modules.cava.border": "#8ec07c",
+  "theme.bar.buttons.modules.microphone.border": "#b8bb26",
+  "theme.bar.buttons.modules.microphone.background": "#282828",
+  "theme.bar.buttons.modules.microphone.text": "#b8bb26",
+  "theme.bar.buttons.modules.microphone.icon": "#282828",
+  "theme.bar.buttons.modules.microphone.icon_background": "#b8bb26"
 }

themes/gruvbox_vivid.json

@@ -361,5 +361,10 @@
   "theme.bar.buttons.modules.cava.text": "#282828",
   "theme.bar.buttons.modules.cava.icon": "#282828",
   "theme.bar.buttons.modules.cava.icon_background": "#282828",
-  "theme.bar.buttons.modules.cava.border": "#8ec07c"
+  "theme.bar.buttons.modules.cava.border": "#8ec07c",
+  "theme.bar.buttons.modules.microphone.border": "#b8bb26",
+  "theme.bar.buttons.modules.microphone.text": "#282828",
+  "theme.bar.buttons.modules.microphone.background": "#b8bb26",
+  "theme.bar.buttons.modules.microphone.icon": "#282828",
+  "theme.bar.buttons.modules.microphone.icon_background": "#b8bb26"
 }

themes/monochrome.json

@@ -361,5 +361,10 @@
   "theme.bar.buttons.modules.cava.background": "#090909",
   "theme.bar.buttons.modules.cava.icon_background": "#090909",
   "theme.bar.buttons.modules.cava.icon": "#FFFFFF",
-  "theme.bar.buttons.modules.cava.border": "#FFFFFF"
+  "theme.bar.buttons.modules.cava.border": "#FFFFFF",
+  "theme.bar.buttons.modules.microphone.border": "#ffffff",
+  "theme.bar.buttons.modules.microphone.background": "#090909",
+  "theme.bar.buttons.modules.microphone.text": "#ffffff",
+  "theme.bar.buttons.modules.microphone.icon": "#ffffff",
+  "theme.bar.buttons.modules.microphone.icon_background": "#090909"
 }

themes/monochrome_split.json

@@ -361,5 +361,10 @@
   "theme.bar.buttons.modules.cava.background": "#090909",
   "theme.bar.buttons.modules.cava.icon": "#21252b",
   "theme.bar.buttons.modules.cava.icon_background": "#FFFFFF",
-  "theme.bar.buttons.modules.cava.border": "#FFFFFF"
+  "theme.bar.buttons.modules.cava.border": "#FFFFFF",
+  "theme.bar.buttons.modules.microphone.border": "#ffffff",
+  "theme.bar.buttons.modules.microphone.background": "#090909",
+  "theme.bar.buttons.modules.microphone.text": "#ffffff",
+  "theme.bar.buttons.modules.microphone.icon": "#090909",
+  "theme.bar.buttons.modules.microphone.icon_background": "#ffffff"
 }

themes/monochrome_vivid.json

@@ -361,5 +361,10 @@
   "theme.bar.buttons.modules.cava.text": "#090909",
   "theme.bar.buttons.modules.cava.icon": "#090909",
   "theme.bar.buttons.modules.cava.icon_background": "#090909",
-  "theme.bar.buttons.modules.cava.border": "#FFFFFF"
+  "theme.bar.buttons.modules.cava.border": "#FFFFFF",
+  "theme.bar.buttons.modules.microphone.border": "#ffffff",
+  "theme.bar.buttons.modules.microphone.text": "#090909",
+  "theme.bar.buttons.modules.microphone.background": "#ffffff",
+  "theme.bar.buttons.modules.microphone.icon": "#090909",
+  "theme.bar.buttons.modules.microphone.icon_background": "#ffffff"
 }

themes/nord.json

@@ -361,5 +361,10 @@
   "theme.bar.buttons.modules.cava.background": "#3b4252",
   "theme.bar.buttons.modules.cava.icon_background": "#3b4252",
   "theme.bar.buttons.modules.cava.icon": "#8fbcbb",
-  "theme.bar.buttons.modules.cava.border": "#8fbcbb"
+  "theme.bar.buttons.modules.cava.border": "#8fbcbb",
+  "theme.bar.buttons.modules.microphone.border": "#8fbcbb",
+  "theme.bar.buttons.modules.microphone.background": "#3b4252",
+  "theme.bar.buttons.modules.microphone.text": "#8fbcbb",
+  "theme.bar.buttons.modules.microphone.icon": "#8fbcbb",
+  "theme.bar.buttons.modules.microphone.icon_background": "#3b4252"
 }

themes/nord_split.json

@@ -361,5 +361,10 @@
   "theme.bar.buttons.modules.cava.background": "#3b4252",
   "theme.bar.buttons.modules.cava.icon": "#21252b",
   "theme.bar.buttons.modules.cava.icon_background": "#8fbcbb",
-  "theme.bar.buttons.modules.cava.border": "#8fbcbb"
+  "theme.bar.buttons.modules.cava.border": "#8fbcbb",
+  "theme.bar.buttons.modules.microphone.border": "#8fbcbb",
+  "theme.bar.buttons.modules.microphone.background": "#3b4252",
+  "theme.bar.buttons.modules.microphone.text": "#8fbcbb",
+  "theme.bar.buttons.modules.microphone.icon": "#3b4252",
+  "theme.bar.buttons.modules.microphone.icon_background": "#8fbcbb"
 }

themes/nord_vivid.json

@@ -361,5 +361,10 @@
   "theme.bar.buttons.modules.cava.text": "#3b4252",
   "theme.bar.buttons.modules.cava.icon": "#3b4252",
   "theme.bar.buttons.modules.cava.icon_background": "#3b4252",
-  "theme.bar.buttons.modules.cava.border": "#8fbcbb"
+  "theme.bar.buttons.modules.cava.border": "#8fbcbb",
+  "theme.bar.buttons.modules.microphone.border": "#8fbcbb",
+  "theme.bar.buttons.modules.microphone.text": "#3b4252",
+  "theme.bar.buttons.modules.microphone.background": "#8fbcbb",
+  "theme.bar.buttons.modules.microphone.icon": "#3b4252",
+  "theme.bar.buttons.modules.microphone.icon_background": "#8fbcbb"
 }

themes/one_dark.json

@@ -361,5 +361,10 @@
   "theme.bar.buttons.modules.cava.background": "#21252b",
   "theme.bar.buttons.modules.cava.icon_background": "#21252b",
   "theme.bar.buttons.modules.cava.icon": "#56b6c2",
-  "theme.bar.buttons.modules.cava.border": "#56b6c2"
+  "theme.bar.buttons.modules.cava.border": "#56b6c2",
+  "theme.bar.buttons.modules.microphone.border": "#98c379",
+  "theme.bar.buttons.modules.microphone.background": "#21252b",
+  "theme.bar.buttons.modules.microphone.text": "#98c379",
+  "theme.bar.buttons.modules.microphone.icon": "#98c379",
+  "theme.bar.buttons.modules.microphone.icon_background": "#21252b"
 }

themes/one_dark_split.json

@@ -361,5 +361,10 @@
   "theme.bar.buttons.modules.cava.background": "#21252b",
   "theme.bar.buttons.modules.cava.icon": "#21252b",
   "theme.bar.buttons.modules.cava.icon_background": "#56b6c2",
-  "theme.bar.buttons.modules.cava.border": "#56b6c2"
+  "theme.bar.buttons.modules.cava.border": "#56b6c2",
+  "theme.bar.buttons.modules.microphone.border": "#98c379",
+  "theme.bar.buttons.modules.microphone.background": "#21252b",
+  "theme.bar.buttons.modules.microphone.text": "#98c379",
+  "theme.bar.buttons.modules.microphone.icon": "#21252b",
+  "theme.bar.buttons.modules.microphone.icon_background": "#98c379"
 }

themes/one_dark_vivid.json

@@ -361,5 +361,10 @@
   "theme.bar.buttons.modules.cava.text": "#21252b",
   "theme.bar.buttons.modules.cava.icon": "#21252b",
   "theme.bar.buttons.modules.cava.icon_background": "#21252b",
-  "theme.bar.buttons.modules.cava.border": "#56b6c2"
+  "theme.bar.buttons.modules.cava.border": "#56b6c2",
+  "theme.bar.buttons.modules.microphone.border": "#98c379",
+  "theme.bar.buttons.modules.microphone.text": "#21252b",
+  "theme.bar.buttons.modules.microphone.background": "#98c379",
+  "theme.bar.buttons.modules.microphone.icon": "#21252b",
+  "theme.bar.buttons.modules.microphone.icon_background": "#98c379"
 }

themes/rose_pine.json

@@ -361,5 +361,10 @@
   "theme.bar.buttons.modules.cava.background": "#21202e",
   "theme.bar.buttons.modules.cava.icon_background": "#21202e",
   "theme.bar.buttons.modules.cava.icon": "#9ccfd8",
-  "theme.bar.buttons.modules.cava.border": "#9ccfd8"
+  "theme.bar.buttons.modules.cava.border": "#9ccfd8",
+  "theme.bar.buttons.modules.microphone.border": "#9ccfd8",
+  "theme.bar.buttons.modules.microphone.background": "#21202e",
+  "theme.bar.buttons.modules.microphone.text": "#9ccfd8",
+  "theme.bar.buttons.modules.microphone.icon": "#9ccfd8",
+  "theme.bar.buttons.modules.microphone.icon_background": "#21202e"
 }

themes/rose_pine_moon.json

@@ -361,5 +361,10 @@
   "theme.bar.buttons.modules.cava.background": "#2a283e",
   "theme.bar.buttons.modules.cava.icon_background": "#2a283e",
   "theme.bar.buttons.modules.cava.icon": "#9ccfd8",
-  "theme.bar.buttons.modules.cava.border": "#9ccfd8"
+  "theme.bar.buttons.modules.cava.border": "#9ccfd8",
+  "theme.bar.buttons.modules.microphone.border": "#9ccfd8",
+  "theme.bar.buttons.modules.microphone.background": "#2a283e",
+  "theme.bar.buttons.modules.microphone.text": "#9ccfd8",
+  "theme.bar.buttons.modules.microphone.icon": "#9ccfd8",
+  "theme.bar.buttons.modules.microphone.icon_background": "#2a283e"
 }

themes/rose_pine_moon_split.json

@@ -361,5 +361,10 @@
   "theme.bar.buttons.modules.cava.background": "#2a283e",
   "theme.bar.buttons.modules.cava.icon": "#181825",
   "theme.bar.buttons.modules.cava.icon_background": "#9ccfd8",
-  "theme.bar.buttons.modules.cava.border": "#9ccfd8"
+  "theme.bar.buttons.modules.cava.border": "#9ccfd8",
+  "theme.bar.buttons.modules.microphone.border": "#9ccfd8",
+  "theme.bar.buttons.modules.microphone.background": "#2a283e",
+  "theme.bar.buttons.modules.microphone.text": "#9ccfd8",
+  "theme.bar.buttons.modules.microphone.icon": "#2a283e",
+  "theme.bar.buttons.modules.microphone.icon_background": "#9ccfd8"
 }

themes/rose_pine_moon_vivid.json

@@ -361,5 +361,10 @@
   "theme.bar.buttons.modules.cava.text": "#2a283e",
   "theme.bar.buttons.modules.cava.icon": "#2a283e",
   "theme.bar.buttons.modules.cava.icon_background": "#2a283e",
-  "theme.bar.buttons.modules.cava.border": "#9ccfd8"
+  "theme.bar.buttons.modules.cava.border": "#9ccfd8",
+  "theme.bar.buttons.modules.microphone.border": "#9ccfd8",
+  "theme.bar.buttons.modules.microphone.text": "#2a283e",
+  "theme.bar.buttons.modules.microphone.background": "#9ccfd8",
+  "theme.bar.buttons.modules.microphone.icon": "#2a283e",
+  "theme.bar.buttons.modules.microphone.icon_background": "#9ccfd8"
 }

themes/rose_pine_split.json

@@ -361,5 +361,10 @@
   "theme.bar.buttons.modules.cava.background": "#21202e",
   "theme.bar.buttons.modules.cava.icon": "#181825",
   "theme.bar.buttons.modules.cava.icon_background": "#9ccfd8",
-  "theme.bar.buttons.modules.cava.border": "#9ccfd8"
+  "theme.bar.buttons.modules.cava.border": "#9ccfd8",
+  "theme.bar.buttons.modules.microphone.border": "#9ccfd8",
+  "theme.bar.buttons.modules.microphone.background": "#21202e",
+  "theme.bar.buttons.modules.microphone.text": "#9ccfd8",
+  "theme.bar.buttons.modules.microphone.icon": "#21202e",
+  "theme.bar.buttons.modules.microphone.icon_background": "#9ccfd8"
 }

themes/rose_pine_vivid.json

@@ -361,5 +361,10 @@
   "theme.bar.buttons.modules.cava.text": "#21202e",
   "theme.bar.buttons.modules.cava.icon": "#21202e",
   "theme.bar.buttons.modules.cava.icon_background": "#21202e",
-  "theme.bar.buttons.modules.cava.border": "#9ccfd8"
+  "theme.bar.buttons.modules.cava.border": "#9ccfd8",
+  "theme.bar.buttons.modules.microphone.border": "#9ccfd8",
+  "theme.bar.buttons.modules.microphone.text": "#21202e",
+  "theme.bar.buttons.modules.microphone.background": "#9ccfd8",
+  "theme.bar.buttons.modules.microphone.icon": "#21202e",
+  "theme.bar.buttons.modules.microphone.icon_background": "#9ccfd8"
 }

themes/tokyo_night.json

@@ -384,5 +384,10 @@
   "theme.bar.buttons.modules.cava.background": "#272a3d",
   "theme.bar.buttons.modules.cava.icon_background": "#1abc9c",
   "theme.bar.buttons.modules.cava.icon": "#1abc9c",
-  "theme.bar.buttons.modules.cava.border": "#1abc9c"
+  "theme.bar.buttons.modules.cava.border": "#1abc9c",
+  "theme.bar.buttons.modules.microphone.border": "#9ece6a",
+  "theme.bar.buttons.modules.microphone.background": "#272a3d",
+  "theme.bar.buttons.modules.microphone.text": "#9ece6a",
+  "theme.bar.buttons.modules.microphone.icon": "#9ece6a",
+  "theme.bar.buttons.modules.microphone.icon_background": "#272a3d"
 }

themes/tokyo_night_moon.json

@@ -384,5 +384,10 @@
   "theme.bar.buttons.modules.cava.background": "#272a3d",
   "theme.bar.buttons.modules.cava.icon_background": "#4fd6be",
   "theme.bar.buttons.modules.cava.icon": "#4fd6be",
-    "theme.bar.buttons.modules.cava.border": "#4fd6be"
+  "theme.bar.buttons.modules.cava.border": "#4fd6be",
+  "theme.bar.buttons.modules.microphone.border": "#c3e88d",
+  "theme.bar.buttons.modules.microphone.background": "#272a3d",
+  "theme.bar.buttons.modules.microphone.text": "#c3e88d",
+  "theme.bar.buttons.modules.microphone.icon": "#c3e88d",
+  "theme.bar.buttons.modules.microphone.icon_background": "#272a3d"
 }

themes/tokyo_night_moon_split.json

@@ -384,6 +384,10 @@
   "theme.bar.buttons.modules.cava.background": "#272a3d",
   "theme.bar.buttons.modules.cava.icon_background": "#4fd6be",
   "theme.bar.buttons.modules.cava.icon": "#181825",
-    "theme.bar.buttons.modules.cava.border": "#4fd6be"
+  "theme.bar.buttons.modules.cava.border": "#4fd6be",
+  "theme.bar.buttons.modules.microphone.border": "#c3e88d",
+  "theme.bar.buttons.modules.microphone.background": "#272a3d",
+  "theme.bar.buttons.modules.microphone.text": "#c3e88d",
+  "theme.bar.buttons.modules.microphone.icon": "#272a3d",
+  "theme.bar.buttons.modules.microphone.icon_background": "#c3e88d"
 }
-

themes/tokyo_night_moon_vivid.json

@@ -384,5 +384,10 @@
   "theme.bar.buttons.modules.cava.background": "#4fd6be",
   "theme.bar.buttons.modules.cava.icon_background": "#4fd6be",
   "theme.bar.buttons.modules.cava.icon": "#272a3d",
-    "theme.bar.buttons.modules.cava.border": "#4fd6be"
+  "theme.bar.buttons.modules.cava.border": "#4fd6be",
+  "theme.bar.buttons.modules.microphone.border": "#c3e88d",
+  "theme.bar.buttons.modules.microphone.text": "#272a3d",
+  "theme.bar.buttons.modules.microphone.background": "#c3e88d",
+  "theme.bar.buttons.modules.microphone.icon": "#272a3d",
+  "theme.bar.buttons.modules.microphone.icon_background": "#c3e88d"
 }

themes/tokyo_night_split.json

@@ -384,5 +384,10 @@
   "theme.bar.buttons.modules.cava.background": "#272a3d",
   "theme.bar.buttons.modules.cava.icon_background": "#1abc9c",
   "theme.bar.buttons.modules.cava.icon": "#181825",
-  "theme.bar.buttons.modules.cava.border": "#1abc9c"
+  "theme.bar.buttons.modules.cava.border": "#1abc9c",
+  "theme.bar.buttons.modules.microphone.border": "#9ece6a",
+  "theme.bar.buttons.modules.microphone.background": "#272a3d",
+  "theme.bar.buttons.modules.microphone.text": "#9ece6a",
+  "theme.bar.buttons.modules.microphone.icon": "#272a3d",
+  "theme.bar.buttons.modules.microphone.icon_background": "#9ece6a"
 }

themes/tokyo_night_vivid.json

@@ -384,5 +384,10 @@
   "theme.bar.buttons.modules.cava.background": "#1abc9c",
   "theme.bar.buttons.modules.cava.icon_background": "#1abc9c",
   "theme.bar.buttons.modules.cava.icon": "#272a3d",
-  "theme.bar.buttons.modules.cava.border": "#1abc9c"
+  "theme.bar.buttons.modules.cava.border": "#1abc9c",
+  "theme.bar.buttons.modules.microphone.border": "#9ece6a",
+  "theme.bar.buttons.modules.microphone.text": "#272a3d",
+  "theme.bar.buttons.modules.microphone.background": "#9ece6a",
+  "theme.bar.buttons.modules.microphone.icon": "#272a3d",
+  "theme.bar.buttons.modules.microphone.icon_background": "#9ece6a"
 }