diff --git a/web-app/src/containers/ColorPickerAppAccentColor.tsx b/web-app/src/containers/ColorPickerAppAccentColor.tsx
index 97f483845..751543b7d 100644
--- a/web-app/src/containers/ColorPickerAppAccentColor.tsx
+++ b/web-app/src/containers/ColorPickerAppAccentColor.tsx
@@ -46,7 +46,7 @@ export function ColorPickerAppAccentColor() {
             key={i}
             className={cn(
               'size-4 rounded-full border border-main-view-fg/20',
-              isSelected && 'ring-2 ring-blue-500 border-none'
+              isSelected && 'ring-2 ring-accent border-none'
             )}
             onClick={() => {
               setAppAccentBgColor(item)
diff --git a/web-app/src/containers/ColorPickerAppBgColor.tsx b/web-app/src/containers/ColorPickerAppBgColor.tsx
index ef48ca690..5569d2b54 100644
--- a/web-app/src/containers/ColorPickerAppBgColor.tsx
+++ b/web-app/src/containers/ColorPickerAppBgColor.tsx
@@ -16,38 +16,38 @@ export function ColorPickerAppBgColor() {
       r: 20,
       g: 20,
       b: 20,
-      a: IS_LINUX || !IS_TAURI ? 1 : 0.4,
+      a: IS_WINDOWS || IS_LINUX || !IS_TAURI ? 1 : 0.4,
     },
     {
       r: 250,
       g: 250,
       b: 250,
-      a: IS_LINUX || !IS_TAURI ? 1 : 0.4,
+      a: IS_WINDOWS || IS_LINUX || !IS_TAURI ? 1 : 0.4,
     },
     {
       r: 70,
       g: 79,
       b: 229,
-      a: IS_LINUX || !IS_TAURI ? 1 : 0.5,
+      a: IS_WINDOWS || IS_LINUX || !IS_TAURI ? 1 : 0.5,
     },
     {
       r: 238,
       g: 130,
       b: 238,
-      a: IS_LINUX || !IS_TAURI ? 1 : 0.5,
+      a: IS_WINDOWS || IS_LINUX || !IS_TAURI ? 1 : 0.5,
     },
 
     {
       r: 255,
       g: 99,
       b: 71,
-      a: IS_LINUX || !IS_TAURI ? 1 : 0.5,
+      a: IS_WINDOWS || IS_LINUX || !IS_TAURI ? 1 : 0.5,
     },
     {
       r: 255,
       g: 165,
       b: 0,
-      a: IS_LINUX || !IS_TAURI ? 1 : 0.5,
+      a: IS_WINDOWS || IS_LINUX || !IS_TAURI ? 1 : 0.5,
     },
   ]
 
diff --git a/web-app/src/containers/ColorPickerAppDestructiveColor.tsx b/web-app/src/containers/ColorPickerAppDestructiveColor.tsx
index c17a2d59a..08fe3302b 100644
--- a/web-app/src/containers/ColorPickerAppDestructiveColor.tsx
+++ b/web-app/src/containers/ColorPickerAppDestructiveColor.tsx
@@ -51,7 +51,7 @@ export function ColorPickerAppDestructiveColor() {
             key={i}
             className={cn(
               'size-4 rounded-full border border-main-view-fg/20',
-              isSelected && 'ring-2 ring-blue-500 border-none'
+              isSelected && 'ring-2 ring-accent border-none'
             )}
             onClick={() => {
               setAppDestructiveBgColor(item)
diff --git a/web-app/src/containers/ColorPickerAppMainView.tsx b/web-app/src/containers/ColorPickerAppMainView.tsx
index 2822cfb0e..7d11053e7 100644
--- a/web-app/src/containers/ColorPickerAppMainView.tsx
+++ b/web-app/src/containers/ColorPickerAppMainView.tsx
@@ -39,7 +39,7 @@ export function ColorPickerAppMainView() {
             key={i}
             className={cn(
               'size-4 rounded-full border border-main-view-fg/20',
-              isSelected && 'ring-2 ring-blue-500 border-none'
+              isSelected && 'ring-2 ring-accent border-none'
             )}
             onClick={() => {
               setAppMainViewBgColor(item)
diff --git a/web-app/src/containers/ColorPickerAppPrimaryColor.tsx b/web-app/src/containers/ColorPickerAppPrimaryColor.tsx
index 5e288f769..dc51064d8 100644
--- a/web-app/src/containers/ColorPickerAppPrimaryColor.tsx
+++ b/web-app/src/containers/ColorPickerAppPrimaryColor.tsx
@@ -51,7 +51,7 @@ export function ColorPickerAppPrimaryColor() {
             key={i}
             className={cn(
               'size-4 rounded-full border border-main-view-fg/20',
-              isSelected && 'ring-2 ring-blue-500 border-none'
+              isSelected && 'ring-2 ring-accent border-none'
             )}
             onClick={() => {
               setAppPrimaryBgColor(item)
diff --git a/web-app/src/hooks/useAppearance.ts b/web-app/src/hooks/useAppearance.ts
index 0e8617f11..60340e542 100644
--- a/web-app/src/hooks/useAppearance.ts
+++ b/web-app/src/hooks/useAppearance.ts
@@ -41,22 +41,22 @@ export const fontSizeOptions = [
 // Default appearance settings
 const defaultFontSize: FontSize = '15px'
 const defaultAppBgColor: RgbaColor = {
-  r: 0,
-  g: 0,
-  b: 0,
-  a: IS_LINUX || !IS_TAURI ? 1 : 0.4,
+  r: 25,
+  g: 25,
+  b: 25,
+  a: IS_WINDOWS || IS_LINUX || !IS_TAURI ? 1 : 0.4,
 }
 const defaultLightAppBgColor: RgbaColor = {
   r: 255,
   g: 255,
   b: 255,
-  a: IS_LINUX || !IS_TAURI ? 1 : 0.4,
+  a: IS_WINDOWS || IS_LINUX || !IS_TAURI ? 1 : 0.4,
 }
 const defaultAppMainViewBgColor: RgbaColor = { r: 25, g: 25, b: 25, a: 1 }
 const defaultLightAppMainViewBgColor: RgbaColor = {
-  r: 250,
-  g: 250,
-  b: 250,
+  r: 255,
+  g: 255,
+  b: 255,
   a: 1,
 }
 
diff --git a/web-app/src/providers/AppearanceProvider.tsx b/web-app/src/providers/AppearanceProvider.tsx
index 0f7837eb3..9f715e94f 100644
--- a/web-app/src/providers/AppearanceProvider.tsx
+++ b/web-app/src/providers/AppearanceProvider.tsx
@@ -60,7 +60,7 @@ export function AppearanceProvider() {
         r: appBgColor.r / 255,
         g: appBgColor.g / 255,
         b: appBgColor.b / 255,
-        alpha: IS_LINUX || !IS_TAURI ? 1 : appBgColor.a,
+        alpha: IS_WINDOWS || IS_LINUX || !IS_TAURI ? 1 : appBgColor.a,
       })
 
       const culoriRgbMainView = rgb({