Darkmode buttons and labels
This commit is contained in:
parent
99174c8364
commit
6b0451fb4e
|
@ -72,7 +72,7 @@
|
|||
--cal-text: #d6d6d6;
|
||||
--cal-text-subtle: #767676;
|
||||
--cal-text-muted: #575757;
|
||||
--cal-text-inverted: white;
|
||||
--cal-text-inverted: #111111;
|
||||
|
||||
/* Content/Text -> components */
|
||||
--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",
|
||||
},
|
||||
color: {
|
||||
primary: "text-inverted dark:text-emphasis",
|
||||
secondary: "text-emphasis dark:text-darkgray-900",
|
||||
minimal: "text-emphasis dark:text-darkgray-900",
|
||||
primary: "text-inverted",
|
||||
secondary: "text-emphasis",
|
||||
minimal: "text-emphasis",
|
||||
destructive: "",
|
||||
},
|
||||
size: {
|
||||
|
|
|
@ -4,10 +4,7 @@ export function Label(props: JSX.IntrinsicElements["label"]) {
|
|||
return (
|
||||
<label
|
||||
{...props}
|
||||
className={classNames(
|
||||
"text-default dark:text-inverted mb-2 block text-sm font-medium leading-none",
|
||||
props.className
|
||||
)}>
|
||||
className={classNames("text-default mb-2 block text-sm font-medium leading-none", props.className)}>
|
||||
{props.children}
|
||||
</label>
|
||||
);
|
||||
|
|
Loading…
Reference in New Issue
Block a user