theoludwig/.profile
1
1
Fork 0
mirror of https://github.com/theoludwig/theoludwig.git synced 2025-05-29 22:37:44 +02:00
Code Issues Releases Activity

refactor(ui): allow all tailwind css colors

Browse Source
This commit is contained in:
Théo LUDWIG
2024-11-09 20:14:30 +01:00
parent 9e840b8dae
commit 4c69d5a852
7 changed files with 39 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/ui/src/Design/Button/Button.tsx
View File

@ -12,7 +12,7 @@ const buttonVariants = cva({
variant: {
solid: "bg-primary hover:bg-primary/80 text-white",
outline:
"dark:border-primary-dark/60 dark:text-primary-dark dark:hover:border-primary-dark border-primary/60 text-primary hover:border-primary hover:bg-gray border bg-transparent dark:hover:bg-transparent",
"dark:border-primary-dark/60 dark:text-primary-dark dark:hover:border-primary-dark border-primary/60 text-primary hover:border-primary hover:bg-gray-lighter border bg-transparent dark:hover:bg-transparent",
},
size: {
small: "h-9 rounded-md px-3",

2
packages/ui/src/Home/About/AboutDescription.tsx
View File

@ -8,7 +8,7 @@ export const AboutDescription: React.FC<AboutDescriptionProps> = () => {
const t = useTranslations()
return (
<div className="dark:text-gray my-6 max-w-md text-center text-black">
<div className="dark:text-gray-lighter my-6 max-w-md text-center text-black">
<Typography as="p" variant="text1" className="my-6">
{t.rich("home.about.description", {
strong: (children) => {

2
packages/ui/src/Home/About/AboutList/AboutItem.tsx
View File

@ -12,7 +12,7 @@ export const AboutItem: React.FC<AboutItemProps> = (props) => {
<strong className="w-24 text-sm text-black lg:w-32 dark:text-white">
{label}
</strong>
<span className="dark:text-gray block text-sm font-normal text-black">
<span className="dark:text-gray-lighter block text-sm font-normal text-black">
{link != null ? (
<a className="hover:underline" href={link}>
{value}

2
packages/ui/src/Home/Interests/InterestItem.tsx
View File

@ -17,7 +17,7 @@ export const InterestItem: React.FC<InterestItemProps> = (props) => {
<Typography
as="p"
variant="text1"
className="dark:text-gray my-2 text-black"
className="dark:text-gray-lighter my-2 text-black"
>
{description}
</Typography>