-
Notifications
You must be signed in to change notification settings - Fork 38
/
Copy pathCustomizations.css
120 lines (93 loc) · 2.89 KB
/
Customizations.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
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
/* 1 --------------------------------------------------- */
/* Colors Customization Dark Mode Theme */
:root {
--quote-background-c: #474c50; /* Color of Quotes */
--main-link-c: #f4bf61; /* Color of Referenced Rems */
/* Highlighters */
--highlight-red-c: rgba(255, 115, 105, 0.5);
--highlight-orange-c: rgba(255, 163, 68, 0.5);
--highlight-yellow-c: rgba(255, 220, 73, 0.5);
--highlight-green-c: rgba(77, 171, 110, 0.5);
--highlight-blue-c: rgba(91, 174, 223, 0.5);
--highlight-purple-c: rgba(194, 111, 177, 0.5);
}
/* 2 --------------------------------------------------- */
/* Colors Customization Light Blue Theme */
:root {
--quote-background-c: #eee; /* Color of Quotes */
--main-link-c: #8ca7b0; /* Color of Referenced Rems */
/* Highlighters */
--highlight-red-c: #ffadab80;
--highlight-orange-c: #ffda9680;
--highlight-yellow-c: #fcff8f80;
--highlight-green-c: #b5e9a680;
--highlight-blue-c: #b7dbff80;
--highlight-purple-c: #e7b7ff80;
}
/* 3 --------------------------------------------------- */
/* Customize Fonts: */
:root {
/*
--font-body: Open Sans, sans-serif;
--font-body: Courier New, Courier, monospace;
--font-body: Century Gothic, sans-serif;
--font-body: Comic Sans MS, Comic Sans, cursive;
--font-body: Inter, sans-serif;
--font-body: Times, Times New Roman, serif;
--font-body: Arial, sans-serif;
*/
}
/* 4 --------------------------------------------------- */
/* Hide Indented Rems Indicator " | " */
.rem-indented-indicator {
display: none;
}
/* 5 --------------------------------------------------- */
/* Show Cloze Menu Arrow only while editing */
i.icon.caret.square.down.icon:before {
display: none;
}
i.icon.caret.square.down.icon:after {
content: '+';
}
/* 6 --------------------------------------------------- */
/* Hide Scrollers */
div::-webkit-scrollbar {
width: 6px !important;
height: 2px !important;
}
div::-webkit-scrollbar-track {
background-color: transparent !important;
}
div::-webkit-scrollbar-thumb {
background-color: transparent!important;
border-radius: 10px!important;
}
div::-webkit-scrollbar-thumb:hover {
background-color: rgba(17, 17, 17, .35) !important;
cursor: pointer !important;
}
/* 7 --------------------------------------------------- */
/* Thin Multi Rem Sidebar */
#hierarchy-editor .TreeNodeListItems {
border-width: 1px!important;
}
/* 8 --------------------------------------------------- */
/* Roomy Spacing */
div {
line-height: 1.5em;
}
.treeNodeContainer {
margin-top: 0.2em !important;
}
.rem-bullet, .rem-bullet--in-list {
margin-top: 0.2em !important;
}
.rem-bullet__container .rem-bullet--all-children-visible {
margin-top: 0.45em !important;
}
/* 9 --------------------------------------------------- */
/* Less Strong Bold Font: */
.bold {
font-weight: 600;
}