versia-pub/docs
2
0
Fork 0
mirror of https://github.com/versia-pub/docs.git synced 2026-03-13 02:49:16 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: ✨ Make branding adapt to our colors

Browse source
This commit is contained in:
Jesse Wierzbinski 2024-07-22 12:35:55 +02:00
parent 27631b618e
commit 02695bc22c
No known key found for this signature in database
13 changed files with 38 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

10
components/Tag.tsx
View file

@ -6,9 +6,9 @@ const variantStyles = {
};
const colorStyles = {
emerald: {
small: "text-emerald-500 dark:text-emerald-400",
medium: "ring-emerald-300 dark:ring-emerald-400/30 bg-emerald-400/10 text-emerald-500 dark:text-emerald-400",
brand: {
small: "text-brand-500 dark:text-brand-400",
medium: "ring-brand-300 dark:ring-brand-400/30 bg-brand-400/10 text-brand-500 dark:text-brand-400",
},
sky: {
small: "text-sky-500",
@ -29,7 +29,7 @@ const colorStyles = {
};
const valueColorMap = {
GET: "emerald",
GET: "brand",
POST: "sky",
PUT: "amber",
DELETE: "rose",
@ -38,7 +38,7 @@ const valueColorMap = {
export function Tag({
children,
variant = "medium",
color = valueColorMap[children] ?? "emerald",
color = valueColorMap[children] ?? "brand",
}: {
children: keyof typeof valueColorMap;
variant?: keyof typeof variantStyles;