From 13cbc2cc831edf1e9ee12333d99dbb3e00184231 Mon Sep 17 00:00:00 2001
From: Sergey <93754860+slaid098@users.noreply.github.com>
Date: Wed, 8 Jul 2026 10:05:51 +0300
Subject: [PATCH] fix: cancel button less transparent, remove cancel toast
 (#12)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Cancel button background opacity: 0.2 → 0.5 (more visible)
- Cancel button text color: gray → white
- Remove 'Recording cancelled' toast (visual state change is sufficient)

Co-authored-by: opencode-agent <agent@slaid098.dev>
---
 src/index.ts | 1 -
 src/ui.ts    | 6 +++---
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/index.ts b/src/index.ts
index d8db03d..548d5f8 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -108,7 +108,6 @@ async function cancelRecording(): Promise<void> {
   elapsedSeconds = 0;
   recorder = null;
   ui?.updateState(currentState);
-  ui?.toast("Recording cancelled");
 }
 
 function promptForApiKey(): void {
diff --git a/src/ui.ts b/src/ui.ts
index 492e064..064ce0a 100644
--- a/src/ui.ts
+++ b/src/ui.ts
@@ -69,15 +69,15 @@ function createButtonStyle(): string {
       height: 28px;
       border-radius: 50%;
       border: none;
-      background: rgba(128, 128, 128, 0.2);
-      color: var(--color-text-secondary, #aaa);
+      background: rgba(128, 128, 128, 0.5);
+      color: #fff;
       cursor: pointer;
       transition: all 0.2s ease;
       padding: 0;
       flex-shrink: 0;
     }
     .${CANCEL_CLASS}:hover {
-      background: rgba(128, 128, 128, 0.4);
+      background: rgba(128, 128, 128, 0.7);
       color: #fff;
     }
     .${CANCEL_CLASS}.visible {