portainer/portainer

View on GitHub
app/assets/css/colors.json

Summary

Maintainability
Test Coverage
{
  "black": "#000000",
  "white": "#ffffff",
  "gray": {
    "1": "#fcfcfd",
    "2": "#f9fafb",
    "3": "#f2f4f7",
    "4": "#eaecf0",
    "5": "#d0d5dd",
    "6": "#98a2b3",
    "7": "#667085",
    "8": "#475467",
    "9": "#344054",
    "10": "#1d2939",
    "11": "#101828"
  },
  "blue": {
    "1": "#f5fbff",
    "2": "#f0f9ff",
    "3": "#e0f2fe",
    "4": "#b9e6fe",
    "5": "#7cd4fd",
    "6": "#36bffa",
    "7": "#0ba5ec",
    "8": "#0086c9",
    "9": "#026aa2",
    "10": "#065986",
    "11": "#0b4a6f"
  },
  "error": {
    "1": "#fffbfa",
    "2": "#fef3f2",
    "3": "#fee4e2",
    "4": "#fecdca",
    "5": "#fda29b",
    "6": "#f97066",
    "7": "#f04438",
    "8": "#d92d20",
    "9": "#b42318",
    "10": "#912018",
    "11": "#7a271a"
  },
  "warning": {
    "1": "#fffcf5",
    "2": "#fffaeb",
    "3": "#fef0c7",
    "4": "#fedf89",
    "5": "#fec84b",
    "6": "#fdb022",
    "7": "#f79009",
    "8": "#dc6803",
    "9": "#b54708",
    "10": "#93370d",
    "11": "#7a2e0e"
  },
  "success": {
    "1": "#f6fef9",
    "2": "#ecfdf3",
    "3": "#d1fadf",
    "4": "#a6f4c5",
    "5": "#6ce9a6",
    "6": "#32d583",
    "7": "#12b76a",
    "8": "#039855",
    "9": "#027a48",
    "10": "#05603a",
    "11": "#054f31"
  },
  "gray-blue": {
    "1": "#fcfcfd",
    "2": "#f8f9fc",
    "3": "#eaecf5",
    "4": "#d5d9eb",
    "5": "#b3b8db",
    "6": "#717bbc",
    "7": "#4e5ba6",
    "8": "#3e4784",
    "9": "#363f72",
    "10": "#293056",
    "11": "#293056"
  },
  "gray-cool": {
    "1": "#fcfcfd",
    "2": "#f9f9fb",
    "3": "#eff1f5",
    "4": "#dcdfea",
    "5": "#b9c0d4",
    "6": "#7d89b0",
    "7": "#5d6b98",
    "8": "#4a5578",
    "9": "#404968",
    "10": "#30374f",
    "11": "#111322"
  },
  "gray-modern": {
    "1": "#fcfcfd",
    "2": "#f8fafc",
    "3": "#eef2f6",
    "4": "#e3e8ef",
    "5": "#cdd5df",
    "6": "#9aa4b2",
    "7": "#697586",
    "8": "#4b5565",
    "9": "#364152",
    "10": "#202939",
    "11": "#121926"
  },
  "gray-neutral": {
    "1": "#fcfcfd",
    "2": "#f9fafb",
    "3": "#f3f4f6",
    "4": "#e5e7eb",
    "5": "#d2d6db",
    "6": "#9da4ae",
    "7": "#6c737f",
    "8": "#4d5761",
    "9": "#384250",
    "10": "#1f2a37",
    "11": "#111927"
  },
  "gray-iron": {
    "1": "#fcfcfc",
    "2": "#fafafa",
    "3": "#f4f4f5",
    "4": "#e4e4e7",
    "5": "#d1d1d6",
    "6": "#d1d1d6",
    "7": "#70707b",
    "8": "#51525c",
    "9": "#3f3f46",
    "10": "#26272b",
    "11": "#18181b"
  },
  "gray-true": {
    "1": "#fcfcfc",
    "2": "#fafafa",
    "3": "#f5f5f5",
    "4": "#e5e5e5",
    "5": "#d6d6d6",
    "6": "#a3a3a3",
    "7": "#737373",
    "8": "#525252",
    "9": "#424242",
    "10": "#292929",
    "11": "#141414"
  },
  "gray-warm": {
    "1": "#fdfdfc",
    "2": "#fafaf9",
    "3": "#f5f5f4",
    "4": "#e7e5e4",
    "5": "#d7d3d0",
    "6": "#a9a29d",
    "7": "#79716b",
    "8": "#57534e",
    "9": "#44403c",
    "10": "#292524",
    "11": "#1c1917"
  },
  "moss": {
    "1": "#fafdf7",
    "2": "#f5fbee",
    "3": "#e6f4d7",
    "4": "#ceeab0",
    "5": "#acdc79",
    "6": "#86cb3c",
    "7": "#669f2a",
    "8": "#4f7a21",
    "9": "#3f621a",
    "10": "#335015",
    "11": "#2b4212"
  },
  "green-light": {
    "1": "#fafef5",
    "2": "#f3fee7",
    "3": "#e4fbcc",
    "4": "#d0f8ab",
    "5": "#a6ef67",
    "6": "#85e13a",
    "7": "#66c61c",
    "8": "#4ca30d",
    "9": "#3b7c0f",
    "10": "#326212",
    "11": "#2b5314"
  },
  "green": {
    "1": "#f6fef9",
    "2": "#edfcf2",
    "3": "#d3f8df",
    "4": "#aaf0c4",
    "5": "#73e2a3",
    "6": "#73e2a3",
    "7": "#16b364",
    "8": "#099250",
    "9": "#087443",
    "10": "#095c37",
    "11": "#084c2e"
  },
  "teal": {
    "1": "#f6fefc",
    "2": "#f0fdf9",
    "3": "#ccfbef",
    "4": "#99f6e0",
    "5": "#5fe9d0",
    "6": "#2ed3b7",
    "7": "#15b79e",
    "8": "#0e9384",
    "9": "#107569",
    "10": "#125d56",
    "11": "#134e48"
  },
  "cyan": {
    "1": "#f5feff",
    "2": "#ecfdff",
    "3": "#cff9fe",
    "4": "#a5f0fc",
    "5": "#67e3f9",
    "6": "#22ccee",
    "7": "#06aed4",
    "8": "#088ab2",
    "9": "#0e7090",
    "10": "#155b75",
    "11": "#164c63"
  },
  "blue-dark": {
    "1": "#f5f8ff",
    "2": "#eff4ff",
    "3": "#d1e0ff",
    "4": "#b2ccff",
    "5": "#84adff",
    "6": "#528bff",
    "7": "#2970ff",
    "8": "#155eef",
    "9": "#004eeb",
    "10": "#0040c1",
    "11": "#00359e"
  },
  "indigo": {
    "1": "#f5f8ff",
    "2": "#eef4ff",
    "3": "#e0eaff",
    "4": "#c7d7fe",
    "5": "#a4bcfd",
    "6": "#8098f9",
    "7": "#8098f9",
    "8": "#444ce7",
    "9": "#3538cd",
    "10": "#2d31a6",
    "11": "#2d3282"
  },
  "violet": {
    "1": "#fbfaff",
    "2": "#f5f3ff",
    "3": "#ece9fe",
    "4": "#ddd6fe",
    "5": "#c3b5fd",
    "6": "#a48afb",
    "7": "#875bf7",
    "8": "#7839ee",
    "9": "#6927da",
    "10": "#5720b7",
    "11": "#491c96"
  },
  "purple": {
    "1": "#fafaff",
    "2": "#f4f3ff",
    "3": "#ebe9fe",
    "4": "#d9d6fe",
    "5": "#bdb4fe",
    "6": "#9b8afb",
    "7": "#7a5af8",
    "8": "#6938ef",
    "9": "#5925dc",
    "10": "#4a1fb8",
    "11": "#3e1c96"
  },
  "fuchsia": {
    "1": "#fefaff",
    "2": "#fdf4ff",
    "3": "#fbe8ff",
    "4": "#f6d0fe",
    "5": "#eeaafd",
    "6": "#e478fa",
    "7": "#d444f1",
    "8": "#ba24d5",
    "9": "#9f1ab1",
    "10": "#821890",
    "11": "#6f1877"
  },
  "pink": {
    "1": "#fef6fb",
    "2": "#fdf2fa",
    "3": "#fce7f6",
    "4": "#fce7f6",
    "5": "#faa7e0",
    "6": "#f670c7",
    "7": "#ee46bc",
    "8": "#dd2590",
    "9": "#c11574",
    "10": "#9e165f",
    "11": "#851651"
  },
  "rose": {
    "1": "#fff5f6",
    "2": "#fff1f3",
    "3": "#ffe4e8",
    "4": "#fecdd6",
    "5": "#fea3b4",
    "6": "#fd6f8e",
    "7": "#f63d68",
    "8": "#e31b54",
    "9": "#c01048",
    "10": "#a11043",
    "11": "#89123e"
  },
  "orange-dark": {
    "1": "#fff9f5",
    "2": "#fff4ed",
    "3": "#ffe6d5",
    "4": "#ffd6ae",
    "5": "#ff9c66",
    "6": "#ff692e",
    "7": "#ff4405",
    "8": "#e62e05",
    "9": "#bc1b06",
    "10": "#97180c",
    "11": "#771a0d"
  },
  "orange": {
    "1": "#fefaf5",
    "2": "#fef6ee",
    "3": "#fdead7",
    "4": "#f9dbaf",
    "5": "#f7b27a",
    "6": "#f38744",
    "7": "#ef6820",
    "8": "#e04f16",
    "9": "#b93815",
    "10": "#932f19",
    "11": "#772917"
  },
  "yellow": {
    "1": "#fefdf0",
    "2": "#fefbe8",
    "3": "#fef7c3",
    "4": "#feee95",
    "5": "#feee95",
    "6": "#fac515",
    "7": "#eaaa08",
    "8": "#ca8504",
    "9": "#a15c07",
    "10": "#854a0e",
    "11": "#713b12"
  }
}