more small adjustments to light mode

src/renderer/components/item-card/item-card.module.css

@@ -41,8 +41,16 @@
     }
 
     &:hover {
-        &::before {
+        @mixin dark {
-            opacity: 0.7;
+            &::before {
+                opacity: 0.7;
+            }
+        }
+
+        @mixin light {
+            &::before {
+                opacity: 0.5;
+            }
         }
     }
 }

src/renderer/features/radio/components/create-radio-station-form.tsx

@@ -111,3 +111,4 @@ export const openCreateRadioStationModal = (
         title: t('action.createRadioStation', { postProcess: 'titleCase' }) as string,
     });
 };
+

src/renderer/features/radio/components/radio-list-header.tsx

@@ -38,3 +38,4 @@ export const RadioListHeader = ({ title }: RadioListHeaderProps) => {
         </Stack>
     );
 };
+

src/renderer/features/radio/routes/radio-list-route.tsx

@@ -40,3 +40,4 @@ const RadioListRouteWithBoundary = () => {
 };
 
 export default RadioListRouteWithBoundary;
+

src/shared/components/skeleton/skeleton.module.css

@@ -5,8 +5,8 @@
     }
 
     @mixin light {
-        --base-color: var(--theme-colors-foreground-muted) !important;
+        --base-color: darken(var(--theme-colors-surface), 10%) !important;
-        --highlight-color: darken(var(--theme-colors-foreground-muted), 40%) !important;
+        --highlight-color: darken(var(--theme-colors-surface), 15%) !important;
     }
 
     --animation-duration: 1.5s !important;