Simplify link colors

This removes inherits and simplifies some CSS, which as a bonus, fixes the color of the youligi easter egg as per https://caniuse.com/mdn-css_types_global_keywords_inherit.
Nightcaat · Feb 27, 2025 · cef9fba · cef9fba
1 parent f12e00a
commit cef9fba
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 8 deletions.
diff --git a/index.html b/index.html
@@ -31,7 +31,7 @@
     <body>
     <center>
         <h1 id="logo">nightcat.gg</h1>
-        <h2>Where do <a href="youligi.png" style="color: inherit">you</a> want to go today?</h2>
+        <h2>Where do <a href="youligi.png">you</a> want to go today?</h2>
         <ul>
             <li><a id="youtube" href="https://youtube.com/@Nightcaat">YouTube</a></li>
             <li><a id="twitch" href="https://twitch.tv/Nightcaaat">Twitch</a></li>

diff --git a/style.css b/style.css
@@ -11,15 +11,15 @@
         font-size:19px !important}}
 
 @media (prefers-contrast: more) {
-    html, body, input{color:#FFFEFA!important}
+    html, body, a, input{color:#FFFEFA!important}
     #youtube{color:#FF9C9C!important}
     #twitch{color:#CCA7FF!important}
     #github{color:#A2BAD8!important}
     #patreon{color:#FFA06C!important}
     footer{color:#B8B8B8!important}}
 
 @media (prefers-contrast: less) {
-    html, body, input, .box a{color:#BAB8B6!important}
+    html, body, a, input{color:#BAB8B6!important}
     #youtube{color:#FF1919!important}
     #twitch{color:#9967E0!important}
     #github{color:#708196!important}
@@ -66,15 +66,14 @@ html {
         background-image: url('bg.png');
         animation: scroll 1s linear infinite}}
 
-html, body, input {
+html, body, a, input {
     border-color: #736b5e;
     color: #e8e6e3}
 
 body {
     font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif}
 
 a {
-    color: #3391ff;
     text-decoration: none}
 a:hover {
     text-decoration: underline}
@@ -125,16 +124,14 @@ footer {
     margin: 10px;
     padding: 5px;
     width: 160px}
-.box a {
-        color: #FFF}
 .box a:hover {
     text-decoration: none}
 
 #mkwii-guide {
     background-color: #FFF;
     border: 1px solid #28ACF3}
 #mkwii-guide a {
-    color: #000}
+    color: #000 !important}
 #flipnote-studio {
     background-color: #744000;
     border: 1px solid #F4D89F}