Darkmode buttons and labels
This commit is contained in:
parent
99174c8364
commit
6b0451fb4e
|
@ -72,7 +72,7 @@
|
||||||
--cal-text: #d6d6d6;
|
--cal-text: #d6d6d6;
|
||||||
--cal-text-subtle: #767676;
|
--cal-text-subtle: #767676;
|
||||||
--cal-text-muted: #575757;
|
--cal-text-muted: #575757;
|
||||||
--cal-text-inverted: white;
|
--cal-text-inverted: #111111;
|
||||||
|
|
||||||
/* Content/Text -> components */
|
/* Content/Text -> components */
|
||||||
--cal-text-info: #253985;
|
--cal-text-info: #253985;
|
||||||
|
|
|
@ -45,9 +45,9 @@ const buttonClasses = cva(
|
||||||
fab: "rounded-full justify-center md:rounded-md radix-state-open:rotate-45 md:radix-state-open:rotate-0 transition-transform radix-state-open:shadown-none radix-state-open:ring-0 !shadow-none",
|
fab: "rounded-full justify-center md:rounded-md radix-state-open:rotate-45 md:radix-state-open:rotate-0 transition-transform radix-state-open:shadown-none radix-state-open:ring-0 !shadow-none",
|
||||||
},
|
},
|
||||||
color: {
|
color: {
|
||||||
primary: "text-inverted dark:text-emphasis",
|
primary: "text-inverted",
|
||||||
secondary: "text-emphasis dark:text-darkgray-900",
|
secondary: "text-emphasis",
|
||||||
minimal: "text-emphasis dark:text-darkgray-900",
|
minimal: "text-emphasis",
|
||||||
destructive: "",
|
destructive: "",
|
||||||
},
|
},
|
||||||
size: {
|
size: {
|
||||||
|
|
|
@ -4,10 +4,7 @@ export function Label(props: JSX.IntrinsicElements["label"]) {
|
||||||
return (
|
return (
|
||||||
<label
|
<label
|
||||||
{...props}
|
{...props}
|
||||||
className={classNames(
|
className={classNames("text-default mb-2 block text-sm font-medium leading-none", props.className)}>
|
||||||
"text-default dark:text-inverted mb-2 block text-sm font-medium leading-none",
|
|
||||||
props.className
|
|
||||||
)}>
|
|
||||||
{props.children}
|
{props.children}
|
||||||
</label>
|
</label>
|
||||||
);
|
);
|
||||||
|
|
Loading…
Reference in New Issue
Block a user