From 295eb82f20861e599186e0efd1485e60cc555541 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Mon, 14 Nov 2022 02:59:51 -0800
Subject: [PATCH] Adjust default themes

---
 src/renderer/hooks/use-theme.ts  |  4 ++--
 src/renderer/themes/default.scss |  2 +-
 src/renderer/themes/light.scss   | 14 +++++++-------
 3 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/renderer/hooks/use-theme.ts b/src/renderer/hooks/use-theme.ts
index 487176a7b..d7decce96 100644
--- a/src/renderer/hooks/use-theme.ts
+++ b/src/renderer/hooks/use-theme.ts
@@ -3,8 +3,8 @@ import { useSettingsStore } from '@/renderer/store/settings.store';
 import { AppTheme } from '@/renderer/themes/types';
 
 export const THEME_DATA = [
-  { label: 'Default dark', type: 'dark', value: AppTheme.DEFAULT_DARK },
-  { label: 'Default light', type: 'light', value: AppTheme.DEFAULT_LIGHT },
+  { label: 'Default Dark', type: 'dark', value: AppTheme.DEFAULT_DARK },
+  { label: 'Default Light', type: 'light', value: AppTheme.DEFAULT_LIGHT },
 ];
 
 export const useTheme = () => {
diff --git a/src/renderer/themes/default.scss b/src/renderer/themes/default.scss
index ca33c80f5..c8e1354a6 100644
--- a/src/renderer/themes/default.scss
+++ b/src/renderer/themes/default.scss
@@ -84,7 +84,7 @@
   --switch-thumb-bg: rgb(255, 255, 255);
 
   --slider-track-bg: rgb(50, 50, 50);
-  --slider-thumb-bg: rgb(50, 50, 50);
+  --slider-thumb-bg: rgb(255, 255, 255);
 
   --toast-title-fg: rgb(255, 255, 255);
   --toast-description-fg: rgb(193, 194, 197);
diff --git a/src/renderer/themes/light.scss b/src/renderer/themes/light.scss
index b72168b83..ee1e112a4 100644
--- a/src/renderer/themes/light.scss
+++ b/src/renderer/themes/light.scss
@@ -27,7 +27,7 @@ body[data-theme='defaultLight'] {
   --playerbar-btn-fg-hover: #000;
   --playerbar-btn-bg: transparent;
   --playerbar-btn-bg-hover: transparent;
-  --playerbar-border-top: 1px rgba(50, 50, 50, 0.7) solid;
+  --playerbar-border-top: 1px rgba(200, 200, 200, 0.7) solid;
   --playerbar-slider-track-bg: rgba(50, 50, 50, 0.2);
   --playerbar-slider-track-progress-bg: rgb(50, 50, 50);
 
@@ -35,22 +35,22 @@ body[data-theme='defaultLight'] {
   --tooltip-fg: rgb(0, 0, 0);
 
   --scrollbar-track-bg: rgba(0, 0, 0, 0.2);
-  --scrollbar-thumb-bg: #5a5a5a;
+  --scrollbar-thumb-bg: rgb(150, 150, 150);
 
   --btn-primary-bg: var(--primary-color);
   --btn-primary-bg-hover: rgb(47, 122, 237);
   --btn-primary-fg: #ffffff;
   --btn-primary-fg-hover: #ffffff;
 
-  --btn-default-bg: rgb(180, 180, 180);
-  --btn-default-bg-hover: rgb(150, 150, 150);
-  --btn-default-fg: rgb(80, 80, 80);
-  --btn-default-fg-hover: rgb(0, 0, 0);
+  --btn-default-bg: rgb(220, 220, 220);
+  --btn-default-bg-hover: rgb(210, 210, 210);
+  --btn-default-fg: rgb(50, 50, 50);
+  --btn-default-fg-hover: rgb(50, 50, 50);
 
   --btn-subtle-bg: transparent;
   --btn-subtle-bg-hover: rgba(100, 100, 100, 0.1);
   --btn-subtle-fg: rgb(60, 60, 60);
-  --btn-subtle-fg-hover: rgb(50, 50, 50);
+  --btn-subtle-fg-hover: rgb(30, 30, 30);
 
   --input-bg: rgb(235, 237, 239);
   --input-fg: rgb(0, 0, 0);