Skip to content

Commit 8da64ef

Browse files
authored
Use Jenkins color palette for CodeMirror (#10687)
* Init * Update _codemirror.scss * Update _codemirror.scss * Reset files
1 parent 95b0e64 commit 8da64ef

File tree

1 file changed

+121
-5
lines changed

1 file changed

+121
-5
lines changed

src/main/scss/form/_codemirror.scss

Lines changed: 121 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,6 @@
1414
// Override the defaults of codemirror.css
1515
pre {
1616
font-family: var(--font-family-mono) !important;
17-
font-weight: 500 !important;
1817
line-height: 1.66 !important;
1918
}
2019

@@ -35,10 +34,6 @@
3534
outline: none;
3635
}
3736

38-
.cm-variable {
39-
color: var(--text-color) !important;
40-
}
41-
4237
.CodeMirror-selected {
4338
background-color: var(--selection-color) !important;
4439
}
@@ -51,6 +46,127 @@
5146
padding: 0.5rem calc(0.625rem * 0.5) 0.625rem 0.5rem;
5247
color: var(--text-color-secondary);
5348
}
49+
50+
.CodeMirror-gutter {
51+
background: transparent;
52+
border-right: none;
53+
}
54+
55+
.CodeMirror-cursor {
56+
border-left-color: var(--text-color) !important;
57+
}
58+
59+
.cm-property {
60+
color: var(--text-color) !important;
61+
}
62+
63+
.CodeMirror-matchingbracket {
64+
color: var(--green) !important;
65+
}
66+
67+
.cm-keyword {
68+
color: var(--purple) !important;
69+
}
70+
71+
.cm-atom {
72+
color: var(--blue) !important;
73+
}
74+
75+
.cm-number {
76+
color: var(--green) !important;
77+
}
78+
79+
.cm-def {
80+
color: var(--blue) !important;
81+
}
82+
83+
.cm-variable {
84+
color: var(--text-color) !important;
85+
}
86+
87+
.cm-variable-2 {
88+
color: var(--blue) !important;
89+
}
90+
91+
.cm-variable-3 {
92+
color: var(--green) !important;
93+
}
94+
95+
.cm-operator {
96+
color: var(--text-color) !important;
97+
}
98+
99+
.cm-comment {
100+
color: var(--text-color-secondary) !important;
101+
}
102+
103+
.cm-string {
104+
color: var(--green) !important;
105+
}
106+
107+
.cm-string-2 {
108+
color: var(--orange) !important;
109+
}
110+
111+
.cm-meta {
112+
color: var(--text-color-secondary) !important;
113+
}
114+
115+
.cm-error {
116+
color: var(--error-color) !important;
117+
}
118+
119+
.cm-qualifier {
120+
color: var(--text-color-secondary) !important;
121+
}
122+
123+
.cm-builtin {
124+
color: var(--blue) !important;
125+
}
126+
127+
.cm-bracket {
128+
color: var(--text-color-secondary) !important;
129+
}
130+
131+
.cm-tag {
132+
color: var(--green) !important;
133+
}
134+
135+
.cm-attribute {
136+
color: var(--blue) !important;
137+
}
138+
139+
.cm-header {
140+
color: var(--blue) !important;
141+
}
142+
143+
.cm-quote {
144+
color: var(--green) !important;
145+
}
146+
147+
.cm-hr {
148+
color: var(--text-color-secondary) !important;
149+
}
150+
151+
.cm-link {
152+
color: var(--link-color) !important;
153+
}
154+
155+
.cm-negative {
156+
color: var(--red) !important;
157+
}
158+
159+
.cm-positive {
160+
color: var(--green) !important;
161+
}
162+
163+
.cm-invalidchar {
164+
color: var(--red) !important;
165+
}
166+
167+
.CodeMirror-nonmatchingbracket {
168+
color: var(--red) !important;
169+
}
54170
}
55171

56172
.jenkins-codemirror-resizer {

0 commit comments

Comments
 (0)