diff --git a/src/renderer/components/item-card/item-card.module.css b/src/renderer/components/item-card/item-card.module.css index ef3559150..408c14be2 100644 --- a/src/renderer/components/item-card/item-card.module.css +++ b/src/renderer/components/item-card/item-card.module.css @@ -41,8 +41,16 @@ } &:hover { - &::before { - opacity: 0.7; + @mixin dark { + &::before { + opacity: 0.7; + } + } + + @mixin light { + &::before { + opacity: 0.5; + } } } } diff --git a/src/renderer/features/radio/components/create-radio-station-form.tsx b/src/renderer/features/radio/components/create-radio-station-form.tsx index d1e833e0b..fa3d0688c 100644 --- a/src/renderer/features/radio/components/create-radio-station-form.tsx +++ b/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, }); }; + diff --git a/src/renderer/features/radio/components/radio-list-header.tsx b/src/renderer/features/radio/components/radio-list-header.tsx index 172252e76..bc500291c 100644 --- a/src/renderer/features/radio/components/radio-list-header.tsx +++ b/src/renderer/features/radio/components/radio-list-header.tsx @@ -38,3 +38,4 @@ export const RadioListHeader = ({ title }: RadioListHeaderProps) => { ); }; + diff --git a/src/renderer/features/radio/routes/radio-list-route.tsx b/src/renderer/features/radio/routes/radio-list-route.tsx index dc1e06cbe..0f0daf92a 100644 --- a/src/renderer/features/radio/routes/radio-list-route.tsx +++ b/src/renderer/features/radio/routes/radio-list-route.tsx @@ -40,3 +40,4 @@ const RadioListRouteWithBoundary = () => { }; export default RadioListRouteWithBoundary; + diff --git a/src/shared/components/skeleton/skeleton.module.css b/src/shared/components/skeleton/skeleton.module.css index 2122dfbee..24644ea1f 100644 --- a/src/shared/components/skeleton/skeleton.module.css +++ b/src/shared/components/skeleton/skeleton.module.css @@ -5,8 +5,8 @@ } @mixin light { - --base-color: var(--theme-colors-foreground-muted) !important; - --highlight-color: darken(var(--theme-colors-foreground-muted), 40%) !important; + --base-color: darken(var(--theme-colors-surface), 10%) !important; + --highlight-color: darken(var(--theme-colors-surface), 15%) !important; } --animation-duration: 1.5s !important;