Last active
December 21, 2025 07:26
-
-
Save phuongddx/7969a383742c837b6715aaf888085924 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "version": "1.0.0", | |
| "metadata": { | |
| "name": "Sunset Synthwave Theme", | |
| "description": "Vibrant sunset-inspired synthwave colors with hot pinks, deep purples, and electric oranges", | |
| "colorSpace": "oklch", | |
| "lastUpdated": "2025-12-21" | |
| }, | |
| "palettes": { | |
| "primary": { | |
| "name": "Hot Pink", | |
| "description": "Vibrant electric pink - main brand color", | |
| "shades": { | |
| "100": { "hex": "#ffc2e8", "oklch": "oklch(0.850 0.145 345)" }, | |
| "200": { "hex": "#ff8fd8", "oklch": "oklch(0.740 0.185 340)" }, | |
| "300": { "hex": "#ff5cc8", "oklch": "oklch(0.650 0.220 338)" }, | |
| "400": { "hex": "#e6199f", "oklch": "oklch(0.560 0.245 335)" }, | |
| "500": { "hex": "#b3007a", "oklch": "oklch(0.470 0.220 332)" }, | |
| "600": { "hex": "#800058", "oklch": "oklch(0.380 0.180 330)" }, | |
| "700": { "hex": "#4d0036", "oklch": "oklch(0.290 0.130 328)" } | |
| } | |
| }, | |
| "secondary": { | |
| "name": "Deep Purple", | |
| "description": "Rich purple for depth and contrast", | |
| "shades": { | |
| "100": { "hex": "#d4c5f9", "oklch": "oklch(0.830 0.095 295)" }, | |
| "200": { "hex": "#b399f5", "oklch": "oklch(0.720 0.140 290)" }, | |
| "300": { "hex": "#9370f0", "oklch": "oklch(0.620 0.180 288)" }, | |
| "400": { "hex": "#7447eb", "oklch": "oklch(0.530 0.220 285)" }, | |
| "500": { "hex": "#5520c7", "oklch": "oklch(0.440 0.210 283)" }, | |
| "600": { "hex": "#3a0e8f", "oklch": "oklch(0.350 0.175 280)" }, | |
| "700": { "hex": "#240657", "oklch": "oklch(0.260 0.130 278)" } | |
| } | |
| }, | |
| "tertiary": { | |
| "name": "Sunset Orange", | |
| "description": "Warm sunset orange for energy", | |
| "shades": { | |
| "100": { "hex": "#ffd4b3", "oklch": "oklch(0.880 0.090 65)" }, | |
| "200": { "hex": "#ffb380", "oklch": "oklch(0.790 0.130 60)" }, | |
| "300": { "hex": "#ff9147", "oklch": "oklch(0.710 0.175 55)" }, | |
| "400": { "hex": "#ff6f0f", "oklch": "oklch(0.640 0.210 50)" }, | |
| "500": { "hex": "#d65500", "oklch": "oklch(0.560 0.185 48)" }, | |
| "600": { "hex": "#a33d00", "oklch": "oklch(0.470 0.150 46)" }, | |
| "700": { "hex": "#702600", "oklch": "oklch(0.380 0.115 44)" } | |
| } | |
| }, | |
| "quaternary": { | |
| "name": "Electric Cyan", | |
| "description": "Bright cyan for accents and glow effects", | |
| "shades": { | |
| "100": { "hex": "#c2f0ff", "oklch": "oklch(0.920 0.065 215)" }, | |
| "200": { "hex": "#8fe3ff", "oklch": "oklch(0.850 0.095 210)" }, | |
| "300": { "hex": "#5cd6ff", "oklch": "oklch(0.780 0.125 205)" }, | |
| "400": { "hex": "#00c3ff", "oklch": "oklch(0.710 0.155 200)" }, | |
| "500": { "hex": "#0099cc", "oklch": "oklch(0.620 0.135 198)" }, | |
| "600": { "hex": "#006f99", "oklch": "oklch(0.520 0.110 196)" }, | |
| "700": { "hex": "#004566", "oklch": "oklch(0.420 0.085 194)" } | |
| } | |
| }, | |
| "quinary": { | |
| "name": "Neon Violet", | |
| "description": "Soft violet for backgrounds and subtle highlights", | |
| "shades": { | |
| "100": { "hex": "#e8d9ff", "oklch": "oklch(0.890 0.085 305)" }, | |
| "200": { "hex": "#d1b3ff", "oklch": "oklch(0.800 0.130 302)" }, | |
| "300": { "hex": "#ba8cff", "oklch": "oklch(0.710 0.170 300)" }, | |
| "400": { "hex": "#a366ff", "oklch": "oklch(0.630 0.205 298)" }, | |
| "500": { "hex": "#8c3fff", "oklch": "oklch(0.550 0.230 296)" }, | |
| "600": { "hex": "#6b1ad1", "oklch": "oklch(0.470 0.210 294)" }, | |
| "700": { "hex": "#4a0099", "oklch": "oklch(0.390 0.180 292)" } | |
| } | |
| }, | |
| "grey": { | |
| "name": "Cool Grey", | |
| "description": "Neutral greys with slight cool tint", | |
| "shades": { | |
| "100": { "hex": "#e6e9f0", "oklch": "oklch(0.920 0.010 265)" }, | |
| "200": { "hex": "#c2c7d6", "oklch": "oklch(0.810 0.015 262)" }, | |
| "300": { "hex": "#9ea5bd", "oklch": "oklch(0.700 0.020 260)" }, | |
| "400": { "hex": "#7a82a3", "oklch": "oklch(0.570 0.025 258)" }, | |
| "500": { "hex": "#56608a", "oklch": "oklch(0.450 0.030 256)" }, | |
| "600": { "hex": "#3d4766", "oklch": "oklch(0.330 0.030 254)" }, | |
| "700": { "hex": "#242d42", "oklch": "oklch(0.220 0.030 252)" } | |
| } | |
| } | |
| }, | |
| "themes": { | |
| "light": { | |
| "palettes": { | |
| "primary-100": "oklch(0.850 0.145 345)", | |
| "primary-200": "oklch(0.740 0.185 340)", | |
| "primary-300": "oklch(0.650 0.220 338)", | |
| "primary-400": "oklch(0.560 0.245 335)", | |
| "primary-500": "oklch(0.470 0.220 332)", | |
| "primary-600": "oklch(0.380 0.180 330)", | |
| "primary-700": "oklch(0.290 0.130 328)", | |
| "secondary-100": "oklch(0.830 0.095 295)", | |
| "secondary-200": "oklch(0.720 0.140 290)", | |
| "secondary-300": "oklch(0.620 0.180 288)", | |
| "secondary-400": "oklch(0.530 0.220 285)", | |
| "secondary-500": "oklch(0.440 0.210 283)", | |
| "secondary-600": "oklch(0.350 0.175 280)", | |
| "secondary-700": "oklch(0.260 0.130 278)", | |
| "tertiary-100": "oklch(0.880 0.090 65)", | |
| "tertiary-200": "oklch(0.790 0.130 60)", | |
| "tertiary-300": "oklch(0.710 0.175 55)", | |
| "tertiary-400": "oklch(0.640 0.210 50)", | |
| "tertiary-500": "oklch(0.560 0.185 48)", | |
| "tertiary-600": "oklch(0.470 0.150 46)", | |
| "tertiary-700": "oklch(0.380 0.115 44)", | |
| "quaternary-100": "oklch(0.920 0.065 215)", | |
| "quaternary-200": "oklch(0.850 0.095 210)", | |
| "quaternary-300": "oklch(0.780 0.125 205)", | |
| "quaternary-400": "oklch(0.710 0.155 200)", | |
| "quaternary-500": "oklch(0.620 0.135 198)", | |
| "quaternary-600": "oklch(0.520 0.110 196)", | |
| "quaternary-700": "oklch(0.420 0.085 194)", | |
| "quinary-100": "oklch(0.890 0.085 305)", | |
| "quinary-200": "oklch(0.800 0.130 302)", | |
| "quinary-300": "oklch(0.710 0.170 300)", | |
| "quinary-400": "oklch(0.630 0.205 298)", | |
| "quinary-500": "oklch(0.550 0.230 296)", | |
| "quinary-600": "oklch(0.470 0.210 294)", | |
| "quinary-700": "oklch(0.390 0.180 292)", | |
| "grey-100": "oklch(0.920 0.010 265)", | |
| "grey-200": "oklch(0.810 0.015 262)", | |
| "grey-300": "oklch(0.700 0.020 260)", | |
| "grey-400": "oklch(0.570 0.025 258)", | |
| "grey-500": "oklch(0.450 0.030 256)", | |
| "grey-600": "oklch(0.330 0.030 254)", | |
| "grey-700": "oklch(0.220 0.030 252)" | |
| }, | |
| "semantic": { | |
| "background": "oklch(0.98 0.005 300)", | |
| "foreground": "oklch(0.290 0.130 328)", | |
| "card": "oklch(0.97 0.010 295)", | |
| "card-foreground": "oklch(0.290 0.130 328)", | |
| "popover": "oklch(0.98 0.005 300)", | |
| "popover-foreground": "oklch(0.290 0.130 328)", | |
| "primary": "oklch(0.650 0.220 338)", | |
| "primary-foreground": "oklch(0.98 0.005 300)", | |
| "secondary": "oklch(0.620 0.180 288)", | |
| "secondary-foreground": "oklch(0.98 0.005 300)", | |
| "muted": "oklch(0.920 0.010 265)", | |
| "muted-foreground": "oklch(0.450 0.030 256)", | |
| "accent": "oklch(0.780 0.125 205)", | |
| "accent-foreground": "oklch(0.98 0.005 300)", | |
| "destructive": "oklch(0.640 0.210 50)", | |
| "border": "oklch(0.810 0.015 262)", | |
| "input": "oklch(0.810 0.015 262)", | |
| "ring": "oklch(0.650 0.220 338)" | |
| } | |
| }, | |
| "dark": { | |
| "palettes": { | |
| "primary-100": "oklch(0.150 0.145 345)", | |
| "primary-200": "oklch(0.260 0.185 340)", | |
| "primary-300": "oklch(0.350 0.220 338)", | |
| "primary-400": "oklch(0.440 0.245 335)", | |
| "primary-500": "oklch(0.530 0.220 332)", | |
| "primary-600": "oklch(0.620 0.180 330)", | |
| "primary-700": "oklch(0.710 0.130 328)", | |
| "secondary-100": "oklch(0.170 0.095 295)", | |
| "secondary-200": "oklch(0.280 0.140 290)", | |
| "secondary-300": "oklch(0.380 0.180 288)", | |
| "secondary-400": "oklch(0.470 0.220 285)", | |
| "secondary-500": "oklch(0.560 0.210 283)", | |
| "secondary-600": "oklch(0.650 0.175 280)", | |
| "secondary-700": "oklch(0.740 0.130 278)", | |
| "tertiary-100": "oklch(0.120 0.090 65)", | |
| "tertiary-200": "oklch(0.210 0.130 60)", | |
| "tertiary-300": "oklch(0.290 0.175 55)", | |
| "tertiary-400": "oklch(0.360 0.210 50)", | |
| "tertiary-500": "oklch(0.440 0.185 48)", | |
| "tertiary-600": "oklch(0.530 0.150 46)", | |
| "tertiary-700": "oklch(0.620 0.115 44)", | |
| "quaternary-100": "oklch(0.080 0.065 215)", | |
| "quaternary-200": "oklch(0.150 0.095 210)", | |
| "quaternary-300": "oklch(0.220 0.125 205)", | |
| "quaternary-400": "oklch(0.290 0.155 200)", | |
| "quaternary-500": "oklch(0.380 0.135 198)", | |
| "quaternary-600": "oklch(0.480 0.110 196)", | |
| "quaternary-700": "oklch(0.580 0.085 194)", | |
| "quinary-100": "oklch(0.110 0.085 305)", | |
| "quinary-200": "oklch(0.200 0.130 302)", | |
| "quinary-300": "oklch(0.290 0.170 300)", | |
| "quinary-400": "oklch(0.370 0.205 298)", | |
| "quinary-500": "oklch(0.450 0.230 296)", | |
| "quinary-600": "oklch(0.530 0.210 294)", | |
| "quinary-700": "oklch(0.610 0.180 292)", | |
| "grey-100": "oklch(0.080 0.010 265)", | |
| "grey-200": "oklch(0.190 0.015 262)", | |
| "grey-300": "oklch(0.300 0.020 260)", | |
| "grey-400": "oklch(0.430 0.025 258)", | |
| "grey-500": "oklch(0.550 0.030 256)", | |
| "grey-600": "oklch(0.670 0.030 254)", | |
| "grey-700": "oklch(0.780 0.030 252)" | |
| }, | |
| "semantic": { | |
| "background": "oklch(0.12 0.020 300)", | |
| "foreground": "oklch(0.710 0.130 328)", | |
| "card": "oklch(0.15 0.025 295)", | |
| "card-foreground": "oklch(0.710 0.130 328)", | |
| "popover": "oklch(0.12 0.020 300)", | |
| "popover-foreground": "oklch(0.710 0.130 328)", | |
| "primary": "oklch(0.530 0.220 332)", | |
| "primary-foreground": "oklch(0.12 0.020 300)", | |
| "secondary": "oklch(0.560 0.210 283)", | |
| "secondary-foreground": "oklch(0.12 0.020 300)", | |
| "muted": "oklch(0.670 0.030 254)", | |
| "muted-foreground": "oklch(0.430 0.025 258)", | |
| "accent": "oklch(0.380 0.135 198)", | |
| "accent-foreground": "oklch(0.12 0.020 300)", | |
| "destructive": "oklch(0.440 0.185 48)", | |
| "border": "oklch(0.430 0.025 258)", | |
| "input": "oklch(0.430 0.025 258)", | |
| "ring": "oklch(0.530 0.220 332)" | |
| } | |
| } | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment