Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
amethystnetwork-dev
GitHub Repository: amethystnetwork-dev/Incognito
Path: blob/main/static/css/appearance.css
917 views
1
/**
2
* Incognito
3
*
4
* This program is free software: you can redistribute it and/or modify
5
* it under the terms of the GNU General Public License as published by
6
* the Free Software Foundation, either version 3 of the License, or
7
* (at your option) any later version.
8
*
9
* This program is distributed in the hope that it will be useful,
10
* but WITHOUT ANY WARRANTY; without even the implied warranty of
11
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
12
* GNU General Public License for more details.
13
*
14
* You should have received a copy of the GNU General Public License
15
* along with this program. If not, see <https://www.gnu.org/licenses/>.
16
*/
17
18
body {
19
--border-color: rgb(255, 255, 255, .2);
20
--text-color: #FFF;
21
--header-background: inherit;
22
--accent: mediumseagreen;
23
--scrollbar-thumb-color: rgb(52, 184, 116, 0.3);
24
--scrollbar-track-color: rgb(52, 184, 116, 0.1);
25
--font-family: Roboto;
26
--background: #161923;
27
background: var(--background);
28
}
29
body[data-appearance="simple"] {
30
--border-color: rgb(255, 255, 255, 0.2);
31
--text-color: #fff;
32
--header-background: inherit;
33
--accent: #f0ecfc;
34
--scrollbar-thumb-color: rgb(240, 236, 252, 0.3);
35
--scrollbar-track-color: rgb(240, 236, 252, 0.1);
36
--font-family: Roboto;
37
--background: #16192b;
38
background: var(--background);
39
}
40
41
body .hu {
42
display: none;
43
}
44
45
body[data-appearance="fancy"] {
46
--border-color: rgb(255, 255, 255, 0.2);
47
--text-color: #fff;
48
--header-background: inherit;
49
--accent: #5e81ac;
50
--scrollbar-thumb-color: rgb(94, 129, 172, 0.3);
51
--scrollbar-track-color: rgb(94, 129, 172, 0.1);
52
--font-family: Roboto;
53
--background: #2e3440;
54
}
55
56
body[data-appearance="fancy"] .nav-logo {
57
display: none;
58
}
59
body[data-appearance="fancy"] .hu {
60
display: inline;
61
}
62
63
body[data-appearance="morning"] {
64
--background: #FFF;
65
--header-background: #FFF;
66
--header-shadow: rgba(0, 0, 0, 0.1) 0px 5px 10px 0px;
67
--border-color: rgb(0, 0, 0, .2);
68
--text-color: #343434;
69
--accent: dodgerblue;
70
--scrollbar-thumb-color: rgb(32, 148, 252, 0.3);
71
--scrollbar-track-color: rgb(32, 148, 252, 0.1);
72
}
73
74
body[data-appearance="resilent"] {
75
--border-color: rgb(255, 255, 255, .2);
76
--text-color: #FFF;
77
--header-background: #185ADB;
78
--accent: #FFC947;
79
--scrollbar-thumb-color: rgb(255, 176, 68, 0.3);
80
--scrollbar-track-color: rgb(255, 176, 68, 0.1);
81
--background:#0A1931;
82
}
83
84
body[data-appearance="terminal"] {
85
--border-color: rgb(255, 255, 255, .2);
86
--text-color: #FFF;
87
--header-background: #000;
88
--accent: mediumseagreen;
89
--scrollbar-thumb-color: rgb(52, 184, 116, 0.3);
90
--scrollbar-track-color: rgb(52, 184, 116, 0.1);
91
--font-family: Ubuntu Mono;
92
--background:#000;
93
}
94
95
body[data-appearance="midnight"] {
96
--border-color:rgb(255, 255, 255, .2);
97
--header-background: #181818;
98
--text-color: #FFF;
99
--accent: dodgerblue;
100
--background: #121212;
101
--scrollbar-thumb-color: rgb(32, 148, 252, 0.3);
102
--scrollbar-track-color: rgb(32, 148, 252, 0.1);
103
}
104
105
body[data-appearance=space] {
106
--border-color:rgb(255, 255, 255, .2);
107
--header-background: #181818;
108
--text-color: #FFF;
109
--accent: #FFF;
110
--background: #0f0c29;
111
--scrollbar-thumb-color: rgb(255, 255, 255, 0.3);
112
--scrollbar-track-color: rgb(255, 255, 255, 0.1);
113
background: -webkit-linear-gradient(19deg, #24243e, #302b63, #0f0c29); /* Chrome 10-25, Safari 5.1-6 */
114
background: linear-gradient(19deg, #24243e, #302b63, #0f0c29); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
115
background-repeat:no-repeat;
116
background-attachment:fixed;
117
background-size: cover;
118
background-position: center;
119
}
120