constellation.talk/colors.less at master · queerviolet/constellation.talk · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
// SpaceKit colors from https://space-kit.netlify.app/

//-- Brand colors --//
@pink-darkest: rgb(102, 31, 78);
@pink-darker: rgb(131, 35, 99);
@pink-dark: rgb(196, 57, 151);
@pink-base: rgb(242, 92, 193);
@pink-light: rgb(255, 163, 224);
@pink-lighter: rgb(255, 212, 241);
@pink-lightest: rgb(255, 230, 247);
@teal-darkest: rgb(31, 102, 100);
@teal-darker: rgb(29, 123, 120);
@teal-dark: rgb(38, 162, 157);
@teal-base: rgb(65, 217, 211);
@teal-light: rgb(139, 246, 242);
@teal-lighter: rgb(198, 255, 253);
@teal-lightest: rgb(230, 255, 254);
@indigo-darkest: rgb(45, 31, 102);
@indigo-darker: rgb(49, 28, 135);
@indigo-dark: rgb(63, 32, 186);
@indigo-base: rgb(113, 86, 217);
@indigo-light: rgb(173, 155, 246);
@indigo-lighter: rgb(217, 207, 255);
@indigo-lightest: rgb(235, 230, 255);

//-- Neutrals --//
@black-darker: rgb(18, 21, 26);
@black-dark: rgb(20, 23, 28);
@black-base: rgb(25, 28, 35);
@black-light: rgb(34, 38, 46);
@black-lighter: rgb(47, 53, 63);
@grey-darker: rgb(66, 72, 85);
@grey-dark: rgb(90, 98, 112);
@grey-base: rgb(119, 127, 142);
@grey-light: rgb(149, 157, 170);
@grey-lighter: rgb(178, 185, 195);
@silver-darker: rgb(202, 208, 216);
@silver-dark: rgb(222, 226, 231);
@silver-base: rgb(235, 238, 240);
@silver-light: rgb(244, 246, 248);
@silver-lighter: rgb(252, 253, 255);

//-- Interface Colors --//
@red-darkest: rgb(102, 31, 31);
@red-darker: rgb(120, 28, 28);
@red-dark: rgb(156, 35, 35);
@red-base: rgb(209, 59, 59);
@red-light: rgb(241, 134, 134);
@red-lighter: rgb(255, 195, 195);
@red-lightest: rgb(255, 230, 230);
@green-darkest: rgb(20, 94, 51);
@green-darker: rgb(19, 108, 56);
@green-dark: rgb(28, 132, 72);
@green-base: rgb(54, 173, 104);
@green-light: rgb(126, 217, 164);
@green-lighter: rgb(190, 244, 213);
@green-lightest: rgb(230, 255, 240);
@blue-darkest: rgb(22, 60, 102);
@blue-darker: rgb(15, 65, 122);
@blue-dark: rgb(16, 83, 160);
@blue-base: rgb(32, 117, 214);
@blue-light: rgb(116, 176, 244);
@blue-lighter: rgb(187, 219, 255);
@blue-lightest: rgb(240, 247, 255);

//-- Alternate Colors --//
@orange-darkest: rgb(102, 63, 31);
@orange-darker: rgb(136, 76, 30);
@orange-dark: rgb(180, 102, 38);
@orange-base: rgb(245, 145, 64);
@orange-light: rgb(255, 193, 143);
@orange-lighter: rgb(255, 226, 202);
@orange-lightest: rgb(255, 241, 230);
@yellow-darkest: rgb(102, 80, 31);
@yellow-darker: rgb(132, 103, 29);
@yellow-dark: rgb(180, 143, 37);
@yellow-base: rgb(244, 208, 63);
@yellow-light: rgb(255, 232, 142);
@yellow-lighter: rgb(255, 244, 202);
@yellow-lightest: rgb(255, 250, 230);
@purple-darkest: rgb(66, 22, 102);
@purple-darker: rgb(82, 21, 132);
@purple-dark: rgb(113, 30, 180);
@purple-base: rgb(162, 61, 245);
@purple-light: rgb(205, 143, 255);
@purple-lighter: rgb(232, 204, 255);
@purple-lightest: rgb(244, 230, 255);
@blilet-darkest: rgb(27, 34, 64);
@blilet-darker: rgb(37, 46, 80);
@blilet-dark: rgb(60, 74, 133);
@blilet-base: rgb(81, 104, 194);
@blilet-light: rgb(122, 146, 240);
@blilet-lighter: rgb(176, 190, 247);
@blilet-lightest: rgb(230, 235, 255);
@midnight-darkest: rgb(6, 15, 47);
@midnight-darker: rgb(27, 34, 64);
@midnight-dark: rgb(56, 61, 91);
@midnight-base: rgb(61, 75, 106);
@midnight-light: rgb(86, 105, 146);
@midnight-lighter: rgb(121, 143, 187);
@midnight-lightest: rgb(180, 195, 219);