css and colors cleanup

donate/index.html

@@ -28,7 +28,7 @@
 <div class="navbar">
     <a class="nav-base nav-baselink" href="/"><span class="tabler--grid-dots"></span> synth download!</a>
     <details class="nav-base nav-baselink-mobile">
-        <summary><span class="tabler--grid-dots"></span> s <div class="dot" style="background-color: var(--ayu-e-bg) !important;"></div> d!</summary>
+        <summary><span class="tabler--grid-dots"></span> s <div class="dot" style="background-color: var(--background) !important;"></div> d!</summary>
         <ul>
             <li>
                 <a href="/"><span class="tabler--home"></span> home</a>
@@ -79,7 +79,7 @@
 
     <section>
         <p>hi! i'm <a href="/me">ruben</a>. currently just a student running synth.download in my spare time because i like doing so.</p>
-        <p>if you'd like to donate, you may choose so through either <a href="https://ko-fi.com/sneexy" style="padding: .2rem; color: var(--ayu-s-constant); background-color: color-mix(in srgb, var(--ayu-s-constant) 20%, transparent); border-radius: .2rem;">ko-fi</a>, or directly donate to me via the widget below:</p>
+        <p>if you'd like to donate, you may choose so through either <a href="https://ko-fi.com/sneexy" style="padding: .2rem; color: var(--sapphire); background-color: color-mix(in srgb, var(--sapphire) 20%, transparent); border-radius: .2rem;">ko-fi</a> or directly donate to me via stripe with the widget below:</p>
         <stripe-buy-button buy-button-id="buy_btn_1R9UrrGPbe5QWVnnm6jC3XUf" publishable-key="pk_live_51QFpvEGPbe5QWVnnCUUlT1nEYhVy2F4z30BVaG3LHD8o4qNc7IL67QcPUzBUeptEYpFOtYs6Jc1GvM3ujqsFltYb00oUvMTDMM"></stripe-buy-button>
         <p>please don't feel like you need to donate. currently, i am able to pay things on my own, but donations do help. <span aria-hidden="true">^^</span></p>
     </section>
@@ -97,11 +97,11 @@
             <p class="fediring"><b><a href="https://keithhacks.cyou/furryring.php?prev=synth.download" alt="Previous"><span class="tabler--arrow-left" style="pointer-events: none;"></span></a> <a href="https://keithhacks.cyou/furryring.php">furryring</a> <a href="https://keithhacks.cyou/furryring.php?next=synth.download" alt="Next"><span class="tabler--arrow-right" style="pointer-events: none;"></span></a></b></p>
             <p class="fediring"><b><a href="https://stellophiliac.github.io/roboring/sneexy/previous" alt="Previous"><span class="tabler--arrow-left" style="pointer-events: none;"></span></a> <a href="https://stellophiliac.github.io/roboring">roboring</a> <a href="https://stellophiliac.github.io/roboring/sneexy/next" alt="Next"><span class="tabler--arrow-right" style="pointer-events: none;"></span></a></b></p>
             <section class="inner-footer">
-                <a href="https://forged.synth.download/sneexy/pages" style="background-color: color-mix(in srgb, var(--ayu-s-string) 25%, transparent); color: var(--ayu-s-string);" alt="website source!"><span class="tabler--brand-git" style="pointer-events: none;"></span></a>
-                <a href="https://github.com/ayu-theme/ayu-colors" style="background-color: color-mix(in srgb, var(--ayu-accent) 25%, transparent); color: var(--ayu-accent);" alt="Ayu"><span class="tabler--palette" style="pointer-events: none;"></span></svg></a>
-                <a href="https://tabler.io" style="background-color: color-mix(in srgb, var(--ayu-s-tag) 25%, transparent); color: var(--ayu-s-tag);" alt="Tabler"><span class="tabler--brand-tabler" style="pointer-events: none;"></span></a>
-                <a href="https://www.jetbrains.com/lp/mono" style="background-color: color-mix(in srgb, var(--ayu-v-added) 25%, transparent); color: var(--ayu-v-added);" alt="JetBrains Mono"><span class="tabler--text-size" style="pointer-events: none;"></span></a>
-                <a href="https://www.lexend.com" style="background-color: color-mix(in srgb, var(--ayu-v-removed) 25%, transparent); color: var(--ayu-v-removed);" alt="Lexend"><span class="tabler--letter-case" style="pointer-events: none;"></span></i></a>
+                <a href="https://forged.synth.download/sneexy/pages" style="background-color: color-mix(in srgb, var(--maroon) 25%, transparent); color: var(--maroon);" alt="website source!"><span class="tabler--brand-git" style="pointer-events: none;"></span></a>
+                <a href="https://github.com/ayu-theme/ayu-colors" style="background-color: color-mix(in srgb, var(--accent) 25%, transparent); color: var(--accent);" alt="Ayu"><span class="tabler--palette" style="pointer-events: none;"></span></svg></a>
+                <a href="https://tabler.io" style="background-color: color-mix(in srgb, var(--blue) 25%, transparent); color: var(--blue);" alt="Tabler"><span class="tabler--brand-tabler" style="pointer-events: none;"></span></a>
+                <a href="https://www.jetbrains.com/lp/mono" style="background-color: color-mix(in srgb, var(--green) 25%, transparent); color: var(--green);" alt="JetBrains Mono"><span class="tabler--text-size" style="pointer-events: none;"></span></a>
+                <a href="https://www.lexend.com" style="background-color: color-mix(in srgb, var(--sapphire) 25%, transparent); color: var(--sapphire);" alt="Lexend"><span class="tabler--letter-case" style="pointer-events: none;"></span></i></a>
             </section>
             <p style="padding-bottom: 14px;"><a href="https://synthspecies.com">Synth species</a> created by <a href="https://www.furaffinity.net/user/vader-san">Vader-San</a>, synth.download is not affiliated with the creator in any way.</p>
             <p>made with <span class="rainbow">love</span>, <span class="rainbow">lack of sleep</span> and <span class="rainbow">procrastination</span></p>