Skip to content

Commit b274ef5

Browse files
StartAutomatingStartAutomating
StartAutomating
authored and
StartAutomating
committed
style: Adjusting layout margins
1 parent 4ade55e commit b274ef5

File tree

1 file changed

+222
-0
lines changed

1 file changed

+222
-0
lines changed

css/mellow.css

+222
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,222 @@
1+
:root {
2+
--selectionBackground: #2a2a2d;
3+
--cursorColor: #cac9dd;
4+
--foreground: #c9c7cd;
5+
--background: #161617;
6+
--brightWhite: #cac9dd;
7+
--brightCyan: #f591b2;
8+
--brightPurple: #ecaad6;
9+
--brightBlue: #b9aeda;
10+
--brightYellow: #f0c5a9;
11+
--brightGreen: #9dc6ac;
12+
--brightRed: #ffae9f;
13+
--brightBlack: #353539;
14+
--white: #c1c0d4;
15+
--cyan: #ea83a5;
16+
--purple: #e29eca;
17+
--blue: #aca1cf;
18+
--yellow: #e6b99d;
19+
--green: #90b99f;
20+
--red: #f5a191;
21+
--black: #27272a;
22+
--name: 'mellow';
23+
--Luma: 0.0865576470588235;
24+
--Contrast: 0.697200784313725;
25+
--IsBright: 0;
26+
--IsDark: 1;
27+
}
28+
29+
.colorSchemeName::before, .ColorSchemeName::before { content: 'mellow'; }
30+
.colorSchemeFileName::before, .ColorSchemeFileName::before { content: 'mellow.css'; }
31+
32+
.foreground, .Foreground { color: var(--foreground); }
33+
.background, .Background { background-color: var(--background); }
34+
35+
.foreground-border , .Foreground-Border { border-color: var(--foreground) }
36+
.foreground-fill , .Foreground-Fill { fill: var(--foreground) }
37+
.foreground-stroke , .Foreground-Stroke { stroke: var(--foreground) }
38+
39+
.background-border , .Background-Border { border-color: var(--background) }
40+
.background-fill , .Background-Fill { fill: var(--background) }
41+
.background-stroke , .Background-Stroke { stroke: var(--background) }
42+
.output , .Output { color: var(--foreground) }
43+
.success , .Success { color: var(--brightGreen) }
44+
.failure , .Failure { color: var(--red) }
45+
.error , .Error { color: var(--brightRed) }
46+
.warning , .Warning { color: var(--brightYellow) }
47+
.debug , .Debug { color: var(--yellow) }
48+
.verbose , .Verbose { color: var(--brightCyan) }
49+
.progress , .Progress { color: var(--cyan) }
50+
.link , .Link { color: var(--cyan) }
51+
52+
.error-border , .Error-Border { border-color: var(--brightRed) }
53+
.error-fill , .Error-Fill { fill: var(--brightRed) }
54+
.error-stroke , .Error-Stroke { stroke: var(--brightRed) }
55+
56+
.success-border , .Success-Border { border-color: var(--brightGreen) }
57+
.success-fill , .Sucesss-Fill { fill: var(--brightGreen) }
58+
.sucesss-stroke , .Success-Stroke { stroke: var(--brightGreen) }
59+
60+
.warning-border , .Warning-Border { border-color: var(--brightYellow) }
61+
.warning-fill , .Warning-Fill { fill: var(--brightYellow) }
62+
.warning-stroke , .Warning-Stroke { stroke: var(--brightYellow) }
63+
/* colors */
64+
.black , .Black , .ANSI0 { color: var(--black) }
65+
.red , .Red , .ANSI1 { color: var(--red) }
66+
.green , .Green , .ANSI2 { color: var(--green) }
67+
.yellow , .Yellow , .ANSI3 { color: var(--yellow) }
68+
.blue , .Blue , .ANSI4 { color: var(--blue) }
69+
.magenta , .Magenta , .ANSI5 { color: var(--purple) }
70+
.cyan , .Cyan , .ANSI6 { color: var(--cyan) }
71+
.white , .White , .ANSI7 { color: var(--white) }
72+
73+
.brightblack , .bright-black , .BrightBlack , .ANSI8 { color: var(--brightBlack) }
74+
.brightred , .bright-red , .BrightRed , .ANSI9 { color: var(--brightRed) }
75+
.brightgreen , .bright-green , .BrightGreen , .ANSI10 { color: var(--brightGreen) }
76+
.brightyellow , .bright-yellow , .BrightYellow , .ANSI11 { color: var(--brightYellow) }
77+
.brightblue , .bright-blue , .BrightBlue , .ANSI12 { color: var(--brightBlue) }
78+
.brightmagenta , .bright-magenta , .BrightMagenta , .ANSI13 { color: var(--brightPurple) }
79+
.brightcyan , .bright-cyan , .BrightCyan , .ANSI14 { color: var(--brightCyan) }
80+
.brightwhite , .bright-white , .BrightWhite , .ANSI15 { color: var(--brightWhite) }
81+
82+
.purple , .Purple { color: var(--purple) }
83+
84+
.brightpurple , .bright-purple , .BrightPurple { color: var(--brightPurple) }
85+
/* background colors */
86+
.black-background, .BlackBackground, .ANSI0-Background, .ansi0-background { background-color: var(--black) }
87+
.red-background, .RedBackground, .ANSI1-Background, .ansi1-background { background-color: var(--red) }
88+
.green-background, .GreenBackground, .ANSI2-Background, .ansi2-background { background-color: var(--green) }
89+
.yellow-background, .YellowBackground, .ANSI3-Background, .ansi3-background { background-color: var(--yellow) }
90+
.blue-background, .BlueBackground, .ANSI4-Background, .ansi4-background { background-color: var(--blue) }
91+
.magenta-background, .MagentaBackground, .ANSI5-Background, .ansi5-background { background-color: var(--purple) }
92+
.cyan-background, .CyanBackground, .ANSI6-Background, .ansi6-background { background-color: var(--cyan) }
93+
.white-background, .WhiteBackground, .ANSI7-Background, .ansi7-background { background-color: var(--white) }
94+
.brightblack-background, .bright-black-background, .BrightBlackBackground, .ANSI8-Background, .ansi8-background { background-color: var(--brightBlack) }
95+
.brightred-background, .bright-red-background, .BrightRedBackground, .ANSI9-Background, .ansi9-background { background-color: var(--brightRed) }
96+
.brightgreen-background, .bright-green-background, .BrightGreenBackground, .ANSI10-Background, .ansi10-background { background-color: var(--brightGreen) }
97+
.brightyellow-background, .bright-yellow-background, .BrightYellowBackground, .ANSI11-Background, .ansi11-background { background-color: var(--brightYellow) }
98+
.brightblue-background, .bright-blue-background, .BrightBlueBackground, .ANSI12-Background, .ansi12-background { background-color: var(--brightBlue) }
99+
.brightmagenta-background, .bright-magenta-background, .BrightMagentaBackground, .ANSI13-Background, .ansi13-background { background-color: var(--brightPurple) }
100+
.brightcyan-background, .bright-cyan-background, .BrightCyanBackground, .ANSI14-Background, .ansi14-background { background-color: var(--brightCyan) }
101+
.brightwhite-background, .bright-white-background, .BrightWhiteBackground, .ANSI15-Background, .ansi15-background { background-color: var(--brightWhite) }
102+
/* fills */
103+
.black-fill , .BlackFill , .ANSI0-Fill, .ansi0-fill { fill: var(--black) }
104+
.red-fill , .RedFill , .ANSI1-Fill, .ansi1-fill { fill: var(--red) }
105+
.green-fill , .GreenFill , .ANSI2-Fill, .ansi2-fill { fill: var(--green) }
106+
.yellow-fill , .YellowFill , .ANSI3-Fill, .ansi3-fill { fill: var(--yellow) }
107+
.blue-fill , .BlueFill , .ANSI4-Fill, .ansi4-fill { fill: var(--blue) }
108+
.magenta-fill , .MagentaFill , .ANSI5-Fill, .ansi5-fill { fill: var(--purple) }
109+
.purple-fill, .PurpleFill { fill: var(--purple) }
110+
.cyan-fill , .CyanFill , .ANSI6-Fill, .ansi6-fill { fill: var(--cyan) }
111+
.white-fill , .WhiteFill , .ANSI7-Fill, .ansi7-fill { fill: var(--white) }
112+
.brightblack-fill , .bright-black-fill , .BrightBlackFill , .ANSI8-Fill, .ansi8-fill { fill: var(--brightBlack) }
113+
.brightred-fill , .bright-red-fill , .BrightRedFill , .ANSI9-Fill, .ansi9-fill { fill: var(--brightRed) }
114+
.brightgreen-fill , .bright-green-fill , .BrightGreenFill , .ANSI10-Fill, .ansi10-fill { fill: var(--brightGreen) }
115+
.brightyellow-fill , .bright-yellow-fill , .BrightYellowFill , .ANSI11-Fill, .ansi11-fill { fill: var(--brightYellow) }
116+
.brightblue-fill , .bright-blue-fill , .BrightBlueFill , .ANSI12-Fill, .ansi12-fill { fill: var(--brightBlue) }
117+
.brightmagneta-fill , .bright-magneta-fill , .BrightMagnetaFill , .ANSI13-Fill, .ansi13-fill { fill: var(--brightPurple) }
118+
.brightpurple-fill , .bright-purple-fill, .BrightPurpleFill { fill: var(--brightPuple) }
119+
.brightcyan-fill , .bright-cyan-fill , .BrightCyanFill , .ANSI14-Fill, .ansi14-fill { fill: var(--brightCyan) }
120+
.brightwhite-fill , .bright-white-fill , .BrightWhiteFill , .ANSI15-Fill, .ansi15-fill { fill: var(--brightWhite) }
121+
/* strokes */
122+
.black-stroke , .BlackStroke , .ANSI0-Stroke, .ansi0-stroke { stroke: var(--black) }
123+
.red-stroke , .RedStroke , .ANSI1-Stroke, .ansi1-stroke { stroke: var(--red) }
124+
.green-stroke , .GreenStroke , .ANSI2-Stroke, .ansi2-stroke { stroke: var(--green) }
125+
.yellow-stroke , .YellowStroke , .ANSI3-Stroke, .ansi3-stroke { stroke: var(--yellow) }
126+
.blue-stroke , .BlueStroke , .ANSI4-Stroke, .ansi4-stroke { stroke: var(--blue) }
127+
.magenta-stroke , .MagentaStroke , .ANSI5-Stroke, .ansi5-stroke { stroke: var(--purple) }
128+
.purple-stroke, .PurpleStroke { stroke: var(--purple) }
129+
.cyan-stroke , .CyanStroke , .ANSI6-Stroke, .ansi6-stroke { stroke: var(--cyan) }
130+
.white-stroke , .WhiteStroke , .ANSI7-Stroke, .ansi7-stroke { stroke: var(--white) }
131+
.brightblack-stroke , .bright-black-stroke , .BrightBlackStroke , .ANSI8-Stroke, .ansi8-stroke { stroke: var(--brightBlack) }
132+
.brightred-stroke , .bright-red-stroke , .BrightRedStroke , .ANSI9-stroke, .ansi9-stroke { stroke: var(--brightRed) }
133+
.brightgreen-stroke , .bright-green-stroke , .BrightGreenStroke , .ANSI10-Stroke, .ansi10-stroke { stroke: var(--brightGreen) }
134+
.brightyellow-stroke , .bright-yellow-stroke , .BrightYellowStroke, .ANSI11-Stroke, .ansi11-stroke { stroke: var(--brightYellow) }
135+
.brightblue-stroke , .bright-blue-stroke , .BrightBlueStroke , .ANSI12-Stroke, .ansi12-stroke { stroke: var(--brightBlue) }
136+
.brightmagneta-stroke , .bright-magneta-stroke , .BrightMagnetaStroke , .ANSI13-Stroke, .ansi13-stroke { stroke: var(--brightPuple) }
137+
.brightpurple-stroke , .bright-purple-stroke, .BrightPurpleStroke { stroke: var(--brightPuple) }
138+
.brightcyan-stroke , .bright-cyan-stroke , .BrightCyanStroke , .ANSI14-Stroke, .ansi14-stroke { stroke: var(--brightCyan) }
139+
.brightwhite-stroke , .bright-white-stroke , .BrightWhiteStroke , .ANSI15-Stroke, .ansi15-stroke { stroke: var(--brightWhite) }
140+
/* psStyles */
141+
.dim, .Dim { opacity: .5; }
142+
.hidden, .Hidden { opacity: 0; }
143+
b, bold, .bold, .Bold { font-weight: bold; }
144+
.boldOff, .BoldOff { font-weight: normal; }
145+
i, italic, .italic, .Italic { font-style: italic; }
146+
.italicOff, .ItalicOff { font-style: normal; }
147+
u, underline, .underline, .Underline { text-decoration: underline; }
148+
.underlineOff, .UnderlineOff { text-decoration: none; }
149+
s, strike, .strike, .Strike, .strikethrough, .Strikethrough { text-decoration: line-through; }
150+
.strikeOff, .StrikeOff, .strikethroughOff, .StrikethroughOff { text-decoration: none; }
151+
.Formatting-FormatAccent { color: var(--green);font-weight: bold }
152+
.Formatting-TableHeader { color: var(--green);font-weight: bold }
153+
.Formatting-CustomTableHeaderLabel { color: var(--green);font-weight: bold;font-style: italic }
154+
.Formatting-ErrorAccent { color: var(--cyan);font-weight: bold }
155+
.Formatting-Error { color: var(--red);font-weight: bold }
156+
.Formatting-Warning { color: var(--yellow);font-weight: bold }
157+
.Formatting-Verbose { color: var(--yellow);font-weight: bold }
158+
.Formatting-Debug { color: var(--yellow);font-weight: bold }
159+
.Formatting-FeedbackName { color: var(--yellow) }
160+
.Formatting-FeedbackText { color: var(--brightCyan) }
161+
.Formatting-FeedbackAction { color: var(--brightWhite) }
162+
.Progress-Style { color: var(--yellow);font-weight: bold }
163+
/* highlight.js styles */
164+
.hljs {
165+
display: block;
166+
overflow-x: auto;
167+
padding: 0.5em;
168+
background: var(--background);
169+
color: var(--foreground)
170+
}
171+
.hljs-comment, .hljs-quote, .hljs-variable, .hljs-string, .hljs-doctag {
172+
color: var(--green);
173+
}
174+
.hljs-keyword, .hljs-selector-tag, .hljs-built_in, .hljs-name, .hljs-tag {
175+
color: var(--cyan);
176+
}
177+
.hljs-title, .hljs-section, .hljs-attribute, .hljs-literal, .hljs-template-tag, .hljs-template-variable, .hljs-type, .hljs-addition {
178+
color: var(--blue);
179+
}
180+
.hljs-deletion, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-meta {
181+
color: var(--red);
182+
}
183+
.hljs-attr,.hljs-symbol,.hljs-bullet,.hljs-link {
184+
color: var(--purple);
185+
}
186+
.hljs-emphasis {
187+
font-style: italic;
188+
}
189+
.hljs-strong {
190+
font-weight: bold;
191+
}
192+
body {
193+
color: var(--foreground);
194+
background-color: var(--background);
195+
caret-color: var(--cursorColor);
196+
}
197+
198+
a, a:visited, a:hover { color: var(--cyan); }
199+
200+
::selection, ::-moz-selection {
201+
color: var(--cursorColor);
202+
background-color: var(--selectionBackground);
203+
}
204+
205+
form input[type="text"], form input[type="checkbox"], input[type="button"], button, textarea, select, option {
206+
color: var(--foreground);
207+
background-color: var(--background);
208+
}
209+
210+
option {
211+
color: var(--foreground);
212+
background: var(--background);
213+
}
214+
215+
form input[type="text"], textarea, select, button {
216+
border : 1px solid var(--foreground);
217+
outline: 1px solid var(--foreground);
218+
}
219+
220+
hr {
221+
color: var(--foreground)
222+
}

0 commit comments

Comments
 (0)