This repository was archived by the owner on Apr 6, 2026. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcommoncolors-lib.css
More file actions
158 lines (158 loc) 路 4.89 KB
/
Copy pathcommoncolors-lib.css
File metadata and controls
158 lines (158 loc) 路 4.89 KB
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
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
/*! commoncolors.css v.1.0.0 Build #191115 */
/* <https://juytter.github.io/commoncolors.css/> */
/*
gray
*/
.black { color: #000; }
.white { color: #fff; }
.gray, .gray-3 { color: #808080; }
.gray-1 { color: #f7f7f7; }
.gray-2 { color: #bfbfbf; }
.gray-4 { color: #333; }
.bd-black { border-color: #000; }
.bd-white { border-color: #fff; }
.bd-gray, .bd-gray-3 { border-color: #808080; }
.bd-gray-1 { border-color: #f7f7f7; }
.bd-gray-2 { border-color: #bfbfbf; }
.bd-gray-4 { border-color: #333; }
.bg-black { background-color: #000; }
.bg-white { background-color: #fff; }
.bg-gray, .bg-gray-3 { background-color: #808080; }
.bg-gray-1 { background-color: #f7f7f7; }
.bg-gray-2 { background-color: #bfbfbf; }
.bg-gray-4 { background-color: #333; }
/*
red
*/
.red, .red-3 { color: #f00; }
.red-1 { color: #fff0f0; }
.red-2 { color: #ff8080; }
.red-4 { color: #600; }
.bd-red, .bd-red-3 { border-color: #f00; }
.bd-red-1 { border-color: #fff0f0; }
.bd-red-2 { border-color: #ff8080; }
.bd-red-4 { border-color: #600; }
.bg-red, .bg-red-3 { background-color: #f00; }
.bg-red-1 { background-color: #fff0f0; }
.bg-red-2 { background-color: #ff8080; }
.bg-red-4 { background-color: #600; }
/*
orange
*/
.orange, .orange-3 { color: #ff8000; }
.orange-1 { color: #fff7f0; }
.orange-2 { color: #ffbf80; }
.orange-4 { color: #630; }
.bd-orange, .bd-orange-3 { border-color: #ff8000; }
.bd-orange-1 { border-color: #fff7f0; }
.bd-orange-2 { border-color: #ffbf80; }
.bd-orange-4 { border-color: #630; }
.bg-orange, .bg-orange-3 { background-color: #ff8000; }
.bg-orange-1 { background-color: #fff7f0; }
.bg-orange-2 { background-color: #ffbf80; }
.bg-orange-4 { background-color: #630; }
/*
yellow
*/
.yellow, .yellow { color: #ff0; }
.yellow-1 { color: #fffff0; }
.yellow-2 { color: #ffff80; }
.yellow-4 { color: #660; }
.bd-yellow, .bd-yellow-3 { border-color: #ff0; }
.bd-yellow-1 { border-color: #fffff0; }
.bd-yellow-2 { border-color: #ffff80; }
.bd-yellow-4 { border-color: #660; }
.bg-yellow, .bg-yellow-3 { background-color: #ff0; }
.bg-yellow-1 { background-color: #fffff0; }
.bg-yellow-2 { background-color: #ffff80; }
.bg-yellow-4 { background-color: #660; }
/*
green
*/
.green, .green-3 { color: #0f0; }
.green-1 { color: #f0fff0; }
.green-2 { color: #80ff80; }
.green-4 { color: #060; }
.bd-green, .bd-green-3 { border-color: #0f0; }
.bd-green-1 { border-color: #f0fff0; }
.bd-green-2 { border-color: #80ff80; }
.bd-green-4 { border-color: #060; }
.bg-green, .bg-green-3 { background-color: #0f0; }
.bg-green-1 { background-color: #f0fff0; }
.bg-green-2 { background-color: #80ff80; }
.bg-green-4 { background-color: #060; }
/*
cyan
*/
.cyan, .cyan-3 { color: #0ff; }
.cyan-1 { color: #f0ffff; }
.cyan-2 { color: #80ffff; }
.cyan-4 { color: #066; }
.bd-cyan, .bd-cyan-3 { border-color: #0ff; }
.bd-cyan-1 { border-color: #f0ffff; }
.bd-cyan-2 { border-color: #80ffff; }
.bd-cyan-4 { border-color: #066; }
.bg-cyan, .bg-cyan-3 { background-color: #0ff; }
.bg-cyan-1 { background-color: #f0ffff; }
.bg-cyan-2 { background-color: #80ffff; }
.bg-cyan-4 { background-color: #066; }
/*
blue
*/
.blue, .blue-3 { color: #05f; }
.blue-1 { color: #f0f5ff; }
.blue-2 { color: #80aaff; }
.blue-4 { color: #026; }
.bd-blue, .bd-blue-3 { border-color: #05f; };
.bd-blue-1 { border-color: #f0f5ff; }
.bd-blue-2 { border-color: #80aaff; }
.bd-blue-4 { border-color: #026; }
.bg-blue, .bg-blue-3 { background-color: #05f; }
.bg-blue-1 { background-color: #f0f5ff; }
.bg-blue-2 { background-color: #80aaff; }
.bg-blue-4 { background-color: #026; }
/*
violet
*/
.violet, .violet-3 { color: #7f00ff; }
.violet-1 { color: #f7f0ff; }
.violet-2 { color: #bf80ff; }
.violet-4 { color: #306; }
.bd-violet, .bd-violet-3 { border-color: #7f00ff; }
.bd-violet-1 { border-color: #f7f0ff; }
.bd-violet-2 { border-color: #bf80ff; }
.bd-violet-4 { border-color: #306; }
.bg-violet, .bg-violet-3 { background-color: #7f00ff; }
.bg-violet-1 { background-color: #f7f0ff; }
.bg-violet-2 { background-color: #bf80ff; }
.bg-violet-4 { background-color: #306; }
/*
magenta
*/
.magenta, .magenta-3 { color: #f0f; }
.magenta-1 { color: #fff0ff; }
.magenta-2 { color: #ff80ff; }
.magenta-4 { color: #606; }
.bd-magenta, .bd-magenta-3 { border-color: #f0f; }
.bd-magenta-1 { border-color: #fff0ff; }
.bd-magenta-2 { border-color: #ff80ff; }
.bd-magenta-4 { border-color: #606; }
.bg-magenta, .bg-magenta-3 { background-color: #f0f; }
.bg-magenta-1 { background-color: #fff0ff; }
.bg-magenta-2 { background-color: #ff80ff; }
.bg-magenta-4 { background-color: #606; }
/*
pink
*/
.pink, .pink-3 { color: #ff0080; }
.pink-1 { color: #fff0f7; }
.pink-2 { color: #ff80bf; }
.pink-4 { color: #603; }
.bd-pink, .bd-pink-3 { border-color: #ff0080; }
.bd-pink-1 { border-color: #fff0f7; }
.bd-pink-2 { border-color: #ff80bf; }
.bd-pink-4 { border-color: #603; }
.bg-pink, .bg-pink-3 { background-color: #ff0080; }
.bg-pink-1 { background-color: #fff0f7; }
.bg-pink-2 { background-color: #ff80bf; }
.bg-pink-4 { background-color: #603; }