fix styling for dabge

mykalmax · mykalmax · commit 386d63cf9eaa · 2025-08-23T07:32:49.000-07:00
diff --git a/web/common/src/components/Badge/Badge.css b/web/common/src/components/Badge/Badge.css
@@ -0,0 +1,4 @@
+:root {
+  --color-badge-background: var(--color-gray-100);
+  --color-badge-foreground: var(--color-prose);
+}
diff --git a/web/common/src/components/Badge/Badge.tsx b/web/common/src/components/Badge/Badge.tsx
@@ -6,6 +6,8 @@ import { type Size, type Shape } from '@/types/enums'
 import { cn } from '@/utils'
 import { badgeVariants } from './help'
 
+import './Badge.css'
+
 export interface BadgeProps
   extends React.HTMLAttributes<HTMLSpanElement>,
     VariantProps<typeof badgeVariants> {
diff --git a/web/common/src/styles/design/semantic-colors.css b/web/common/src/styles/design/semantic-colors.css
@@ -5,8 +5,4 @@
   --color-dark: hsl(226, 24%, 8%);
   --color-brand: var(--color-tobiko);
   --color-prose: var(--color-gray-800);
-
-  /* Badge */
-  --color-badge-background: var(--color-gray-100);
-  --color-badge-foreground: var(--color-prose);
 }

-Original file line number
+Diff line change
@@ @@ -0,0 +1,4 @@ @@
 +:root {
 +  --color-badge-background: var(--color-gray-100);
 +  --color-badge-foreground: var(--color-prose);
 +}
Original file line number	Diff line number	Diff line change
`@@ -5,8 +5,4 @@`
`5`	`5`	`--color-dark: hsl(226, 24%, 8%);`
`6`	`6`	`--color-brand: var(--color-tobiko);`
`7`	`7`	`--color-prose: var(--color-gray-800);`
`8`		`-`
`9`		`- /* Badge */`
`10`		`- --color-badge-background: var(--color-gray-100);`
`11`		`- --color-badge-foreground: var(--color-prose);`
`12`	`8`	`}`