fix: Theming adjustments
This commit is contained in:
parent
258beaf6f4
commit
6d7cffdec2
3 changed files with 9 additions and 4 deletions
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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',
|
||||
}}
|
||||
|
|
|
|||
|
|
@ -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: [
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue