Skip to content

Commit ca79a66

Browse files
dou-dudou-du
committed
A new version for the widget-code-input
1 parent 726ec95 commit ca79a66

File tree

15 files changed

+936
-56
lines changed

15 files changed

+936
-56
lines changed

‎OSSCAR-logo.png‎

31.8 KB
Loading

‎README.md‎

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,11 +19,18 @@ Or if you use jupyterlab:
1919

2020
```bash
2121
pip install widget_code_input
22-
jupyter labextension install @jupyter-widgets/jupyterlab-manager
22+
jupyter lab build
2323
```
2424

2525
If you are using Jupyter Notebook 5.2 or earlier, you may also need to enable
2626
the nbextension:
2727
```bash
2828
jupyter nbextension enable --py [--sys-prefix|--user|--system] widget_code_input
2929
```
30+
31+
# Acknowlegements
32+
33+
We acknowledge support from:
34+
* EPFL Open Science Fund
35+
36+
<img src='./OSSCAR-logo.png' width='300'>

‎css/eclipse.css‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
.cm-s-eclipse span.cm-meta { color: #FF1717; }
2+
.cm-s-eclipse span.cm-keyword { line-height: 1em; font-weight: bold; color: #7F0055; }
3+
.cm-s-eclipse span.cm-atom { color: #219; }
4+
.cm-s-eclipse span.cm-number { color: #164; }
5+
.cm-s-eclipse span.cm-def { color: #00f; }
6+
.cm-s-eclipse span.cm-variable { color: black; }
7+
.cm-s-eclipse span.cm-variable-2 { color: #0000C0; }
8+
.cm-s-eclipse span.cm-variable-3, .cm-s-eclipse span.cm-type { color: #0000C0; }
9+
.cm-s-eclipse span.cm-property { color: black; }
10+
.cm-s-eclipse span.cm-operator { color: black; }
11+
.cm-s-eclipse span.cm-comment { color: #3F7F5F; }
12+
.cm-s-eclipse span.cm-string { color: #2A00FF; }
13+
.cm-s-eclipse span.cm-string-2 { color: #f50; }
14+
.cm-s-eclipse span.cm-qualifier { color: #555; }
15+
.cm-s-eclipse span.cm-builtin { color: #30a; }
16+
.cm-s-eclipse span.cm-bracket { color: #cc7; }
17+
.cm-s-eclipse span.cm-tag { color: #170; }
18+
.cm-s-eclipse span.cm-attribute { color: #00c; }
19+
.cm-s-eclipse span.cm-link { color: #219; }
20+
.cm-s-eclipse span.cm-error { color: #f00; }
21+
22+
.cm-s-eclipse .CodeMirror-activeline-background { background: #e8f2ff; }
23+
.cm-s-eclipse .CodeMirror-matchingbracket { outline:1px solid grey; color:black !important; }

‎css/idea.css‎

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
/**
2+
Name: IDEA default theme
3+
From IntelliJ IDEA by JetBrains
4+
*/
5+
6+
.cm-s-idea span.cm-meta { color: #808000; }
7+
.cm-s-idea span.cm-number { color: #0000FF; }
8+
.cm-s-idea span.cm-keyword { line-height: 1em; font-weight: bold; color: #000080; }
9+
.cm-s-idea span.cm-atom { font-weight: bold; color: #000080; }
10+
.cm-s-idea span.cm-def { color: #000000; }
11+
.cm-s-idea span.cm-variable { color: black; }
12+
.cm-s-idea span.cm-variable-2 { color: black; }
13+
.cm-s-idea span.cm-variable-3, .cm-s-idea span.cm-type { color: black; }
14+
.cm-s-idea span.cm-property { color: black; }
15+
.cm-s-idea span.cm-operator { color: black; }
16+
.cm-s-idea span.cm-comment { color: #808080; }
17+
.cm-s-idea span.cm-string { color: #008000; }
18+
.cm-s-idea span.cm-string-2 { color: #008000; }
19+
.cm-s-idea span.cm-qualifier { color: #555; }
20+
.cm-s-idea span.cm-error { color: #FF0000; }
21+
.cm-s-idea span.cm-attribute { color: #0000FF; }
22+
.cm-s-idea span.cm-tag { color: #000080; }
23+
.cm-s-idea span.cm-link { color: #0000FF; }
24+
.cm-s-idea .CodeMirror-activeline-background { background: #FFFAE3; }
25+
26+
.cm-s-idea span.cm-builtin { color: #30a; }
27+
.cm-s-idea span.cm-bracket { color: #cc7; }
28+
.cm-s-idea { font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;}
29+
30+
31+
.cm-s-idea .CodeMirror-matchingbracket { outline:1px solid grey; color:black !important; }
32+
33+
.CodeMirror-hints.idea {
34+
font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
35+
color: #616569;
36+
background-color: #ebf3fd !important;
37+
}
38+
39+
.CodeMirror-hints.idea .CodeMirror-hint-active {
40+
background-color: #a2b8c9 !important;
41+
color: #5c6065 !important;
42+
}

‎css/material.css‎

Lines changed: 135 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,135 @@
1+
/*
2+
Name: material
3+
Author: Mattia Astorino (http://github.com/equinusocio)
4+
Website: https://material-theme.site/
5+
*/
6+
7+
.cm-s-material.CodeMirror {
8+
background-color: #263238;
9+
color: #EEFFFF;
10+
}
11+
12+
.cm-s-material .CodeMirror-gutters {
13+
background: #263238;
14+
color: #546E7A;
15+
border: none;
16+
}
17+
18+
.cm-s-material .CodeMirror-guttermarker,
19+
.cm-s-material .CodeMirror-guttermarker-subtle,
20+
.cm-s-material .CodeMirror-linenumber {
21+
color: #546E7A;
22+
}
23+
24+
.cm-s-material .CodeMirror-cursor {
25+
border-left: 1px solid #FFCC00;
26+
}
27+
28+
.cm-s-material div.CodeMirror-selected {
29+
background: rgba(128, 203, 196, 0.2);
30+
}
31+
32+
.cm-s-material.CodeMirror-focused div.CodeMirror-selected {
33+
background: rgba(128, 203, 196, 0.2);
34+
}
35+
36+
.cm-s-material .CodeMirror-line::selection,
37+
.cm-s-material .CodeMirror-line>span::selection,
38+
.cm-s-material .CodeMirror-line>span>span::selection {
39+
background: rgba(128, 203, 196, 0.2);
40+
}
41+
42+
.cm-s-material .CodeMirror-line::-moz-selection,
43+
.cm-s-material .CodeMirror-line>span::-moz-selection,
44+
.cm-s-material .CodeMirror-line>span>span::-moz-selection {
45+
background: rgba(128, 203, 196, 0.2);
46+
}
47+
48+
.cm-s-material .CodeMirror-activeline-background {
49+
background: rgba(0, 0, 0, 0.5);
50+
}
51+
52+
.cm-s-material .cm-keyword {
53+
color: #C792EA;
54+
}
55+
56+
.cm-s-material .cm-operator {
57+
color: #89DDFF;
58+
}
59+
60+
.cm-s-material .cm-variable-2 {
61+
color: #EEFFFF;
62+
}
63+
64+
.cm-s-material .cm-variable-3,
65+
.cm-s-material .cm-type {
66+
color: #f07178;
67+
}
68+
69+
.cm-s-material .cm-builtin {
70+
color: #FFCB6B;
71+
}
72+
73+
.cm-s-material .cm-atom {
74+
color: #F78C6C;
75+
}
76+
77+
.cm-s-material .cm-number {
78+
color: #FF5370;
79+
}
80+
81+
.cm-s-material .cm-def {
82+
color: #82AAFF;
83+
}
84+
85+
.cm-s-material .cm-string {
86+
color: #C3E88D;
87+
}
88+
89+
.cm-s-material .cm-string-2 {
90+
color: #f07178;
91+
}
92+
93+
.cm-s-material .cm-comment {
94+
color: #546E7A;
95+
}
96+
97+
.cm-s-material .cm-variable {
98+
color: #f07178;
99+
}
100+
101+
.cm-s-material .cm-tag {
102+
color: #FF5370;
103+
}
104+
105+
.cm-s-material .cm-meta {
106+
color: #FFCB6B;
107+
}
108+
109+
.cm-s-material .cm-attribute {
110+
color: #C792EA;
111+
}
112+
113+
.cm-s-material .cm-property {
114+
color: #C792EA;
115+
}
116+
117+
.cm-s-material .cm-qualifier {
118+
color: #DECB6B;
119+
}
120+
121+
.cm-s-material .cm-variable-3,
122+
.cm-s-material .cm-type {
123+
color: #DECB6B;
124+
}
125+
126+
127+
.cm-s-material .cm-error {
128+
color: rgba(255, 255, 255, 1.0);
129+
background-color: #FF5370;
130+
}
131+
132+
.cm-s-material .CodeMirror-matchingbracket {
133+
text-decoration: underline;
134+
color: white !important;
135+
}

‎css/midnight.css‎

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
/* Based on the theme at http://bonsaiden.github.com/JavaScript-Garden */
2+
3+
/*<!--activeline-->*/
4+
.cm-s-midnight .CodeMirror-activeline-background { background: #253540; }
5+
6+
.cm-s-midnight.CodeMirror {
7+
background: #0F192A;
8+
color: #D1EDFF;
9+
}
10+
11+
.cm-s-midnight div.CodeMirror-selected { background: #314D67; }
12+
.cm-s-midnight .CodeMirror-line::selection, .cm-s-midnight .CodeMirror-line > span::selection, .cm-s-midnight .CodeMirror-line > span > span::selection { background: rgba(49, 77, 103, .99); }
13+
.cm-s-midnight .CodeMirror-line::-moz-selection, .cm-s-midnight .CodeMirror-line > span::-moz-selection, .cm-s-midnight .CodeMirror-line > span > span::-moz-selection { background: rgba(49, 77, 103, .99); }
14+
.cm-s-midnight .CodeMirror-gutters { background: #0F192A; border-right: 1px solid; }
15+
.cm-s-midnight .CodeMirror-guttermarker { color: white; }
16+
.cm-s-midnight .CodeMirror-guttermarker-subtle { color: #d0d0d0; }
17+
.cm-s-midnight .CodeMirror-linenumber { color: #D0D0D0; }
18+
.cm-s-midnight .CodeMirror-cursor { border-left: 1px solid #F8F8F0; }
19+
20+
.cm-s-midnight span.cm-comment { color: #428BDD; }
21+
.cm-s-midnight span.cm-atom { color: #AE81FF; }
22+
.cm-s-midnight span.cm-number { color: #D1EDFF; }
23+
24+
.cm-s-midnight span.cm-property, .cm-s-midnight span.cm-attribute { color: #A6E22E; }
25+
.cm-s-midnight span.cm-keyword { color: #E83737; }
26+
.cm-s-midnight span.cm-string { color: #1DC116; }
27+
28+
.cm-s-midnight span.cm-variable { color: #FFAA3E; }
29+
.cm-s-midnight span.cm-variable-2 { color: #FFAA3E; }
30+
.cm-s-midnight span.cm-def { color: #4DD; }
31+
.cm-s-midnight span.cm-bracket { color: #D1EDFF; }
32+
.cm-s-midnight span.cm-tag { color: #449; }
33+
.cm-s-midnight span.cm-link { color: #AE81FF; }
34+
.cm-s-midnight span.cm-error { background: #F92672; color: #F8F8F0; }
35+
36+
.cm-s-midnight .CodeMirror-matchingbracket {
37+
text-decoration: underline;
38+
color: white !important;
39+
}

‎css/monokai.css‎

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
/* Based on Sublime Text's Monokai theme */
2+
3+
.cm-s-monokai.CodeMirror { background: #272822; color: #f8f8f2; }
4+
.cm-s-monokai div.CodeMirror-selected { background: #49483E; }
5+
.cm-s-monokai .CodeMirror-line::selection, .cm-s-monokai .CodeMirror-line > span::selection, .cm-s-monokai .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); }
6+
.cm-s-monokai .CodeMirror-line::-moz-selection, .cm-s-monokai .CodeMirror-line > span::-moz-selection, .cm-s-monokai .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); }
7+
.cm-s-monokai .CodeMirror-gutters { background: #272822; border-right: 0px; }
8+
.cm-s-monokai .CodeMirror-guttermarker { color: white; }
9+
.cm-s-monokai .CodeMirror-guttermarker-subtle { color: #d0d0d0; }
10+
.cm-s-monokai .CodeMirror-linenumber { color: #d0d0d0; }
11+
.cm-s-monokai .CodeMirror-cursor { border-left: 1px solid #f8f8f0; }
12+
13+
.cm-s-monokai span.cm-comment { color: #75715e; }
14+
.cm-s-monokai span.cm-atom { color: #ae81ff; }
15+
.cm-s-monokai span.cm-number { color: #ae81ff; }
16+
17+
.cm-s-monokai span.cm-comment.cm-attribute { color: #97b757; }
18+
.cm-s-monokai span.cm-comment.cm-def { color: #bc9262; }
19+
.cm-s-monokai span.cm-comment.cm-tag { color: #bc6283; }
20+
.cm-s-monokai span.cm-comment.cm-type { color: #5998a6; }
21+
22+
.cm-s-monokai span.cm-property, .cm-s-monokai span.cm-attribute { color: #a6e22e; }
23+
.cm-s-monokai span.cm-keyword { color: #f92672; }
24+
.cm-s-monokai span.cm-builtin { color: #66d9ef; }
25+
.cm-s-monokai span.cm-string { color: #e6db74; }
26+
27+
.cm-s-monokai span.cm-variable { color: #f8f8f2; }
28+
.cm-s-monokai span.cm-variable-2 { color: #9effff; }
29+
.cm-s-monokai span.cm-variable-3, .cm-s-monokai span.cm-type { color: #66d9ef; }
30+
.cm-s-monokai span.cm-def { color: #fd971f; }
31+
.cm-s-monokai span.cm-bracket { color: #f8f8f2; }
32+
.cm-s-monokai span.cm-tag { color: #f92672; }
33+
.cm-s-monokai span.cm-header { color: #ae81ff; }
34+
.cm-s-monokai span.cm-link { color: #ae81ff; }
35+
.cm-s-monokai span.cm-error { background: #f92672; color: #f8f8f0; }
36+
37+
.cm-s-monokai .CodeMirror-activeline-background { background: #373831; }
38+
.cm-s-monokai .CodeMirror-matchingbracket {
39+
text-decoration: underline;
40+
color: white !important;
41+
}

0 commit comments

Comments
 (0)