apphouse
Version:
Component library for React that uses observable state management and theme-able components.
643 lines (635 loc) • 20.9 kB
text/typescript
export const colorsByName: { [colorName: string]: string } = {
AliceBlue: "#F0F8FF",
AntiqueWhite: "#FAEBD7",
Aqua: "#00FFFF",
Aquamarine: "#7FFFD4",
Azure: "#F0FFFF",
Beige: "#F5F5DC",
Bisque: "#FFE4C4",
Black: "#000000",
BlanchedAlmond: "#FFEBCD",
Blue: "#0000FF",
BlueViolet: "#8A2BE2",
Brown: "#A52A2A",
BurlyWood: "#DEB887",
CadetBlue: "#5F9EA0",
Chartreuse: "#7FFF00",
Chocolate: "#D2691E",
Coral: "#FF7F50",
CornflowerBlue: "#6495ED",
Cornsilk: "#FFF8DC",
Crimson: "#DC143C",
Cyan: "#00FFFF",
DarkBlue: "#00008B",
DarkCyan: "#008B8B",
DarkGoldenRod: "#B8860B",
DarkGray: "#A9A9A9",
DarkGreen: "#006400",
DarkKhaki: "#BDB76B",
DarkMagenta: "#8B008B",
DarkOliveGreen: "#556B2F",
Darkorange: "#FF8C00",
DarkOrchid: "#9932CC",
DarkRed: "#8B0000",
DarkSalmon: "#E9967A",
DarkSeaGreen: "#8FBC8F",
DarkSlateBlue: "#483D8B",
DarkSlateGray: "#2F4F4F",
DarkTurquoise: "#00CED1",
DarkViolet: "#9400D3",
DeepPink: "#FF1493",
DeepSkyBlue: "#00BFFF",
DimGray: "#696969",
DodgerBlue: "#1E90FF",
FireBrick: "#B22222",
FloralWhite: "#FFFAF0",
ForestGreen: "#228B22",
Fuchsia: "#FF00FF",
Gainsboro: "#DCDCDC",
GhostWhite: "#F8F8FF",
Gold: "#FFD700",
GoldenRod: "#DAA520",
Gray: "#808080",
Green: "#008000",
GreenYellow: "#ADFF2F",
HoneyDew: "#F0FFF0",
HotPink: "#FF69B4",
IndianRed: "#CD5C5C",
Indigo: "#4B0082",
Ivory: "#FFFFF0",
Khaki: "#F0E68C",
Lavender: "#E6E6FA",
LavenderBlush: "#FFF0F5",
LawnGreen: "#7CFC00",
LemonChiffon: "#FFFACD",
LightBlue: "#ADD8E6",
LightCoral: "#F08080",
LightCyan: "#E0FFFF",
LightGoldenRodYellow: "#FAFAD2",
LightGrey: "#D3D3D3",
LightGreen: "#90EE90",
LightPink: "#FFB6C1",
LightSalmon: "#FFA07A",
LightSeaGreen: "#20B2AA",
LightSkyBlue: "#87CEFA",
LightSlateGray: "#778899",
LightSteelBlue: "#B0C4DE",
LightYellow: "#FFFFE0",
Lime: "#00FF00",
LimeGreen: "#32CD32",
Linen: "#FAF0E6",
Magenta: "#FF00FF",
Maroon: "#800000",
MediumAquaMarine: "#66CDAA",
MediumBlue: "#0000CD",
MediumOrchid: "#BA55D3",
MediumPurple: "#9370D8",
MediumSeaGreen: "#3CB371",
MediumSlateBlue: "#7B68EE",
MediumSpringGreen: "#00FA9A",
MediumTurquoise: "#48D1CC",
MediumVioletRed: "#C71585",
MidnightBlue: "#191970",
MintCream: "#F5FFFA",
MistyRose: "#FFE4E1",
Moccasin: "#FFE4B5",
NavajoWhite: "#FFDEAD",
Navy: "#000080",
OldLace: "#FDF5E6",
Olive: "#808000",
OliveDrab: "#6B8E23",
Orange: "#FFA500",
OrangeRed: "#FF4500",
Orchid: "#DA70D6",
PaleGoldenRod: "#EEE8AA",
PaleGreen: "#98FB98",
PaleTurquoise: "#AFEEEE",
PaleVioletRed: "#D87093",
PapayaWhip: "#FFEFD5",
PeachPuff: "#FFDAB9",
Peru: "#CD853F",
Pink: "#FFC0CB",
Plum: "#DDA0DD",
PowderBlue: "#B0E0E6",
Purple: "#800080",
Red: "#FF0000",
RosyBrown: "#BC8F8F",
RoyalBlue: "#4169E1",
SaddleBrown: "#8B4513",
Salmon: "#FA8072",
SandyBrown: "#F4A460",
SeaGreen: "#2E8B57",
SeaShell: "#FFF5EE",
Sienna: "#A0522D",
Silver: "#C0C0C0",
SkyBlue: "#87CEEB",
SlateBlue: "#6A5ACD",
SlateGray: "#708090",
Snow: "#FFFAFA",
SpringGreen: "#00FF7F",
SteelBlue: "#4682B4",
Tan: "#D2B48C",
Teal: "#008080",
Thistle: "#D8BFD8",
Tomato: "#FF6347",
Turquoise: "#40E0D0",
Violet: "#EE82EE",
Wheat: "#F5DEB3",
White: "#FFFFFF",
WhiteSmoke: "#F5F5F5",
Yellow: "#FFFF00",
YellowGreen: "#9ACD",
};
export interface ColorRGBValue {
[colorName: string]: number[];
}
export const colorNamesRGB: ColorRGBValue = {
aliceblue: [240, 248, 255],
antiquewhite: [250, 235, 215],
aqua: [0, 255, 255],
aquamarine: [127, 255, 212],
azure: [240, 255, 255],
beige: [245, 245, 220],
bisque: [255, 228, 196],
black: [0, 0, 0],
blanchedalmond: [255, 235, 205],
blue: [0, 0, 255],
blueviolet: [138, 43, 226],
brown: [165, 42, 42],
burlywood: [222, 184, 135],
cadetblue: [95, 158, 160],
chartreuse: [127, 255, 0],
chocolate: [210, 105, 30],
coral: [255, 127, 80],
cornflowerblue: [100, 149, 237],
cornsilk: [255, 248, 220],
crimson: [220, 20, 60],
cyan: [0, 255, 255],
darkblue: [0, 0, 139],
darkcyan: [0, 139, 139],
darkgoldenrod: [184, 134, 11],
darkgray: [169, 169, 169],
darkgreen: [0, 100, 0],
darkgrey: [169, 169, 169],
darkkhaki: [189, 183, 107],
darkmagenta: [139, 0, 139],
darkolivegreen: [85, 107, 47],
darkorange: [255, 140, 0],
darkorchid: [153, 50, 204],
darkred: [139, 0, 0],
darksalmon: [233, 150, 122],
darkseagreen: [143, 188, 143],
darkslateblue: [72, 61, 139],
darkslategray: [47, 79, 79],
darkslategrey: [47, 79, 79],
darkturquoise: [0, 206, 209],
darkviolet: [148, 0, 211],
deeppink: [255, 20, 147],
deepskyblue: [0, 191, 255],
dimgray: [105, 105, 105],
dimgrey: [105, 105, 105],
dodgerblue: [30, 144, 255],
firebrick: [178, 34, 34],
floralwhite: [255, 250, 240],
forestgreen: [34, 139, 34],
fuchsia: [255, 0, 255],
gainsboro: [220, 220, 220],
ghostwhite: [248, 248, 255],
gold: [255, 215, 0],
goldenrod: [218, 165, 32],
gray: [128, 128, 128],
green: [0, 128, 0],
greenyellow: [173, 255, 47],
grey: [128, 128, 128],
honeydew: [240, 255, 240],
hotpink: [255, 105, 180],
indianred: [205, 92, 92],
indigo: [75, 0, 130],
ivory: [255, 255, 240],
khaki: [240, 230, 140],
lavender: [230, 230, 250],
lavenderblush: [255, 240, 245],
lawngreen: [124, 252, 0],
lemonchiffon: [255, 250, 205],
lightblue: [173, 216, 230],
lightcoral: [240, 128, 128],
lightcyan: [224, 255, 255],
lightgoldenrodyellow: [250, 250, 210],
lightgray: [211, 211, 211],
lightgreen: [144, 238, 144],
lightgrey: [211, 211, 211],
lightpink: [255, 182, 193],
lightsalmon: [255, 160, 122],
lightseagreen: [32, 178, 170],
lightskyblue: [135, 206, 250],
lightslategray: [119, 136, 153],
lightslategrey: [119, 136, 153],
lightsteelblue: [176, 196, 222],
lightyellow: [255, 255, 224],
lime: [0, 255, 0],
limegreen: [50, 205, 50],
linen: [250, 240, 230],
magenta: [255, 0, 255],
maroon: [128, 0, 0],
mediumaquamarine: [102, 205, 170],
mediumblue: [0, 0, 205],
mediumorchid: [186, 85, 211],
mediumpurple: [147, 112, 219],
mediumseagreen: [60, 179, 113],
mediumslateblue: [123, 104, 238],
mediumspringgreen: [0, 250, 154],
mediumturquoise: [72, 209, 204],
mediumvioletred: [199, 21, 133],
midnightblue: [25, 25, 112],
mintcream: [245, 255, 250],
mistyrose: [255, 228, 225],
moccasin: [255, 228, 181],
navajowhite: [255, 222, 173],
navy: [0, 0, 128],
oldlace: [253, 245, 230],
olive: [128, 128, 0],
olivedrab: [107, 142, 35],
orange: [255, 165, 0],
orangered: [255, 69, 0],
orchid: [218, 112, 214],
palegoldenrod: [238, 232, 170],
palegreen: [152, 251, 152],
paleturquoise: [175, 238, 238],
palevioletred: [219, 112, 147],
papayawhip: [255, 239, 213],
peachpuff: [255, 218, 185],
peru: [205, 133, 63],
pink: [255, 192, 203],
plum: [221, 160, 221],
powderblue: [176, 224, 230],
purple: [128, 0, 128],
rebeccapurple: [102, 51, 153],
red: [255, 0, 0],
rosybrown: [188, 143, 143],
royalblue: [65, 105, 225],
saddlebrown: [139, 69, 19],
salmon: [250, 128, 114],
sandybrown: [244, 164, 96],
seagreen: [46, 139, 87],
seashell: [255, 245, 238],
sienna: [160, 82, 45],
silver: [192, 192, 192],
skyblue: [135, 206, 235],
slateblue: [106, 90, 205],
slategray: [112, 128, 144],
slategrey: [112, 128, 144],
snow: [255, 250, 250],
springgreen: [0, 255, 127],
steelblue: [70, 130, 180],
tan: [210, 180, 140],
teal: [0, 128, 128],
thistle: [216, 191, 216],
tomato: [255, 99, 71],
turquoise: [64, 224, 208],
violet: [238, 130, 238],
wheat: [245, 222, 179],
white: [255, 255, 255],
whitesmoke: [245, 245, 245],
yellow: [255, 255, 0],
yellowgreen: [154, 205, 50],
};
const colorRGBHash: { [rgb: string]: string } = {
"240, 248, 255": "aliceblue",
"250, 235, 215": "antiquewhite",
// "0, 255, 255": "aqua",
"127, 255, 212": "aquamarine",
"240, 255, 255": "azure",
"245, 245, 220": "beige",
"255, 228, 196": "bisque",
"0, 0, 0": "black",
"255, 235, 205": "blanchedalmond",
"0, 0, 255": "blue",
"138, 43, 226": "blueviolet",
"165, 42, 42": "brown",
"222, 184, 135": "burlywood",
"95, 158, 160": "cadetblue",
"127, 255, 0": "chartreuse",
"210, 105, 30": "chocolate",
"255, 127, 80": "coral",
"100, 149, 237": "cornflowerblue",
"255, 248, 220": "cornsilk",
"220, 20, 60": "crimson",
"0, 255, 255": "cyan",
"0, 0, 139": "darkblue",
"0, 139, 139": "darkcyan",
"184, 134, 11": "darkgoldenrod",
"169, 169, 169": "darkgray",
"0, 100, 0": "darkgreen",
"189, 183, 107": "darkkhaki",
"139, 0, 139": "darkmagenta",
"85, 107, 47": "darkolivegreen",
"255, 140, 0": "darkorange",
"153, 50, 204": "darkorchid",
"139, 0, 0": "darkred",
"233, 150, 122": "darksalmon",
"143, 188, 143": "darkseagreen",
"72, 61, 139": "darkslateblue",
"47, 79, 79": "darkslategray",
"0, 206, 209": "darkturquoise",
"148, 0, 211": "darkviolet",
"255, 20, 147": "deeppink",
"0, 191, 255": "deepskyblue",
"105, 105, 105": "dimgray",
"30, 144, 255": "dodgerblue",
"178, 34, 34": "firebrick",
"255, 250, 240": "floralwhite",
"34, 139, 34": "forestgreen",
"255, 0, 255": "fuchsia",
"220, 220, 220": "gainsboro",
"248, 248, 255": "ghostwhite",
"255, 215, 0": "gold",
"218, 165, 32": "goldenrod",
"128, 128, 128": "gray",
"0, 128, 0": "green",
"173, 255, 47": "greenyellow",
// "128, 128, 128": "grey",
"240, 255, 240": "honeydew",
"255, 105, 180": "hotpink",
"205, 92, 92": "indianred",
"75, 0, 130": "indigo",
"255, 255, 240": "ivory",
"240, 230, 140": "khaki",
"230, 230, 250": "lavender",
"255, 240, 245": "lavenderblush",
"124, 252, 0": "lawngreen",
"255, 250, 205": "lemonchiffon",
"173, 216, 230": "lightblue",
"240, 128, 128": "lightcoral",
"224, 255, 255": "lightcyan",
"250, 250, 210": "lightgoldenrodyellow",
"211, 211, 211": "lightgray",
"144, 238, 144": "lightgreen",
// "211, 211, 211": "lightgrey",
"255, 182, 193": "lightpink",
"255, 160, 122": "lightsalmon",
"32, 178, 170": "lightseagreen",
"135, 206, 250": "lightskyblue",
"119, 136, 153": "lightslategray",
// "119, 136, 153": "lightslategrey",
"176, 196, 222": "lightsteelblue",
"255, 255, 224": "lightyellow",
"0, 255, 0": "lime",
"50, 205, 50": "limegreen",
"250, 240, 230": "linen",
// "255, 0, 255": "magenta",
"128, 0, 0": "maroon",
"102, 205, 170": "mediumaquamarine",
"0, 0, 205": "mediumblue",
"186, 85, 211": "mediumorchid",
"147, 112, 219": "mediumpurple",
"60, 179, 113": "mediumseagreen",
"123, 104, 238": "mediumslateblue",
"0, 250, 154": "mediumspringgreen",
"72, 209, 204": "mediumturquoise",
"199, 21, 133": "mediumvioletred",
"25, 25, 112": "midnightblue",
"245, 255, 250": "mintcream",
"255, 228, 225": "mistyrose",
"255, 228, 181": "moccasin",
"255, 222, 173": "navajowhite",
"0, 0, 128": "navy",
"253, 245, 230": "oldlace",
"128, 128, 0": "olive",
"107, 142, 35": "olivedrab",
"255, 165, 0": "orange",
"255, 69, 0": "orangered",
"218, 112, 214": "orchid",
"238, 232, 170": "palegoldenrod",
"152, 251, 152": "palegreen",
"175, 238, 238": "paleturquoise",
"219, 112, 147": "palevioletred",
"255, 239, 213": "papayawhip",
"255, 218, 185": "peachpuff",
"205, 133, 63": "peru",
"255, 192, 203": "pink",
"221, 160, 221": "plum",
"176, 224, 230": "powderblue",
"128, 0, 128": "purple",
"102, 51, 153": "rebeccapurple",
"255, 0, 0": "red",
"188, 143, 143": "rosybrown",
"65, 105, 225": "royalblue",
"139, 69, 19": "saddlebrown",
"250, 128, 114": "salmon",
"244, 164, 96": "sandybrown",
"46, 139, 87": "seagreen",
"255, 245, 238": "seashell",
"160, 82, 45": "sienna",
"192, 192, 192": "silver",
"135, 206, 235": "skyblue",
"106, 90, 205": "slateblue",
"112, 128, 144": "slategray",
"255, 250, 250": "snow",
"0, 255, 127": "springgreen",
"70, 130, 180": "steelblue",
"210, 180, 140": "tan",
"0, 128, 128": "teal",
"216, 191, 216": "thistle",
"255, 99, 71": "tomato",
"64, 224, 208": "turquoise",
"238, 130, 238": "violet",
"245, 222, 179": "wheat",
"255, 255, 255": "white",
"245, 245, 245": "whitesmoke",
"255, 255, 0": "yellow",
"154, 205, 50": "yellowgreen",
};
export interface ApphouseRGBColorFormat {
name: string;
r: number;
g: number;
b: number;
}
export const colorsRGB: ApphouseRGBColorFormat[] = [
{ name: "aliceblue", r: 240, g: 248, b: 255 },
{ name: "antiquewhite", r: 250, g: 235, b: 215 },
{ name: "aqua", r: 0, g: 255, b: 255 },
{ name: "aquamarine", r: 127, g: 255, b: 212 },
{ name: "azure", r: 240, g: 255, b: 255 },
{ name: "beige", r: 245, g: 245, b: 220 },
{ name: "bisque", r: 255, g: 228, b: 196 },
{ name: "black", r: 0, g: 0, b: 0 },
{ name: "blanchedalmond", r: 255, g: 235, b: 205 },
{ name: "blue", r: 0, g: 0, b: 255 },
{ name: "blueviolet", r: 138, g: 43, b: 226 },
{ name: "brown", r: 165, g: 42, b: 42 },
{ name: "burlywood", r: 222, g: 184, b: 135 },
{ name: "cadetblue", r: 95, g: 158, b: 160 },
{ name: "chartreuse", r: 127, g: 255, b: 0 },
{ name: "chocolate", r: 210, g: 105, b: 30 },
{ name: "coral", r: 255, g: 127, b: 80 },
{ name: "cornflowerblue", r: 100, g: 149, b: 237 },
{ name: "cornsilk", r: 255, g: 248, b: 220 },
{ name: "crimson", r: 220, g: 20, b: 60 },
{ name: "cyan", r: 0, g: 255, b: 255 },
{ name: "darkblue", r: 0, g: 0, b: 139 },
{ name: "darkcyan", r: 0, g: 139, b: 139 },
{ name: "darkgoldenrod", r: 184, g: 134, b: 11 },
{ name: "darkgray", r: 169, g: 169, b: 169 },
{ name: "darkgreen", r: 0, g: 100, b: 0 },
{ name: "darkgrey", r: 169, g: 169, b: 169 },
{ name: "darkkhaki", r: 189, g: 183, b: 107 },
{ name: "darkmagenta", r: 139, g: 0, b: 139 },
{ name: "darkolivegreen", r: 85, g: 107, b: 47 },
{ name: "darkorange", r: 255, g: 140, b: 0 },
{ name: "darkorchid", r: 153, g: 50, b: 204 },
{ name: "darkred", r: 139, g: 0, b: 0 },
{ name: "darksalmon", r: 233, g: 150, b: 122 },
{ name: "darkseagreen", r: 143, g: 188, b: 143 },
{ name: "darkslateblue", r: 72, g: 61, b: 139 },
{ name: "darkslategray", r: 47, g: 79, b: 79 },
{ name: "darkslategrey", r: 47, g: 79, b: 79 },
{ name: "darkturquoise", r: 0, g: 206, b: 209 },
{ name: "darkviolet", r: 148, g: 0, b: 211 },
{ name: "deeppink", r: 255, g: 20, b: 147 },
{ name: "deepskyblue", r: 0, g: 191, b: 255 },
{ name: "dimgray", r: 105, g: 105, b: 105 },
{ name: "dimgrey", r: 105, g: 105, b: 105 },
{ name: "dodgerblue", r: 30, g: 144, b: 255 },
{ name: "firebrick", r: 178, g: 34, b: 34 },
{ name: "floralwhite", r: 255, g: 250, b: 240 },
{ name: "forestgreen", r: 34, g: 139, b: 34 },
{ name: "fuchsia", r: 255, g: 0, b: 255 },
{ name: "gainsboro", r: 220, g: 220, b: 220 },
{ name: "ghostwhite", r: 248, g: 248, b: 255 },
{ name: "gold", r: 255, g: 215, b: 0 },
{ name: "goldenrod", r: 218, g: 165, b: 32 },
{ name: "gray", r: 128, g: 128, b: 128 },
{ name: "green", r: 0, g: 128, b: 0 },
{ name: "greenyellow", r: 173, g: 255, b: 47 },
{ name: "grey", r: 128, g: 128, b: 128 },
{ name: "honeydew", r: 240, g: 255, b: 240 },
{ name: "hotpink", r: 255, g: 105, b: 180 },
{ name: "indianred", r: 205, g: 92, b: 92 },
{ name: "indigo", r: 75, g: 0, b: 130 },
{ name: "ivory", r: 255, g: 255, b: 240 },
{ name: "khaki", r: 240, g: 230, b: 140 },
{ name: "lavender", r: 230, g: 230, b: 250 },
{ name: "lavenderblush", r: 255, g: 240, b: 245 },
{ name: "lawngreen", r: 124, g: 252, b: 0 },
{ name: "lemonchiffon", r: 255, g: 250, b: 205 },
{ name: "lightblue", r: 173, g: 216, b: 230 },
{ name: "lightcoral", r: 240, g: 128, b: 128 },
{ name: "lightcyan", r: 224, g: 255, b: 255 },
{ name: "lightgoldenrodyellow", r: 250, g: 250, b: 210 },
{ name: "lightgray", r: 211, g: 211, b: 211 },
{ name: "lightgreen", r: 144, g: 238, b: 144 },
{ name: "lightgrey", r: 211, g: 211, b: 211 },
{ name: "lightpink", r: 255, g: 182, b: 193 },
{ name: "lightsalmon", r: 255, g: 160, b: 122 },
{ name: "lightseagreen", r: 32, g: 178, b: 170 },
{ name: "lightskyblue", r: 135, g: 206, b: 250 },
{ name: "lightslategray", r: 119, g: 136, b: 153 },
{ name: "lightslategrey", r: 119, g: 136, b: 153 },
{ name: "lightsteelblue", r: 176, g: 196, b: 222 },
{ name: "lightyellow", r: 255, g: 255, b: 224 },
{ name: "lime", r: 0, g: 255, b: 0 },
{ name: "limegreen", r: 50, g: 205, b: 50 },
{ name: "linen", r: 250, g: 240, b: 230 },
{ name: "magenta", r: 255, g: 0, b: 255 },
{ name: "maroon", r: 128, g: 0, b: 0 },
{ name: "mediumaquamarine", r: 102, g: 205, b: 170 },
{ name: "mediumblue", r: 0, g: 0, b: 205 },
{ name: "mediumorchid", r: 186, g: 85, b: 211 },
{ name: "mediumpurple", r: 147, g: 112, b: 219 },
{ name: "mediumseagreen", r: 60, g: 179, b: 113 },
{ name: "mediumslateblue", r: 123, g: 104, b: 238 },
{ name: "mediumspringgreen", r: 0, g: 250, b: 154 },
{ name: "mediumturquoise", r: 72, g: 209, b: 204 },
{ name: "mediumvioletred", r: 199, g: 21, b: 133 },
{ name: "midnightblue", r: 25, g: 25, b: 112 },
{ name: "mintcream", r: 245, g: 255, b: 250 },
{ name: "mistyrose", r: 255, g: 228, b: 225 },
{ name: "moccasin", r: 255, g: 228, b: 181 },
{ name: "navajowhite", r: 255, g: 222, b: 173 },
{ name: "navy", r: 0, g: 0, b: 128 },
{ name: "oldlace", r: 253, g: 245, b: 230 },
{ name: "olive", r: 128, g: 128, b: 0 },
{ name: "olivedrab", r: 107, g: 142, b: 35 },
{ name: "orange", r: 255, g: 165, b: 0 },
{ name: "orangered", r: 255, g: 69, b: 0 },
{ name: "orchid", r: 218, g: 112, b: 214 },
{ name: "palegoldenrod", r: 238, g: 232, b: 170 },
{ name: "palegreen", r: 152, g: 251, b: 152 },
{ name: "paleturquoise", r: 175, g: 238, b: 238 },
{ name: "palevioletred", r: 219, g: 112, b: 147 },
{ name: "papayawhip", r: 255, g: 239, b: 213 },
{ name: "peachpuff", r: 255, g: 218, b: 185 },
{ name: "peru", r: 205, g: 133, b: 63 },
{ name: "pink", r: 255, g: 192, b: 203 },
{ name: "plum", r: 221, g: 160, b: 221 },
{ name: "powderblue", r: 176, g: 224, b: 230 },
{ name: "purple", r: 128, g: 0, b: 128 },
{ name: "rebeccapurple", r: 102, g: 51, b: 153 },
{ name: "red", r: 255, g: 0, b: 0 },
{ name: "rosybrown", r: 188, g: 143, b: 143 },
{ name: "royalblue", r: 65, g: 105, b: 225 },
{ name: "saddlebrown", r: 139, g: 69, b: 19 },
{ name: "salmon", r: 250, g: 128, b: 114 },
{ name: "sandybrown", r: 244, g: 164, b: 96 },
{ name: "seagreen", r: 46, g: 139, b: 87 },
{ name: "seashell", r: 255, g: 245, b: 238 },
{ name: "sienna", r: 160, g: 82, b: 45 },
{ name: "silver", r: 192, g: 192, b: 192 },
{ name: "skyblue", r: 135, g: 206, b: 235 },
{ name: "slateblue", r: 106, g: 90, b: 205 },
{ name: "slategray", r: 112, g: 128, b: 144 },
{ name: "slategrey", r: 112, g: 128, b: 144 },
{ name: "snow", r: 255, g: 250, b: 250 },
{ name: "springgreen", r: 0, g: 255, b: 127 },
{ name: "steelblue", r: 70, g: 130, b: 180 },
{ name: "tan", r: 210, g: 180, b: 140 },
{ name: "teal", r: 0, g: 128, b: 128 },
{ name: "thistle", r: 216, g: 191, b: 216 },
{ name: "tomato", r: 255, g: 99, b: 71 },
{ name: "turquoise", r: 64, g: 224, b: 208 },
{ name: "violet", r: 238, g: 130, b: 238 },
{ name: "wheat", r: 245, g: 222, b: 179 },
{ name: "white", r: 255, g: 255, b: 255 },
{ name: "whitesmoke", r: 245, g: 245, b: 245 },
{ name: "yellow", r: 255, g: 255, b: 0 },
{ name: "yellowgreen", r: 154, g: 205, b: 50 },
];
export const PrimaryColors: ApphouseRGBColorFormat[] = [
{ name: "red", r: 255, g: 0, b: 0 },
{ name: "green", r: 0, g: 255, b: 0 },
{ name: "blue", r: 0, g: 0, b: 255 },
];
export const SecondaryColors: ApphouseRGBColorFormat[] = [
{ name: "yellow", r: 255, g: 255, b: 0 },
{ name: "cyan", r: 0, g: 255, b: 255 },
{ name: "magenta", r: 255, g: 0, b: 255 },
];
export const TertiaryColors: ApphouseRGBColorFormat[] = [
{ name: "Orange ", r: 255, g: 125, b: 0 },
{ name: "Yellow-Green ", r: 125, g: 255, b: 0 },
{ name: "Cyan-Green ", r: 0, g: 255, b: 125 },
{ name: "Cyan-Blue", r: 0, g: 125, b: 255 },
{ name: "Blue-Magenta ", r: 125, g: 0, b: 255 },
{ name: "Red-Magenta", r: 255, g: 0, b: 125 },
];
export const getRedVariants = (): ApphouseRGBColorFormat[] => {
const colors: ApphouseRGBColorFormat[] = [];
let colorName = "";
for (let i = 0; i < 256; i += 6) {
for (let j = 0; j < 256; j += 6) {
// for (let k = 0; k < 255; k++) {
const id = `${i}, ${j}, ${0}`;
let name = id;
if (colorRGBHash[id]) {
colorName = colorRGBHash[id];
name = `${colorRGBHash[id]}`;
} else {
name = `${colorName}-${i}-${j}`;
}
colors.push({ name, r: i, g: j, b: 0 });
}
// }
}
return colors;
};