From baadde832c31f5d04bd0b15a07848a0a6a3a8135 Mon Sep 17 00:00:00 2001 From: G Date: Thu, 25 Apr 2024 22:39:50 +0000 Subject: [PATCH] Add text variants --- src/themes/Theme.tsx | 14 +++++++++++--- src/themes/Variants.tsx | 9 +++++++++ 2 files changed, 20 insertions(+), 3 deletions(-) diff --git a/src/themes/Theme.tsx b/src/themes/Theme.tsx index 7be646b..da7793d 100644 --- a/src/themes/Theme.tsx +++ b/src/themes/Theme.tsx @@ -51,6 +51,11 @@ const theme = createTheme({ tablet: 768, }, textVariants: { + defaults: { + // We can define a default text variant here. + color: "gray", + }, + header: { fontWeight: "bold", fontSize: 34, @@ -59,9 +64,6 @@ const theme = createTheme({ fontSize: 16, lineHeight: 24, }, - defaults: { - // We can define a default text variant here. - }, primary: { color: "primary", }, @@ -74,6 +76,12 @@ const theme = createTheme({ white: { color: "white", }, + gray: { + color: "gray", + }, + lightGray: { + color: "lightGray", + }, }, cardVariants: { defaults: { diff --git a/src/themes/Variants.tsx b/src/themes/Variants.tsx index 60e66bc..a4d79ac 100644 --- a/src/themes/Variants.tsx +++ b/src/themes/Variants.tsx @@ -25,3 +25,12 @@ export const buttonVariants = createVariant({ }, }, }); + +export const textVariants = createVariant({ + themeKey: "textVariants", + defaults: { + fontSize: 16, + fontWeight: "normal", + color: "gray", + }, +}); -- libgit2 0.27.1