alice.pds.demo.boltless.dev
This repository has no description
web/components: fix dark mode Button and set proper typography
author
eti
committer
dawn
date
(Jul 30, 2026, 7:45 PM +0300)
commit
ea27f1e9
ea27f1e967ce8031de9d5aa3c31c93215cd683f7
parent
62830504
62830504b3a16a085056d5ea53309c56b41c56d6
change-id
lxkluovy
lxkluovyupwnnwrvqpyyxkqmrlxwyoxw
+6
-6
+6
-6
web/src/lib/components/ui/Button.svelte
+6
-6
web/src/lib/components/ui/Button.svelte
···
22
22
"focus-visible:outline-background-success-emphasis"
23
23
],
24
24
ghost: [
25
-
"border border-transparent bg-transparent text-foreground-muted",
25
+
"border border-transparent bg-transparent",
26
26
"hover:bg-background-inset",
27
27
"focus-visible:outline-border-focus"
28
28
],
···
45
45
]
46
46
},
47
47
size: {
48
-
sm: "min-h-8 gap-1.5 px-2 py-1.5 text-sm",
49
-
md: "min-h-9 gap-2 px-3 py-1.5 text-sm",
48
+
sm: "min-h-8 gap-1.5 px-2 py-1.5 typography-paragraph-small",
49
+
md: "min-h-9 gap-2 px-3 py-1.5 typography-paragraph-regular",
50
50
lg: "min-h-10 gap-2.5 px-4 py-2 typography-paragraph-large"
51
51
},
52
52
insetShadow: {
···
61
61
variant: "default",
62
62
insetShadow: true,
63
63
class: [
64
-
"relative z-0 before:absolute before:inset-0 before:-z-10 before:rounded-l-[max(calc(var(--btn-radius-l)-2px),0px)] before:rounded-r-[max(calc(var(--btn-radius-r)-2px),0px)] before:shadow-[inset_0_-2px_0_0_var(--color-shadow-inner-subtle)] before:transition-all before:duration-150 before:content-['']",
64
+
"relative z-0 before:absolute before:inset-0 before:-z-10 before:rounded-l-[max(calc(var(--btn-radius-l)-2px),0px)] before:rounded-r-[max(calc(var(--btn-radius-r)-2px),0px)] before:shadow-[inset_0_-2px_0_0_var(--color-shadow-inner-subtle)] dark:before:shadow-[inset_0_-2px_0_0_var(--color-shadow-inner-subtle)] before:transition-all before:duration-150 before:content-['']",
65
65
"hover:before:shadow-[inset_0_-2px_0_0_var(--color-shadow-inner-strong-hover)]",
66
66
"active:*:translate-y-0.5 active:before:shadow-[inset_0_2px_2px_0_var(--color-shadow-inner-subtle)]",
67
67
"disabled:active:*:translate-y-0"
···
71
71
variant: "primary",
72
72
insetShadow: true,
73
73
class: [
74
-
"relative z-0 before:absolute before:inset-0 before:-z-10 before:rounded-l-[max(calc(var(--btn-radius-l)-2px),0px)] before:rounded-r-[max(calc(var(--btn-radius-r)-2px),0px)] before:shadow-[inset_0_-2px_0_0_var(--color-alpha-dark-25)] before:transition-all before:duration-150 before:content-['']",
75
-
"active:*:translate-y-0.5 active:before:shadow-[inset_0_2px_2px_0_var(--color-alpha-dark-50)]",
74
+
"relative z-0 before:absolute before:inset-0 before:-z-10 before:rounded-l-[max(calc(var(--btn-radius-l)-2px),0px)] before:rounded-r-[max(calc(var(--btn-radius-r)-2px),0px)] before:shadow-[inset_0_-2px_0_0_var(--color-alpha-dark-25)] dark:before:shadow-[inset_0_-2px_0_0_var(--color-alpha-light-25)] before:transition-all before:duration-150 before:content-['']",
75
+
"active:*:translate-y-0.5 active:before:shadow-[inset_0_2px_2px_0_var(--color-alpha-dark-50)] dark:active:before:shadow-[inset_0_2px_2px_0_var(--color-alpha-light-50)]",
76
76
"disabled:active:*:translate-y-0"
77
77
]
78
78
}