byjp.me
A microsite explaining the word "Miriscient"
Initial dark mode
+41
-1
+41
-1
public/css/define.css
+41
-1
public/css/define.css
···
39
39
40
40
font-size: 1.5em;
41
41
font-family: 'EB Garamond', serif;
42
+
background-color: #fff;
43
+
}
44
+
45
+
p {
46
+
color: #000;
42
47
}
43
48
44
49
a {
···
106
111
}
107
112
.logo:hover {
108
113
opacity: 1;
109
-
}
114
+
}
115
+
116
+
@media (prefers-color-scheme: dark) {
117
+
body {
118
+
background-color: #000;
119
+
}
120
+
121
+
a {
122
+
border-bottom: 1px dotted #666;
123
+
}
124
+
125
+
a:hover {
126
+
border-bottom: 1px solid #bbb;
127
+
}
128
+
129
+
.type, .pronunciation, .explain {
130
+
color: #888;
131
+
}
132
+
133
+
.example {
134
+
color: #ddd;
135
+
}
136
+
137
+
.origin {
138
+
color: #aaa;
139
+
}
140
+
141
+
p {
142
+
color: #fff;
143
+
}
144
+
145
+
.logo {
146
+
-webkit-filter: invert(100%);
147
+
filter: invert(100%);
148
+
}
149
+
}