From 024986d7be59f93c4d72d4b9258182703895dcaf Mon Sep 17 00:00:00 2001
From: Hristo Karamanliev <karamanliev@gmail.com>
Date: Tue, 3 Sep 2024 11:56:25 +0300
Subject: [PATCH] indicate that screen recording is active by changing button
 color (#218)

---
 modules/menus/dashboard/shortcuts/index.ts | 5 +++--
 scss/style/menus/dashboard.scss            | 4 ++--
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/modules/menus/dashboard/shortcuts/index.ts b/modules/menus/dashboard/shortcuts/index.ts
index 59bb749..3db359a 100644
--- a/modules/menus/dashboard/shortcuts/index.ts
+++ b/modules/menus/dashboard/shortcuts/index.ts
@@ -228,7 +228,8 @@ const Shortcuts = () => {
                     right.shortcut3.command.bind("value"),
                     right.shortcut3.tooltip.bind("value"),
                     right.shortcut3.icon.bind("value"),
-                    leftCardHidden.bind("value")
+                    leftCardHidden.bind("value"),
+                    isRecording.bind("value")
                 ], () => {
                     return Widget.Box({
                         class_name: `container utilities dashboard-card ${!leftCardHidden.value ? "paired" : ""}`,
@@ -264,7 +265,7 @@ const Shortcuts = () => {
                                             command: "record",
                                             icon: "󰑊",
                                             configurable: false
-                                        }, "dashboard-button", "record"),
+                                        }, `dashboard-button record ${isRecording.value ? "active" : ""}`, "record"),
                                     ],
                                 }),
                             }),
diff --git a/scss/style/menus/dashboard.scss b/scss/style/menus/dashboard.scss
index cc785a4..6121bdc 100644
--- a/scss/style/menus/dashboard.scss
+++ b/scss/style/menus/dashboard.scss
@@ -137,10 +137,10 @@
         }
 
         &.record.active {
-          background: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-shortcuts-recording);
+          background: $red;
 
           &:hover {
-            background: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-shortcuts-recording), 0.5);
+            background: transparentize($red, 0.5);
           }
         }