chore: force windows to default alpha color 1 (#5218)

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)

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,
     },
   ]
 

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)

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)

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)

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

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({