diff --git a/public/index.html b/public/index.html
index 26b210f..b91d794 100644
--- a/public/index.html
+++ b/public/index.html
@@ -50,10 +50,8 @@
art
-
-
+
+ crt
diff --git a/public/script/accessibility.js b/public/script/accessibility.js
index dac8d17..d0925ce 100644
--- a/public/script/accessibility.js
+++ b/public/script/accessibility.js
@@ -32,14 +32,13 @@ if (accessibility) {
if (accessibility.disable_crt) {
document.querySelector('div#overlay').setAttribute("hidden", true);
document.body.style.textShadow = "none";
- document.getElementById('toggle-crt').classList.add("active");
+ document.getElementById('toggle-crt').classList.add("disabled");
}
}
document.getElementById("toggle-crt").addEventListener("click", () => {
toggle_accessibility_setting("disable_crt");
document.querySelector('div#overlay').toggleAttribute("hidden");
- document.body.style.textShadow = accessibility.disable_crt ? "none" : null;
- document.getElementById('toggle-crt').classList.toggle("active");
+ document.getElementById('toggle-crt').className = accessibility.disable_crt ? "disabled" : "";
});
diff --git a/public/style/main.css b/public/style/main.css
index 2347384..2208d56 100644
--- a/public/style/main.css
+++ b/public/style/main.css
@@ -89,7 +89,7 @@ header ul li span {
color: #aaa;
border-color: #aaa;
cursor: default;
- text-decoration: none !important;
+ text-decoration: none;
}
header ul li a:hover {
@@ -99,23 +99,22 @@ header ul li a:hover {
text-decoration: none;
}
-#toggle-crt {
- margin-top: 4px;
- padding: 4px;
- fill: var(--links);
- cursor: pointer;
- transition: fill .1s, opacity .1s;
- opacity: .5;
-}
-#toggle-crt:hover {
- fill: #eee;
-}
-
-#toggle-crt.active {
+#toggle-crt a {
+ color: var(--primary);
+ border-color: var(--primary);
opacity: 1;
}
+#toggle-crt a:hover {
+ color: #111;
+ background-color: var(--primary) !important;
+}
+
+#toggle-crt.disabled a {
+ opacity: .5 !important;
+}
+
main {
width: min(calc(100% - 4rem), 720px);
min-height: calc(100vh - 10.3rem);