style: refactor chart color variables across multiple components to use CSS variables for improved theming consistency
This commit is contained in:
@@ -35,9 +35,9 @@ const WorldMap = ({ data }: WorldMapProps) => {
|
||||
|
||||
// Plausible-like colors based on provided SVG snippet
|
||||
const isDark = resolvedTheme === 'dark'
|
||||
const defaultFill = isDark ? "#262626" : "#f5f5f5" // neutral-800 / neutral-100
|
||||
const defaultStroke = isDark ? "#171717" : "#ffffff" // neutral-900 / white
|
||||
const brandOrange = "#FD5E0F"
|
||||
const defaultFill = isDark ? "var(--color-neutral-800)" : "var(--color-neutral-100)"
|
||||
const defaultStroke = isDark ? "var(--color-neutral-900)" : "#ffffff"
|
||||
const brandOrange = "var(--color-brand-orange)"
|
||||
|
||||
return (
|
||||
<div className="relative w-full">
|
||||
|
||||
Reference in New Issue
Block a user