fix: Theming adjustments

This commit is contained in:
LynithDev 2025-01-28 21:07:08 +01:00
parent 258beaf6f4
commit 6d7cffdec2
3 changed files with 9 additions and 4 deletions

View file

@ -2,7 +2,7 @@
@apply flex flex-row gap-x-1 items-center;
.box {
@apply w-[18px] h-[18px] flex flex-col justify-center items-center rounded-md bg-component-bg hover:bg-component-bg-hover active:bg-component-bg-pressed border border-border/05 transition-all;
@apply w-[18px] h-[18px] flex flex-col justify-center items-center rounded-md bg-component-bg hover:bg-component-bg-hover active:bg-component-bg-pressed border border-border/05 text-white transition-all;
> svg {
@apply w-[18px] h-[18px] mt-px opacity-0 transition-opacity;

View file

@ -261,7 +261,7 @@ function ModEntry(props: ModEntryProps) {
<div>
<Show
children={<img alt={name()} class="aspect-ratio-square h-10 rounded-lg" src={icon()!} />}
fallback={<div class="aspect-ratio-square h-10 rounded-lg bg-border/05" />}
fallback={<div class="aspect-ratio-square h-10 rounded-lg bg-border/10" />}
when={icon()}
/>
</div>
@ -276,7 +276,7 @@ function ModEntry(props: ModEntryProps) {
<span
class="rounded-xl px-1.5 py-1 text-xs"
classList={{
'bg-border/05 text-white/60': status === 'normal',
'dark:bg-border/05 bg-border/40 text-white/60': status === 'normal',
'bg-amber/10 text-amber': status === 'warning',
'bg-danger/15 text-danger': status === 'danger',
}}

View file

@ -10,7 +10,12 @@ export default defineConfig({
rules: [],
shortcuts: {},
presets: [
presetUno(),
presetUno({
dark: {
dark: 'body[data-theme-type="dark"]',
light: 'body[data-theme-type="light"]',
},
}),
presetIcons(),
],
transformers: [