2.1.1: Color Palette Expansion - added gray scales, brand colors, opacity variants
This commit is contained in:
parent
7ee3bffa98
commit
176dcf7dc7
1 changed files with 44 additions and 0 deletions
|
|
@ -42,6 +42,50 @@
|
|||
--dodgers-gold-800: #b45309;
|
||||
--dodgers-gold-900: #92400e;
|
||||
|
||||
/* Additional Brand Colors */
|
||||
--dodgers-white: #FFFFFF;
|
||||
--dodgers-black: #000000;
|
||||
--dodgers-silver: #C0C0C0;
|
||||
--dodgers-navy: #003366;
|
||||
--dodgers-maroon: #8B0000;
|
||||
|
||||
/* Neutral Gray Scale (Tailwind-inspired) */
|
||||
--gray-50: #f9fafb;
|
||||
--gray-100: #f3f4f6;
|
||||
--gray-200: #e5e7eb;
|
||||
--gray-300: #d1d5db;
|
||||
--gray-400: #9ca3af;
|
||||
--gray-500: #6b7280;
|
||||
--gray-600: #4b5563;
|
||||
--gray-700: #374151;
|
||||
--gray-800: #1f2937;
|
||||
--gray-900: #111827;
|
||||
|
||||
/* Warm Gray Scale */
|
||||
--warm-gray-50: #fafaf9;
|
||||
--warm-gray-100: #f5f5f4;
|
||||
--warm-gray-200: #e7e5e4;
|
||||
--warm-gray-300: #d6d3d1;
|
||||
--warm-gray-400: #a8a29e;
|
||||
--warm-gray-500: #78716c;
|
||||
--warm-gray-600: #57534e;
|
||||
--warm-gray-700: #44403c;
|
||||
--warm-gray-800: #292524;
|
||||
--warm-gray-900: #1c1917;
|
||||
|
||||
/* Additional Opacity Variants for States */
|
||||
--dodgers-blue-10: rgba(0, 90, 156, 0.1);
|
||||
--dodgers-blue-20: rgba(0, 90, 156, 0.2);
|
||||
--dodgers-blue-30: rgba(0, 90, 156, 0.3);
|
||||
|
||||
--dodgers-red-10: rgba(239, 62, 66, 0.1);
|
||||
--dodgers-red-20: rgba(239, 62, 66, 0.2);
|
||||
--dodgers-red-30: rgba(239, 62, 66, 0.3);
|
||||
|
||||
--dodgers-gold-10: rgba(255, 215, 0, 0.1);
|
||||
--dodgers-gold-20: rgba(255, 215, 0, 0.2);
|
||||
--dodgers-gold-30: rgba(255, 215, 0, 0.3);
|
||||
|
||||
/* Semantic Color Mappings */
|
||||
--primary-color: var(--dodgers-blue);
|
||||
--secondary-color: var(--dodgers-red);
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue