Skip to content

Commit b0ee067

Browse files
marinsokol5marinsokol5
authoredNov 30, 2023
feat: adding CloudEditor theme (#5404)
* feat: adding CloudEditor theme
·
v1.39.1v1.32.0
1 parent 95af560 commit b0ee067

5 files changed

+388
-1
lines changed
 

‎src/ext/themelist.js

+3-1
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,7 @@ var themeData = [
2424
["Kuroir"],
2525
["KatzenMilch"],
2626
["SQL Server" ,"sqlserver" , "light"],
27+
["CloudEditor" ,"cloud_editor" , "light"],
2728
["Ambiance" ,"ambiance" , "dark"],
2829
["Chaos" ,"chaos" , "dark"],
2930
["Clouds Midnight" ,"clouds_midnight" , "dark"],
@@ -48,7 +49,8 @@ var themeData = [
4849
["Tomorrow Night 80s" ,"tomorrow_night_eighties" , "dark"],
4950
["Twilight" ,"twilight" , "dark"],
5051
["Vibrant Ink" ,"vibrant_ink" , "dark"],
51-
["GitHub Dark" ,"github_dark" , "dark"]
52+
["GitHub Dark" ,"github_dark" , "dark"],
53+
["CloudEditor Dark" ,"cloud_editor_dark" , "dark"]
5254
];
5355

5456

‎src/theme/cloud_editor-css.js

+185
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,185 @@
1+
module.exports = `
2+
.ace-cloud_editor .ace_gutter {
3+
background: #ffffff;
4+
color: #3a3a42;
5+
}
6+
7+
.ace-cloud_editor .ace_tooltip-marker-error.ace_tooltip-marker {
8+
background-color: #d13212;
9+
}
10+
.ace-cloud_editor .ace_tooltip-marker-warning.ace_tooltip-marker {
11+
background-color: #906806;
12+
}
13+
14+
.ace-cloud_editor .ace_print-margin {
15+
width: 1px;
16+
background: #697077;
17+
}
18+
19+
.ace-cloud_editor {
20+
background-color: #ffffff;
21+
color: #3a3a42;
22+
}
23+
24+
.ace-cloud_editor .ace_cursor {
25+
color: #3a3a42;
26+
}
27+
28+
.ace-cloud_editor .ace_marker-layer .ace_selection {
29+
background: #bfceff;
30+
}
31+
32+
.ace-cloud_editor.ace_multiselect .ace_selection.ace_start {
33+
box-shadow: 0 0 3px 0px #ffffff;
34+
border-radius: 2px;
35+
}
36+
37+
.ace-cloud_editor .ace_marker-layer .ace_step {
38+
background: #697077;
39+
}
40+
41+
.ace-cloud_editor .ace_marker-layer .ace_bracket {
42+
margin: 0 0 0 -1px;
43+
border: 1px solid #697077;
44+
}
45+
46+
.ace-cloud_editor .ace_marker-layer .ace_active-line {
47+
box-sizing: border-box;
48+
border-top: 1px solid #9191ac;
49+
border-bottom: 1px solid #9191ac;
50+
}
51+
52+
.ace-cloud_editor .ace_gutter-cell_svg-icons {
53+
box-sizing: border-box;
54+
border-top: 1px solid #ffffff;
55+
border-bottom: 1px solid #ffffff;
56+
}
57+
58+
.ace-cloud_editor .ace_gutter-active-line {
59+
background-repeat: no-repeat;
60+
box-sizing: border-box;
61+
border-top: 1px solid #9191ac;
62+
border-bottom: 1px solid #9191ac;
63+
}
64+
65+
.ace-cloud_editor .ace_marker-layer .ace_selected-word {
66+
border: 1px solid #bfceff;
67+
}
68+
69+
.ace-cloud_editor .ace_fold {
70+
background-color: #2963d6;
71+
border-color: #3a3a42;
72+
}
73+
74+
.ace-cloud_editor .ace_keyword {
75+
color: #9749d1;
76+
}
77+
78+
.ace-cloud_editor .ace_meta.ace_tag {
79+
color: #d1000a;
80+
}
81+
82+
.ace-cloud_editor .ace_constant {
83+
color: #a26202;
84+
}
85+
86+
.ace-cloud_editor .ace_constant.ace_numeric {
87+
color: #a26202;
88+
}
89+
90+
.ace-cloud_editor .ace_constant.ace_character.ace_escape {
91+
color: #d91792;
92+
}
93+
94+
.ace-cloud_editor .ace_support.ace_function {
95+
color: #2963d6;
96+
}
97+
98+
.ace-cloud_editor .ace_support.ace_class {
99+
color: #a26202;
100+
}
101+
102+
.ace-cloud_editor .ace_storage {
103+
color: #9749d1;
104+
}
105+
106+
.ace-cloud_editor .ace_invalid.ace_illegal {
107+
color: #ffffff;
108+
background-color: #d1000a;
109+
}
110+
111+
.ace-cloud_editor .ace_invalid.ace_deprecated {
112+
color: #ffffff;
113+
background-color: #a26202;
114+
}
115+
116+
.ace-cloud_editor .ace_string {
117+
color: #218000;
118+
}
119+
120+
.ace-cloud_editor .ace_string.ace_regexp {
121+
color: #218000;
122+
}
123+
124+
.ace-cloud_editor .ace_comment,
125+
.ace-cloud_editor .ace_ghost_text {
126+
color: #697077;
127+
opacity: 1;
128+
}
129+
130+
.ace-cloud_editor .ace_variable {
131+
color: #d1000a;
132+
}
133+
134+
.ace-cloud_editor .ace_meta.ace_selector {
135+
color: #9749d1;
136+
}
137+
138+
.ace-cloud_editor .ace_entity.ace_other.ace_attribute-name {
139+
color: #a26202;
140+
}
141+
142+
.ace-cloud_editor .ace_entity.ace_name.ace_function {
143+
color: #2963d6;
144+
}
145+
146+
.ace-cloud_editor .ace_entity.ace_name.ace_tag {
147+
color: #d1000a;
148+
}
149+
150+
.ace-cloud_editor .ace_heading {
151+
color: #2963d6;
152+
}
153+
154+
.ace-cloud_editor .ace_xml-pe {
155+
color: #a26202;
156+
}
157+
.ace-cloud_editor .ace_doctype {
158+
color: #d1000a;
159+
}
160+
161+
.ace-cloud_editor .ace_tooltip {
162+
background-color: #ffffff;
163+
color: #3a3a42;
164+
}
165+
166+
.ace-cloud_editor .ace_icon_svg.ace_error,
167+
.ace-cloud_editor .ace_icon_svg.ace_error_fold {
168+
background-color: #d13212;
169+
}
170+
.ace-cloud_editor .ace_icon_svg.ace_warning,
171+
.ace-cloud_editor .ace_icon_svg.ace_warning_fold {
172+
background-color: #906806;
173+
}
174+
.ace-cloud_editor .ace_icon_svg.ace_info {
175+
background-color: #0073bb;
176+
}
177+
.ace-cloud_editor .ace_highlight-marker {
178+
background: none;
179+
border: #2963d6 1px solid;
180+
}
181+
.ace-cloud_editor .ace_tooltip.ace_hover-tooltip:focus > div {
182+
outline: 1px solid #0073bb;
183+
}
184+
185+
`;

‎src/theme/cloud_editor.js

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
exports.isDark = false;
2+
exports.cssClass = "ace-cloud_editor";
3+
exports.cssText = require("./cloud_editor-css");
4+
5+
var dom = require("../lib/dom");
6+
dom.importCssString(exports.cssText, exports.cssClass, false);

‎src/theme/cloud_editor_dark-css.js

+188
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,188 @@
1+
module.exports = `
2+
.ace-cloud_editor_dark .ace_gutter {
3+
background: #282c34;
4+
color: #8e96a9;
5+
}
6+
7+
.ace-cloud_editor_dark.ace_dark .ace_tooltip-marker-error.ace_tooltip-marker {
8+
background-color: #ff5d64;
9+
}
10+
.ace-cloud_editor_dark.ace_dark .ace_tooltip-marker-warning.ace_tooltip-marker {
11+
background-color: #e0ca57;
12+
}
13+
14+
.ace-cloud_editor_dark .ace_print-margin {
15+
width: 1px;
16+
background: #e8e8e8;
17+
}
18+
19+
.ace-cloud_editor_dark {
20+
background-color: #282c34;
21+
color: #dcdfe4;
22+
}
23+
24+
.ace-cloud_editor_dark .ace_cursor {
25+
color: #66b2f0;
26+
}
27+
28+
.ace-cloud_editor_dark .ace_marker-layer .ace_selection {
29+
background: #213a70;
30+
}
31+
32+
.ace-cloud_editor_dark.ace_multiselect .ace_selection.ace_start {
33+
box-shadow: 0 0 3px 0px #8e96a9;
34+
border-radius: 2px;
35+
}
36+
37+
.ace-cloud_editor_dark .ace_marker-layer .ace_step {
38+
background: #6fb342;
39+
}
40+
41+
.ace-cloud_editor_dark .ace_marker-layer .ace_bracket {
42+
margin: 0 0 0 -1px;
43+
border: 1px solid #e8e8e8;
44+
}
45+
46+
.ace-cloud_editor_dark .ace_marker-layer .ace_active-line {
47+
box-sizing: border-box;
48+
border-top: 1px solid #75777a;
49+
border-bottom: 1px solid #75777a;
50+
}
51+
52+
.ace-cloud_editor_dark .ace_gutter-cell_svg-icons {
53+
box-sizing: border-box;
54+
border-top: 1px solid #282c34;
55+
border-bottom: 1px solid #282c34;
56+
}
57+
58+
.ace-cloud_editor_dark .ace_gutter-active-line {
59+
background-repeat: no-repeat;
60+
box-sizing: border-box;
61+
border-top: 1px solid #75777a;
62+
border-bottom: 1px solid #75777a;
63+
}
64+
65+
.ace-cloud_editor_dark .ace_marker-layer .ace_selected-word {
66+
border: 1px solid #282c34;
67+
}
68+
69+
.ace-cloud_editor_dark .ace_fold {
70+
background-color: #66b2f0;
71+
border-color: #dcdfe4;
72+
}
73+
74+
.ace-cloud_editor_dark .ace_keyword {
75+
color: #c674dc;
76+
}
77+
78+
.ace-cloud_editor_dark .ace_constant {
79+
color: #e5c383;
80+
}
81+
82+
.ace-cloud_editor_dark .ace_constant.ace_numeric {
83+
color: #e5c383;
84+
}
85+
86+
.ace-cloud_editor_dark .ace_constant.ace_character.ace_escape {
87+
color: #71ccc7;
88+
}
89+
90+
.ace-cloud_editor_dark .ace_support.ace_function {
91+
color: #66b2f0;
92+
}
93+
94+
.ace-cloud_editor_dark .ace_support.ace_class {
95+
color: #e5c383;
96+
}
97+
98+
.ace-cloud_editor_dark .ace_storage {
99+
color: #c674dc;
100+
}
101+
102+
.ace-cloud_editor_dark .ace_invalid.ace_illegal {
103+
color: #dcdfe4;
104+
background-color: #e76a71;
105+
}
106+
107+
.ace-cloud_editor_dark .ace_invalid.ace_deprecated {
108+
color: #dcdfe4;
109+
background-color: #e5c383;
110+
}
111+
112+
.ace-cloud_editor_dark .ace_string {
113+
color: #6fb342;
114+
}
115+
116+
.ace-cloud_editor_dark .ace_string.ace_regexp {
117+
color: #6fb342;
118+
}
119+
120+
.ace-cloud_editor_dark .ace_comment,
121+
.ace-cloud_editor_dark .ace_ghost_text {
122+
color: #b5bac0;
123+
opacity: 1;
124+
}
125+
126+
.ace-cloud_editor_dark .ace_variable {
127+
color: #e76a71;
128+
}
129+
130+
.ace-cloud_editor_dark .ace_meta.ace_selector {
131+
color: #c674dc;
132+
}
133+
134+
.ace-cloud_editor_dark .ace_entity.ace_other.ace_attribute-name {
135+
color: #e5c383;
136+
}
137+
138+
.ace-cloud_editor_dark .ace_entity.ace_name.ace_function {
139+
color: #66b2f0;
140+
}
141+
142+
.ace-cloud_editor_dark .ace_entity.ace_name.ace_tag {
143+
color: #e76a71;
144+
}
145+
.ace-cloud_editor_dark .ace_heading {
146+
color: #66b2f0;
147+
}
148+
149+
.ace-cloud_editor_dark .ace_xml-pe {
150+
color: #e5c383;
151+
}
152+
.ace-cloud_editor_dark .ace_doctype {
153+
color: #e76a71;
154+
}
155+
156+
.ace-cloud_editor_dark .ace_entity.ace_name.ace_tag,
157+
.ace-cloud_editor_dark .ace_entity.ace_other.ace_attribute-name,
158+
.ace-cloud_editor_dark .ace_meta.ace_tag,
159+
.ace-cloud_editor_dark .ace_string.ace_regexp,
160+
.ace-cloud_editor_dark .ace_variable {
161+
color: #e76a71;
162+
}
163+
164+
.ace-cloud_editor_dark .ace_tooltip {
165+
background-color: #282c34;
166+
color: #dcdfe4;
167+
}
168+
169+
.ace-cloud_editor_dark .ace_icon_svg.ace_error,
170+
.ace-cloud_editor_dark .ace_icon_svg.ace_error_fold {
171+
background-color: #ff5d64;
172+
}
173+
.ace-cloud_editor_dark .ace_icon_svg.ace_warning,
174+
.ace-cloud_editor_dark .ace_icon_svg.ace_warning_fold {
175+
background-color: #e0ca57;
176+
}
177+
.ace-cloud_editor_dark .ace_icon_svg.ace_info {
178+
background-color: #44b9d6;
179+
}
180+
.ace-cloud_editor_dark .ace_highlight-marker {
181+
background: none;
182+
border: #66b2f0 1px solid;
183+
}
184+
.ace-cloud_editor_dark .ace_tooltip.ace_hover-tooltip:focus > div {
185+
outline: 1px solid #44b9d6;
186+
}
187+
188+
`;

‎src/theme/cloud_editor_dark.js

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
exports.isDark = true;
2+
exports.cssClass = "ace-cloud_editor_dark";
3+
exports.cssText = require("./cloud_editor_dark-css");
4+
5+
var dom = require("../lib/dom");
6+
dom.importCssString(exports.cssText, exports.cssClass, false);

0 commit comments

Comments
 (0)
Please sign in to comment.