feat: Rename ht-300 color to ht-900 .

Author: zouhir96

src/assets/index.css

@@ -27,13 +27,13 @@ code {
 @theme {
   --color-ht-100: oklch(0.9 0.0221 250.23);
   --color-ht-200: oklch(0.83 0.0314 249.73);
-  --color-ht-300: oklch(0.453 0.0179 251.34);
+  --color-ht-900: oklch(0.453 0.0179 251.34);
 }
 
 @layer base {
   @variant dark {
     --color-ht-100: oklch(0.2421 0.0129 258.37);
     --color-ht-200: oklch(0.2245 0.0115 254.07);
-    --color-ht-300: oklch(1 0 0);
+    --color-ht-900: oklch(1 0 0);
   }
 }

src/components/Elements/Button/Button.tsx

@@ -10,11 +10,11 @@ const sizes = {
 
 const types = {
   primary: 'bg-blue-500 text-white hover:bg-blue-600',
-  secondary: 'bg-ht-100 text-ht-300 hover:bg-ht-200',
+  secondary: 'bg-ht-100 text-ht-900 hover:bg-ht-200',
   danger: 'bg-danger text-on-danger ',
   success: 'bg-green-500 text-white hover:bg-green-600',
   warning: 'bg-yellow-400 text-white hover:bg-yellow-500',
-  text: 'bg-transparent text-ht-300',
+  text: 'bg-transparent text-ht-900',
 }
 
 interface ButtonProps {

src/components/Elements/Button/CircleButton.tsx

@@ -9,9 +9,9 @@ const sizes = {
 
 const variants = {
   primary: 'bg-blue-500 text-white hover:bg-blue-600',
-  secondary: 'bg-ht-100 text-ht-300 hover:bg-ht-200',
-  outlined: 'bg-ht-100 text-ht-300 hover:bg-ht-100',
-  text: 'bg-transparent ttext-ht-300',
+  secondary: 'bg-ht-100 text-ht-900 hover:bg-ht-200',
+  outlined: 'bg-ht-100 text-ht-900 hover:bg-ht-100',
+  text: 'bg-transparent ttext-ht-900',
   darkfocus: 'bg-blue-900 text-yellow-400 hover:opacity-80',
 }