update colors

Author: antonscap

src/pages/colors.tsx

@@ -80,7 +80,7 @@ export default function ColorsPage() {
                   {groups.map(([groupName, values]) => (
                     <div key={groupName} className="border border-gray-200 rounded-md p-3">
                       <div className="text-sm font-medium mb-2">{groupName}</div>
-                      <div className="grid grid-cols-1 md:grid-cols-7 gap-2">
+                      <div className="grid grid-cols-1 md:grid-cols-9 gap-2">
                         {Object.entries(values).map(([step, hex]) => (
                           <div key={step} className="rounded text-center text-xs">
                             <div

src/theme/colors.ts

@@ -1,47 +1,4 @@
 export const colors = {
-  // Backward-compatible flat keys
-  /**
-   * @deprecated Flat color keys are deprecated and will be removed in the next major version.
-   * Use the scoped API instead, e.g., colors.scopes.base.white or colors.scopes.brand.dolful_blue
-   */
-  white: '#ffffff',
-  black: '#000000',
-  gray: {
-    100: '#E1E1E1',
-    200: '#C0C0C0',
-    300: '#A0A0A0',
-    400: '#808080',
-    500: '#606060',
-    600: '#404040',
-    700: '#202020',
-  },
-
-  /** @deprecated Use colors.scopes.brand.dolful_blue */
-  dolful_blue: '#024EFA',
-  /** @deprecated Use colors.scopes.brand.dolful_cyan */
-  dolful_cyan: '#00C1FF',
-
-  /** @deprecated Use colors.scopes.brand.dolful_purple_01 */
-  dolful_purple_01: '#80A7FF',
-  /** @deprecated Use colors.scopes.brand.dolful_purple_02 */
-  dolful_purple_02: '#B3CAFF',
-  /** @deprecated Use colors.scopes.brand.dolful_purple_03 */
-  dolful_purple_03: '#535AFF',
-
-  /** @deprecated Use colors.scopes.brand.super_violet */
-  super_violet: '#BB00FF',
-  /** @deprecated Use colors.scopes.brand.super_pink_02 */
-  super_pink_02: '#FF005E',
-  /** @deprecated Use colors.scopes.brand.super_red_03 */
-  super_red_03: '#FF0011',
-
-  /** @deprecated Use colors.scopes.semantic.success */
-  success: '#05DF72',
-  /** @deprecated Use colors.scopes.semantic.danger */
-  danger: '#EC003F',
-  /** @deprecated Use colors.scopes.semantic.warning */
-  warning: '#FFDA00',
-
   // Grouped scopes for organized access and documentation
   scopes: {
     base: {
@@ -50,13 +7,15 @@ export const colors = {
     },
     neutral: {
       gray: {
-        100: '#E1E1E1',
-        200: '#C0C0C0',
-        300: '#A0A0A0',
-        400: '#808080',
-        500: '#606060',
-        600: '#404040',
-        700: '#202020',
+        100: '#E6E6E6',
+        200: '#CCCCCC',
+        300: '#B3B3B3',
+        400: '#999999',
+        500: '#808080',
+        600: '#666666',
+        700: '#4D4D4D',
+        800: '#333333',
+        900: '#1A1A1A',
       },
     },
     brand: {