-
Notifications
You must be signed in to change notification settings - Fork 12
/
nord.user.css
88 lines (76 loc) · 2.18 KB
/
nord.user.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
/* ==UserStyle==
@name monkeytype nord
@namespace github.com/openstyles/stylus
@version 1.0.0
@description nord theme for monkeytype
@author refact0r
@homepageURL https://github.com/refact0r/monkeytype-themes
@updateURL https://github.com/refact0r/monkeytype-themes/raw/main/nord.user.css
==/UserStyle== */
@-moz-document domain("monkeytype.com") {
/* theme colors */
* {
--bg-color: #242933;
--main-color: #d8dee9;
--caret-color: #81a1c1;
--sub-color: #81a1c1;
--sub-alt-color: #242933;
--text-color: #d8dee9;
--error-color: #bf616a;
--error-extra-color: #793e44;
--colorful-error-color: #bf616a;
--colorful-error-extra-color: #793e44;
text-shadow: 1px 1px 3px #00000050 !important;
}
/* background and effects */
.customBackground {
background-image: url("https://i.imgur.com/ZE9ZvL4.png") !important;
background-image: url("https://regolith-linux.org/images/releases/nord-dark.png") !important;
background-size: cover;
background-position: center !important;
background-repeat: no-repeat;
transition: filter 1s ease !important;
filter: blur(0px) brightness(1);
}
body[style*="cursor: none"] .customBackground {
filter: blur(0px) brightness(0.8);
}
/* change logo text */
#top .logo .text {
visibility: hidden;
}
#top .logo .text .top:after {
content: 'monkeytype' !important;
visibility: visible;
display: block;
position: relative;
margin-top: -.7rem;
margin-left: -.15rem;
}
#top .logo .text:after {
content: 'nord' !important;
visibility: visible;
display: block;
position: relative;
margin-top: -2rem;
}
/* change menu icon colors */
.view-start {
color: #BF616A;
}
.view-leaderboards {
color: #D08770;
}
.view-about {
color: #EBCB8B;
}
.view-settings {
color: #A3BE8C;
}
.view-account {
color: #8FBCBB;
}
#menu>*:hover {
color: var(--text-color) !important;
}
}