updated colour pattern

package.json

@@ -1,7 +1,7 @@
 {
   "name": "msc-uikit",
-  "version": "0.1.10",
-  "description": "Set of UI components for pancake projects",
+  "version": "0.1.11",
+  "description": "Set of UI components for msc projects",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
   "types": "dist/index.d.ts",

src/theme/colors.ts

@@ -2,9 +2,9 @@ import { Colors } from "./types";
 
 export const baseColors = {
   failure: "#ED4B9E",
-  primary: "#1FC7D4",
-  primaryBright: "#53DEE9",
-  primaryDark: "#0098A1",
+  primary: "#D35400", // Dark Blurry Orange
+  primaryBright: "#E67E22", // Brighter Orange
+  primaryDark: "#A04000", // Darker Orange
   secondary: "#7645D9",
   success: "#31D0AA",
   warning: "#FFB237",
@@ -17,41 +17,41 @@ export const brandColors = {
 export const lightColors: Colors = {
   ...baseColors,
   ...brandColors,
-  background: "#FAF9FA",
-  backgroundDisabled: "#E9EAEB",
-  contrast: "#191326",
+  background: "#F4F4F4",
+  backgroundDisabled: "#D3D3D3",
+  contrast: "#1C1C1E",
   invertedContrast: "#FFFFFF",
-  input: "#eeeaf4",
-  inputSecondary: "#d7caec",
-  tertiary: "#EFF4F5",
-  text: "#452A7A",
-  textDisabled: "#BDC2C4",
-  textSubtle: "#8f80ba",
-  borderColor: "#E9EAEB",
+  input: "#E1E1E1",
+  inputSecondary: "#C0C0C0",
+  tertiary: "#BEBEBE",
+  text: "#3A3A3C",
+  textDisabled: "#8E8E93",
+  textSubtle: "#636366",
+  borderColor: "#BEBEBE",
   card: "#FFFFFF",
   gradients: {
-    bubblegum: "linear-gradient(139.73deg, #E6FDFF 0%, #F3EFFF 100%)",
+    bubblegum: "linear-gradient(139.73deg, #F5F7FA 0%, #E8E9EB 100%)",
   },
 };
 
 export const darkColors: Colors = {
   ...baseColors,
   ...brandColors,
-  secondary: "#9A6AFF",
-  background: "#100C18",
-  backgroundDisabled: "#3c3742",
-  contrast: "#FFFFFF",
-  invertedContrast: "#191326",
-  input: "#483f5a",
-  inputSecondary: "#66578D",
-  primaryDark: "#0098A1",
-  tertiary: "#353547",
-  text: "#EAE2FC",
-  textDisabled: "#666171",
-  textSubtle: "#A28BD4",
-  borderColor: "#524B63",
-  card: "#27262c",
+  secondary: "#6E4AFF",
+  background: "#18181B",
+  backgroundDisabled: "#3A3A3C",
+  contrast: "#E5E5EA",
+  invertedContrast: "#1C1C1E",
+  input: "#2C2C2E",
+  inputSecondary: "#48484A",
+  primaryDark: "#A04000", // Darker Orange
+  tertiary: "#3A3A3C",
+  text: "#F5F5F7",
+  textDisabled: "#8E8E93",
+  textSubtle: "#AEAEB2",
+  borderColor: "#48484A",
+  card: "#1C1C1E",
   gradients: {
-    bubblegum: "linear-gradient(139.73deg, #313D5C 0%, #3D2A54 100%)",
+    bubblegum: "linear-gradient(139.73deg, #3A3A3C 0%, #48484A 100%)",
   },
 };