-
Notifications
You must be signed in to change notification settings - Fork 56
/
Copy pathcosmonaut.css
61 lines (51 loc) · 2.63 KB
/
cosmonaut.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
/* IMPORT CORE THEME */
@import url('https://azlen.github.io/roam-themes/core.css');
/* GOOGLE FONTS */
@import url('https://fonts.googleapis.com/css2?family=Oxanium:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,700;1,400;1,700&display=swap');
/* VARIABLES */
:root {
--page-width: 616px;
--header-font: "Oxanium", "Inter", sans-serif;
--body-font: "Ubuntu", "Inter", sans-serif;
--bg-color: #000000;
--page-color: rgba(44, 44, 44, 0.95);
--text-color: #FFFFFF;
--icon-color: rgb(102, 102, 102);
--bullet-color: rgba(255, 255, 255, 0.3);
--page-shadow: 0px 8px 14px rgba(0, 0, 0, 0.25);
--color-primary: 47, 155, 249;
--color-primary-contrast: #FFFFFF;
--color-secondary: 228, 78, 244;
--color-secondary-contrast: #FFFFFF;
}
/* CHANGE COLOURS IN CANVAS */
canvas[data-id="layer2-node"] {
filter: invert(1) contrast(1.1) hue-rotate(180deg) saturate(2);
}
/* CODE BLOCK STYLING */
/* modified from https://codemirror.net/demo/theme.html#night */
.CodeMirror { background: var(--bg-color) !important; color: #f8f8f8 !important; }
div.CodeMirror-selected { background: #447 !important; }
.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: rgba(68, 68, 119, .99); }
.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: rgba(68, 68, 119, .99); }
.CodeMirror-gutters { background: var(--bg-color); border-right: 1px solid #252525; }
.CodeMirror-guttermarker { color: white !important; }
.CodeMirror-guttermarker-subtle { color: #bbb !important; }
.CodeMirror-linenumber { color: #f8f8f8; }
.CodeMirror-cursor { border-left: 1px solid white !important; }
span.cm-qualifier { color: #666666 !important; }
span.cm-comment { color: #C71FF9 !important; }
span.cm-atom { color: #B58AFD !important; }
span.cm-number, span.cm-attribute { color: #ffd500 !important; }
span.cm-keyword { color: #599eff !important; }
span.cm-string { color: #37f14a !important; }
span.cm-meta { color: #369BFF !important; }
span.cm-variable-2, span.cm-tag { color: #99b2ff !important; }
span.cm-variable-3, span.cm-def, span.cm-type { color: white !important; }
span.cm-bracket { color: #8da6ce !important; }
span.cm-builtin, pan.cm-special { color: #ff9e59 !important; }
span.cm-link { color: #845dc4 !important; }
span.cm-error { color: #F41000 !important; }
.CodeMirror-activeline-background { background: #1C005A !important; }
.CodeMirror-matchingbracket { outline:1px solid grey !important; color:white !important; }