Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
sagemathinc
GitHub Repository: sagemathinc/cocalc
Path: blob/master/src/packages/cdn/cm-custom-theme/cocalc-light.css
2210 views
1
/*
2
* This file is part of CoCalc: Copyright © 2025 Sagemath, Inc.
3
* License: MS-RSL – see LICENSE.md for details
4
*
5
* CoCalc Light theme for CodeMirror
6
* Based on CoCalc's light color scheme with strong contrast
7
*/
8
9
.cm-s-cocalc-light.CodeMirror {
10
background: #fbfbfb;
11
color: #1a3a6b;
12
}
13
14
.cm-s-cocalc-light div.CodeMirror-selected {
15
background: #d9e8f5;
16
}
17
18
.cm-s-cocalc-light .CodeMirror-line::selection,
19
.cm-s-cocalc-light .CodeMirror-line > span::selection,
20
.cm-s-cocalc-light .CodeMirror-line > span > span::selection {
21
background: #d9e8f5;
22
}
23
24
.cm-s-cocalc-light .CodeMirror-line::-moz-selection,
25
.cm-s-cocalc-light .CodeMirror-line > span::-moz-selection,
26
.cm-s-cocalc-light .CodeMirror-line > span > span::-moz-selection {
27
background: #d9e8f5;
28
}
29
30
.cm-s-cocalc-light .CodeMirror-gutters {
31
background: #fbfbfb;
32
border-right: 1px solid #e0e0e0;
33
}
34
35
.cm-s-cocalc-light .CodeMirror-guttermarker {
36
color: #c41c08;
37
}
38
39
.cm-s-cocalc-light .CodeMirror-guttermarker-subtle {
40
color: #b0b0b0;
41
}
42
43
.cm-s-cocalc-light .CodeMirror-linenumber {
44
color: #999999;
45
}
46
47
.cm-s-cocalc-light .CodeMirror-cursor {
48
border-left: 1px solid #1a3a6b;
49
}
50
51
.cm-s-cocalc-light span.cm-comment {
52
color: #7a7a7a;
53
font-style: italic;
54
}
55
56
.cm-s-cocalc-light span.cm-atom {
57
color: #e65100;
58
}
59
60
.cm-s-cocalc-light span.cm-number {
61
color: #e65100;
62
}
63
64
.cm-s-cocalc-light span.cm-property,
65
.cm-s-cocalc-light span.cm-attribute {
66
color: #1a3a6b;
67
}
68
69
.cm-s-cocalc-light span.cm-keyword {
70
color: #c41c08;
71
}
72
73
.cm-s-cocalc-light span.cm-string {
74
color: #3d6b2f;
75
}
76
77
.cm-s-cocalc-light span.cm-variable {
78
color: #1a3a6b;
79
}
80
81
.cm-s-cocalc-light span.cm-variable-2 {
82
color: #2a5aa6;
83
}
84
85
.cm-s-cocalc-light span.cm-def {
86
color: #663d99;
87
}
88
89
.cm-s-cocalc-light span.cm-bracket {
90
color: #1a3a6b;
91
}
92
93
.cm-s-cocalc-light span.cm-tag {
94
color: #0088a0;
95
}
96
97
.cm-s-cocalc-light span.cm-link {
98
color: #2a5aa6;
99
}
100
101
.cm-s-cocalc-light span.cm-error {
102
background: #c41c08;
103
color: #fbfbfb;
104
}
105
106
.cm-s-cocalc-light .CodeMirror-activeline-background {
107
background: #f0f5fa;
108
}
109
110
.cm-s-cocalc-light .CodeMirror-matchingbracket {
111
color: #fbfbfb !important;
112
background-color: #2a5aa6 !important;
113
}
114
115
.cm-s-cocalc-light .CodeMirror-nonmatchingbracket {
116
color: #fbfbfb !important;
117
background-color: #c41c08 !important;
118
}
119
120