forked from 2bitdesigns/4bitcss
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathBrogrammer.css
More file actions
222 lines (206 loc) · 12.4 KB
/
Brogrammer.css
File metadata and controls
222 lines (206 loc) · 12.4 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
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
:root {
--selectionBackground: #1f1f1f;
--cursorColor: #b9b9b9;
--foreground: #d6dbe5;
--background: #131313;
--brightWhite: #ffffff;
--brightCyan: #0f7ddb;
--brightPurple: #5350b9;
--brightBlue: #1081d6;
--brightYellow: #f3bd09;
--brightGreen: #1dd361;
--brightRed: #de352e;
--brightBlack: #d6dbe5;
--white: #d6dbe5;
--cyan: #1081d6;
--purple: #4e5ab7;
--blue: #2a84d2;
--yellow: #ecba0f;
--green: #2dc55e;
--red: #f81118;
--black: #1f1f1f;
--name: 'Brogrammer';
--Luma: 0.0745098039215686;
--Contrast: 0.782976470588235;
--IsBright: 0;
--IsDark: 1;
}
.colorSchemeName::before, .ColorSchemeName::before { content: 'Brogrammer'; }
.colorSchemeFileName::before, .ColorSchemeFileName::before { content: 'Brogrammer.css'; }
.foreground, .Foreground { color: var(--foreground); }
.background, .Background { background-color: var(--background); }
.foreground-border , .Foreground-Border { border-color: var(--foreground) }
.foreground-fill , .Foreground-Fill { fill: var(--foreground) }
.foreground-stroke , .Foreground-Stroke { stroke: var(--foreground) }
.background-border , .Background-Border { border-color: var(--background) }
.background-fill , .Background-Fill { fill: var(--background) }
.background-stroke , .Background-Stroke { stroke: var(--background) }
.output , .Output { color: var(--foreground) }
.success , .Success { color: var(--brightGreen) }
.failure , .Failure { color: var(--red) }
.error , .Error { color: var(--brightRed) }
.warning , .Warning { color: var(--brightYellow) }
.debug , .Debug { color: var(--yellow) }
.verbose , .Verbose { color: var(--brightCyan) }
.progress , .Progress { color: var(--cyan) }
.link , .Link { color: var(--cyan) }
.error-border , .Error-Border { border-color: var(--brightRed) }
.error-fill , .Error-Fill { fill: var(--brightRed) }
.error-stroke , .Error-Stroke { stroke: var(--brightRed) }
.success-border , .Success-Border { border-color: var(--brightGreen) }
.success-fill , .Sucesss-Fill { fill: var(--brightGreen) }
.sucesss-stroke , .Success-Stroke { stroke: var(--brightGreen) }
.warning-border , .Warning-Border { border-color: var(--brightYellow) }
.warning-fill , .Warning-Fill { fill: var(--brightYellow) }
.warning-stroke , .Warning-Stroke { stroke: var(--brightYellow) }
/* colors */
.black , .Black , .ANSI0 { color: var(--black) }
.red , .Red , .ANSI1 { color: var(--red) }
.green , .Green , .ANSI2 { color: var(--green) }
.yellow , .Yellow , .ANSI3 { color: var(--yellow) }
.blue , .Blue , .ANSI4 { color: var(--blue) }
.magenta , .Magenta , .ANSI5 { color: var(--purple) }
.cyan , .Cyan , .ANSI6 { color: var(--cyan) }
.white , .White , .ANSI7 { color: var(--white) }
.brightblack , .bright-black , .BrightBlack , .ANSI8 { color: var(--brightBlack) }
.brightred , .bright-red , .BrightRed , .ANSI9 { color: var(--brightRed) }
.brightgreen , .bright-green , .BrightGreen , .ANSI10 { color: var(--brightGreen) }
.brightyellow , .bright-yellow , .BrightYellow , .ANSI11 { color: var(--brightYellow) }
.brightblue , .bright-blue , .BrightBlue , .ANSI12 { color: var(--brightBlue) }
.brightmagenta , .bright-magenta , .BrightMagenta , .ANSI13 { color: var(--brightPurple) }
.brightcyan , .bright-cyan , .BrightCyan , .ANSI14 { color: var(--brightCyan) }
.brightwhite , .bright-white , .BrightWhite , .ANSI15 { color: var(--brightWhite) }
.purple , .Purple { color: var(--purple) }
.brightpurple , .bright-purple , .BrightPurple { color: var(--brightPurple) }
/* background colors */
.black-background, .BlackBackground, .ANSI0-Background, .ansi0-background { background-color: var(--black) }
.red-background, .RedBackground, .ANSI1-Background, .ansi1-background { background-color: var(--red) }
.green-background, .GreenBackground, .ANSI2-Background, .ansi2-background { background-color: var(--green) }
.yellow-background, .YellowBackground, .ANSI3-Background, .ansi3-background { background-color: var(--yellow) }
.blue-background, .BlueBackground, .ANSI4-Background, .ansi4-background { background-color: var(--blue) }
.magenta-background, .MagentaBackground, .ANSI5-Background, .ansi5-background { background-color: var(--purple) }
.cyan-background, .CyanBackground, .ANSI6-Background, .ansi6-background { background-color: var(--cyan) }
.white-background, .WhiteBackground, .ANSI7-Background, .ansi7-background { background-color: var(--white) }
.brightblack-background, .bright-black-background, .BrightBlackBackground, .ANSI8-Background, .ansi8-background { background-color: var(--brightBlack) }
.brightred-background, .bright-red-background, .BrightRedBackground, .ANSI9-Background, .ansi9-background { background-color: var(--brightRed) }
.brightgreen-background, .bright-green-background, .BrightGreenBackground, .ANSI10-Background, .ansi10-background { background-color: var(--brightGreen) }
.brightyellow-background, .bright-yellow-background, .BrightYellowBackground, .ANSI11-Background, .ansi11-background { background-color: var(--brightYellow) }
.brightblue-background, .bright-blue-background, .BrightBlueBackground, .ANSI12-Background, .ansi12-background { background-color: var(--brightBlue) }
.brightmagenta-background, .bright-magenta-background, .BrightMagentaBackground, .ANSI13-Background, .ansi13-background { background-color: var(--brightPurple) }
.brightcyan-background, .bright-cyan-background, .BrightCyanBackground, .ANSI14-Background, .ansi14-background { background-color: var(--brightCyan) }
.brightwhite-background, .bright-white-background, .BrightWhiteBackground, .ANSI15-Background, .ansi15-background { background-color: var(--brightWhite) }
/* fills */
.black-fill , .BlackFill , .ANSI0-Fill, .ansi0-fill { fill: var(--black) }
.red-fill , .RedFill , .ANSI1-Fill, .ansi1-fill { fill: var(--red) }
.green-fill , .GreenFill , .ANSI2-Fill, .ansi2-fill { fill: var(--green) }
.yellow-fill , .YellowFill , .ANSI3-Fill, .ansi3-fill { fill: var(--yellow) }
.blue-fill , .BlueFill , .ANSI4-Fill, .ansi4-fill { fill: var(--blue) }
.magenta-fill , .MagentaFill , .ANSI5-Fill, .ansi5-fill { fill: var(--purple) }
.purple-fill, .PurpleFill { fill: var(--purple) }
.cyan-fill , .CyanFill , .ANSI6-Fill, .ansi6-fill { fill: var(--cyan) }
.white-fill , .WhiteFill , .ANSI7-Fill, .ansi7-fill { fill: var(--white) }
.brightblack-fill , .bright-black-fill , .BrightBlackFill , .ANSI8-Fill, .ansi8-fill { fill: var(--brightBlack) }
.brightred-fill , .bright-red-fill , .BrightRedFill , .ANSI9-Fill, .ansi9-fill { fill: var(--brightRed) }
.brightgreen-fill , .bright-green-fill , .BrightGreenFill , .ANSI10-Fill, .ansi10-fill { fill: var(--brightGreen) }
.brightyellow-fill , .bright-yellow-fill , .BrightYellowFill , .ANSI11-Fill, .ansi11-fill { fill: var(--brightYellow) }
.brightblue-fill , .bright-blue-fill , .BrightBlueFill , .ANSI12-Fill, .ansi12-fill { fill: var(--brightBlue) }
.brightmagneta-fill , .bright-magneta-fill , .BrightMagnetaFill , .ANSI13-Fill, .ansi13-fill { fill: var(--brightPurple) }
.brightpurple-fill , .bright-purple-fill, .BrightPurpleFill { fill: var(--brightPuple) }
.brightcyan-fill , .bright-cyan-fill , .BrightCyanFill , .ANSI14-Fill, .ansi14-fill { fill: var(--brightCyan) }
.brightwhite-fill , .bright-white-fill , .BrightWhiteFill , .ANSI15-Fill, .ansi15-fill { fill: var(--brightWhite) }
/* strokes */
.black-stroke , .BlackStroke , .ANSI0-Stroke, .ansi0-stroke { stroke: var(--black) }
.red-stroke , .RedStroke , .ANSI1-Stroke, .ansi1-stroke { stroke: var(--red) }
.green-stroke , .GreenStroke , .ANSI2-Stroke, .ansi2-stroke { stroke: var(--green) }
.yellow-stroke , .YellowStroke , .ANSI3-Stroke, .ansi3-stroke { stroke: var(--yellow) }
.blue-stroke , .BlueStroke , .ANSI4-Stroke, .ansi4-stroke { stroke: var(--blue) }
.magenta-stroke , .MagentaStroke , .ANSI5-Stroke, .ansi5-stroke { stroke: var(--purple) }
.purple-stroke, .PurpleStroke { stroke: var(--purple) }
.cyan-stroke , .CyanStroke , .ANSI6-Stroke, .ansi6-stroke { stroke: var(--cyan) }
.white-stroke , .WhiteStroke , .ANSI7-Stroke, .ansi7-stroke { stroke: var(--white) }
.brightblack-stroke , .bright-black-stroke , .BrightBlackStroke , .ANSI8-Stroke, .ansi8-stroke { stroke: var(--brightBlack) }
.brightred-stroke , .bright-red-stroke , .BrightRedStroke , .ANSI9-stroke, .ansi9-stroke { stroke: var(--brightRed) }
.brightgreen-stroke , .bright-green-stroke , .BrightGreenStroke , .ANSI10-Stroke, .ansi10-stroke { stroke: var(--brightGreen) }
.brightyellow-stroke , .bright-yellow-stroke , .BrightYellowStroke, .ANSI11-Stroke, .ansi11-stroke { stroke: var(--brightYellow) }
.brightblue-stroke , .bright-blue-stroke , .BrightBlueStroke , .ANSI12-Stroke, .ansi12-stroke { stroke: var(--brightBlue) }
.brightmagneta-stroke , .bright-magneta-stroke , .BrightMagnetaStroke , .ANSI13-Stroke, .ansi13-stroke { stroke: var(--brightPuple) }
.brightpurple-stroke , .bright-purple-stroke, .BrightPurpleStroke { stroke: var(--brightPuple) }
.brightcyan-stroke , .bright-cyan-stroke , .BrightCyanStroke , .ANSI14-Stroke, .ansi14-stroke { stroke: var(--brightCyan) }
.brightwhite-stroke , .bright-white-stroke , .BrightWhiteStroke , .ANSI15-Stroke, .ansi15-stroke { stroke: var(--brightWhite) }
/* psStyles */
.dim, .Dim { opacity: .5; }
.hidden, .Hidden { opacity: 0; }
b, bold, .bold, .Bold { font-weight: bold; }
.boldOff, .BoldOff { font-weight: normal; }
i, italic, .italic, .Italic { font-style: italic; }
.italicOff, .ItalicOff { font-style: normal; }
u, underline, .underline, .Underline { text-decoration: underline; }
.underlineOff, .UnderlineOff { text-decoration: none; }
s, strike, .strike, .Strike, .strikethrough, .Strikethrough { text-decoration: line-through; }
.strikeOff, .StrikeOff, .strikethroughOff, .StrikethroughOff { text-decoration: none; }
.Formatting-FormatAccent { color: var(--green);font-weight: bold }
.Formatting-TableHeader { color: var(--green);font-weight: bold }
.Formatting-CustomTableHeaderLabel { color: var(--green);font-weight: bold;font-style: italic }
.Formatting-ErrorAccent { color: var(--cyan);font-weight: bold }
.Formatting-Error { color: var(--red);font-weight: bold }
.Formatting-Warning { color: var(--yellow);font-weight: bold }
.Formatting-Verbose { color: var(--yellow);font-weight: bold }
.Formatting-Debug { color: var(--yellow);font-weight: bold }
.Formatting-FeedbackName { color: var(--yellow) }
.Formatting-FeedbackText { color: var(--brightCyan) }
.Formatting-FeedbackAction { color: var(--brightWhite) }
.Progress-Style { color: var(--yellow);font-weight: bold }
/* highlight.js styles */
.hljs {
display: block;
overflow-x: auto;
padding: 0.5em;
background: var(--background);
color: var(--foreground)
}
.hljs-comment, .hljs-quote, .hljs-variable, .hljs-string, .hljs-doctag {
color: var(--green);
}
.hljs-keyword, .hljs-selector-tag, .hljs-built_in, .hljs-name, .hljs-tag {
color: var(--cyan);
}
.hljs-title, .hljs-section, .hljs-attribute, .hljs-literal, .hljs-template-tag, .hljs-template-variable, .hljs-type, .hljs-addition {
color: var(--blue);
}
.hljs-deletion, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-meta {
color: var(--red);
}
.hljs-attr,.hljs-symbol,.hljs-bullet,.hljs-link {
color: var(--purple);
}
.hljs-emphasis {
font-style: italic;
}
.hljs-strong {
font-weight: bold;
}
body {
color: var(--foreground);
background-color: var(--background);
caret-color: var(--cursorColor);
}
a, a:visited, a:hover { color: var(--cyan); }
::selection, ::-moz-selection {
color: var(--cursorColor);
background-color: var(--selectionBackground);
}
form input[type="text"], form input[type="checkbox"], input[type="button"], button, textarea, select, option {
color: var(--foreground);
background-color: var(--background);
}
option {
color: var(--foreground);
background: var(--background);
}
form input[type="text"], textarea, select, button {
border : 1px solid var(--foreground);
outline: 1px solid var(--foreground);
}
hr {
color: var(--foreground)
}