From 946b73d2150228232610b2e63277d5dc71be63a2 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Fri, 9 Jun 2023 02:38:56 -0700
Subject: [PATCH] Miscellanous fixes

---
 src/renderer/features/lyrics/synchronized-lyrics.tsx        | 1 +
 src/renderer/features/lyrics/unsynchronized-lyrics.tsx      | 2 +-
 src/renderer/features/search/components/command-palette.tsx | 2 +-
 src/renderer/themes/default.scss                            | 2 +-
 4 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/renderer/features/lyrics/synchronized-lyrics.tsx b/src/renderer/features/lyrics/synchronized-lyrics.tsx
index 8fb2fd52..56275a21 100644
--- a/src/renderer/features/lyrics/synchronized-lyrics.tsx
+++ b/src/renderer/features/lyrics/synchronized-lyrics.tsx
@@ -287,6 +287,7 @@ export const SynchronizedLyrics = ({
       {lyrics.map(([, text], idx) => (
         <LyricLine
           key={idx}
+          className="lyric-line synchronized"
           id={`lyric-${idx}`}
           text={text}
         />
diff --git a/src/renderer/features/lyrics/unsynchronized-lyrics.tsx b/src/renderer/features/lyrics/unsynchronized-lyrics.tsx
index 0b8cf6c2..3bcf186e 100644
--- a/src/renderer/features/lyrics/unsynchronized-lyrics.tsx
+++ b/src/renderer/features/lyrics/unsynchronized-lyrics.tsx
@@ -45,7 +45,7 @@ export const UnsynchronizedLyrics = ({
       {lines.map((text, idx) => (
         <LyricLine
           key={idx}
-          className="unsynchronized active"
+          className="lyric-line"
           id={`lyric-${idx}`}
           text={text}
         />
diff --git a/src/renderer/features/search/components/command-palette.tsx b/src/renderer/features/search/components/command-palette.tsx
index 919b5fec..5bbff572 100644
--- a/src/renderer/features/search/components/command-palette.tsx
+++ b/src/renderer/features/search/components/command-palette.tsx
@@ -121,7 +121,7 @@ export const CommandPalette = ({ modalProps }: CommandPaletteProps) => {
       >
         <TextInput
           ref={searchInputRef}
-          data-autoFocus
+          data-autofocus
           icon={<RiSearchLine />}
           rightSection={
             <ActionIcon
diff --git a/src/renderer/themes/default.scss b/src/renderer/themes/default.scss
index 84981367..5fd3d1e8 100644
--- a/src/renderer/themes/default.scss
+++ b/src/renderer/themes/default.scss
@@ -10,7 +10,7 @@
   --generic-border-color: rgba(50, 50, 50, 0.3);
 
   --main-bg: rgb(18, 18, 18);
-  --main-fg: rgb(245, 245, 245);
+  --main-fg: rgb(225, 225, 225);
   --main-fg-secondary: rgb(150, 150, 150);
 
   --window-bar-bg: rgb(24, 24, 24);