Miscellanous fixes

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}
         />

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}
         />

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

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);