fix: update default subtitle background color

src/config/config.test.ts

@@ -23,6 +23,7 @@ test('loads defaults when config is missing', () => {
   assert.equal(config.jellyfin.remoteControlAutoConnect, true);
   assert.equal(config.jellyfin.autoAnnounce, false);
   assert.equal(config.jellyfin.remoteControlDeviceName, 'SubMiner');
+  assert.equal(config.subtitleStyle.backgroundColor, 'rgb(30, 32, 48, 0.88)');
   assert.equal(config.immersionTracking.enabled, true);
   assert.equal(config.immersionTracking.dbPath, '');
   assert.equal(config.immersionTracking.batchSize, 25);

src/config/definitions.ts

@@ -177,7 +177,7 @@ export const DEFAULT_CONFIG: ResolvedConfig = {
     fontColor: '#cad3f5',
     fontWeight: 'normal',
     fontStyle: 'normal',
-    backgroundColor: 'rgba(54, 58, 79, 0.5)',
+    backgroundColor: 'rgb(30, 32, 48, 0.88)',
     nPlusOneColor: '#c6a0f6',
     knownWordColor: '#a6da95',
     jlptColors: {

src/renderer/style.css

@@ -263,7 +263,7 @@ body {
   max-width: 80%;
   margin-bottom: 60px;
   padding: 12px 20px;
-  background: rgba(54, 58, 79, 0.5);
+  background: rgb(30, 32, 48, 0.88);
   border-radius: 8px;
   pointer-events: auto;
 }