feat Colors File

zimmerman-team · Oct 10, 2024 · d4126e8 · d4126e8
1 parent 7c7e29f
commit d4126e8
Showing 1 changed file with 162 additions and 0 deletions.
diff --git a/src/theme/colors.js b/src/theme/colors.js
@@ -0,0 +1,162 @@
+const colors = {
+    primary: {
+      blue: "#002561",
+      gray: "#F8F8F8",
+      white: "#FFFFFF",
+      lightBlue: "#82C9F0",
+      lightBlueGray: "#4F6797",
+      black: "#000000",
+    },
+    secondary: {
+      blueGrayLight: "#ECF1FA",
+      blueGrayDark: "#BCC6D6",
+      disableButton: "#EBEBEB",
+      red: "#ED6060",
+      darkRed: "#B23D3E",
+      iconGray: "#A1AEBD",
+      grayDark: "#888888",
+      grayLight: "#E3E3E3",
+      darkBlueGray: "#4F6797",
+      midnightBlue: "#013B82",
+    },
+    graph: {
+      green: {
+        900: "#475A51",
+        800: "#526B5F",
+        700: "#5F8070",
+        600: "#6E9884",
+        500: "#85AF9B",
+        400: "#A4C3B4",
+        300: "#BAD2C7",
+        200: "#CCDDD5",
+        100: "#E2ECE7",
+      },
+      burgundy: {
+        900: "#26131C",
+        800: "#2E1521",
+        700: "#381727",
+        600: "#44192E",
+        500: "#561735",
+        400: "#A52C67",
+        300: "#CF4D8C",
+        200: "#DB7AA9",
+        100: "#E49BBE",
+        50: "#EBB4CF",
+      },
+      sand: {
+        900: "#765E4B",
+        800: "#8E6E55",
+        700: "#A78164",
+        600: "#BB997F",
+        500: "#D4B59E",
+        400: "#DFC8B6",
+        300: "#E7D6C8",
+        200: "#EDE0D6",
+        100: "#F1E8E0",
+      },
+      graphite: {
+        900: "#060E13",
+        800: "#071017",
+        700: "#07131C",
+        600: "#071722",
+        500: "#041C2C",
+        400: "#0E5F96",
+        300: "#1592E5",
+        200: "#4CAEEF",
+        100: "#79C2F3",
+        50: "#9BD1F6",
+      },
+      warmYellow: {
+        900: "#936429",
+        800: "#B4762A",
+        700: "#D98B2C",
+        600: "#E7A14B",
+        500: "#FCBB6D",
+        400: "#FDCD92",
+        300: "#FDD9AD",
+        200: "#FEE3C1",
+        100: "#FEEAD1",
+      },
+      darkGreen: {
+        900: "#071716",
+        800: "#071D1A",
+        700: "#072320",
+        600: "#062B27",
+        500: "#023833",
+        400: "#06A595",
+      },
+      purple: {
+        900: "#201D2C",
+        800: "#252135",
+        700: "#2B263F",
+        600: "#322A4C",
+        500: "#382D5E",
+        400: "#5D4B9D",
+        300: "#8272BC",
+        200: "#A195CC",
+        100: "#B9B0D9",
+      },
+      lilac: {
+        900: "#635266",
+        800: "#765F79",
+        700: "#8C6E91",
+        600: "#A186A6",
+        500: "#BBA1BF",
+        400: "#CCB8CF",
+        300: "#D9CADB",
+        200: "#E2D7E4",
+        100: "#E9E1EB",
+      },
+      coral: {
+        900: "#964835",
+        800: "#B65138",
+        700: "#D06448",
+        600: "#E0826A",
+        500: "#F4A490",
+        400: "#F7BBAC",
+        300: "#F9CCC1",
+        200: "#FAD9D0",
+        100: "#FCE2DC",
+      },
+      darkGrey: {
+        900: "#202020",
+        800: "#252525",
+        700: "#2C2C2C",
+        600: "#343434",
+        500: "#3D3D3D",
+        400: "#6D6D6D",
+        300: "#929292",
+        200: "#ADADAD",
+        100: "#C2C2C2",
+        50: "#D1D1D1",
+      },
+    },
+    shadows: {
+      main: "0px 1px 14px 0px rgba(0, 0, 0, 0.12)",
+      inner: "0px 3px 3px 0px rgba(0, 0, 0, 0.1) inset",
+      section:
+        "0px 1.446765661239624px 2.893531322479248px 0px rgba(97, 97, 97, 0.2)",
+    },
+    text: {
+      title: "#0C162A",
+      body: "#454545",
+    },
+    shades: {
+      blue: {
+        100: "#ebf0fb",
+        200: "#9db6e9",
+        400: "#294c94",
+        500: "#182b54",
+        600: "#0c162a",
+      },
+      green: {
+        100: "#e9f5f4",
+        200: "#66bcb9",
+        400: "#00726e",
+        500: "#004845",
+        600: "#001d1c",
+      },
+    },
+  };
+
+  export default colors;