adding new variable for load indicator and footbar

public/s/css/f0ck.css

@@ -38,6 +38,8 @@ html[theme='f0ck'] {
   --badge-tag: #090909;
   --scrollbar-color: #2b2b2b;
   --scroller-bg: #424242;
+  --footbar-color: #9f0;
+  --loading-indicator-color: #9f0;
 }
 
 html[theme="f0ck"] .admin-search button {
@@ -90,6 +92,8 @@ html[theme='p1nk'] {
   --posts-meta-bg: #000000b8;
   --scrollbar-color: #2b2b2b;
   --scroller-bg: #424242;
+  --footbar-color: #ff00d0;
+  --loading-indicator-color: #ff00d0;
 }
 
 html[theme="p1nk"] .pagination > a, .pagination > span  {
@@ -138,6 +142,8 @@ html[theme='orange'] {
   --badge-nsfw: #a72828;
   --scrollbar-color: #2b2b2b;
   --scroller-bg: #424242;
+  --footbar-color: #ff6f00;
+  --loading-indicator-color: #ff6f00;
 }
 
 html[theme="orange"] .pagination > a, .pagination > span  {
@@ -187,6 +193,8 @@ html[theme='amoled'] {
   --badge-tag: #1a1a1a;
   --scrollbar-color: #1d1c1c;
   --scroller-bg: #424242;
+  --footbar-color: #fff;
+  --loading-indicator-color: #fff;
 }
 
 html[theme="amoled"] .pagination > a, .pagination > span  {
@@ -253,6 +261,8 @@ html[theme="paper"] {
   --badge-tag: #000000;
   --scrollbar-color: #6c6c6c;
   --scroller-bg: #424242;
+  --footbar-color: #000;
+  --loading-indicator-color: #000;
 }
 
 html[theme="paper"] ._204863 {
@@ -426,6 +436,8 @@ html[theme="atmos"] {
   --badge-nsfw: #a72828;
   --badge-tag: #090909;
   --scrollbar-color: #2b2b2b;
+  --footbar-color: #1fb2b0;
+  --loading-indicator-color: #1fb2b0;
 }
 
 html[theme="atmos"] .pagination > a, .pagination > span  {
@@ -476,6 +488,8 @@ html[theme="term"] {
   --scrollbar-color: #2b2b2b;
   --scroller-bg: #424242;
   --tooltip-bg: #131212;
+  --footbar-color: #00DF00;
+  --loading-indicator-color: #00DF00;
 }
 
 html[theme="term"] .pagination > a, .pagination > span  {
@@ -541,6 +555,8 @@ html[theme="iced"] {
   --scrollbar-color: #2b2b2b;
   --scroller-bg: #424242;
   --tooltip-bg: #0a3f53;
+  --footbar-color: #0084ff;
+  --loading-indicator-color: #0084ff;
 }
 
 html[theme="iced"] ._204863 {
@@ -607,6 +623,8 @@ html[theme='f0ck95'] {
   --badge-tag: #959393;
   --scrollbar-color: #2b2b2b;
   --scroller-bg: #424242;
+  --footbar-color: #000;
+  --loading-indicator-color: #000;
 }
 
 html[theme="f0ck95"] html, body {
@@ -794,6 +812,15 @@ html[theme="f0ck95"] .populateME {
   left: 10px;
 }
 
+html[theme="f0ck95"] input {
+  color: #000;
+}
+
+html[theme="f0ck95"] #footbar {
+  box-shadow: inset 0px 4px 0px var(--black);
+  color: var(--black);
+}
+
 /* f0ck95dARK */
 html[theme='f0ck95d'] {
   --accent: #fff;
@@ -829,6 +856,8 @@ html[theme='f0ck95d'] {
   --badge-tag: #2f2f2f;
   --scrollbar-color: #2b2b2b;
   --scroller-bg: #424242;
+  --footbar-color: #fff;
+  --loading-indicator-color: #fff;
 }
 
 html[theme="f0ck95d"] ._204863 {

public/s/js/f0ck.js

@@ -71,8 +71,8 @@
       if(Math.ceil(window.innerHeight + window.scrollY) >= document.body.offsetHeight && e.deltaY > 0) { // down
         if(elem = document.querySelector(".pagination > .next:not(.disabled)")) {
           if(tts < scroll_treshold) {
-            document.querySelector("div#footbar").style.boxShadow = "inset 0px 4px 0px var(--accent)";
+            document.querySelector("div#footbar").style.boxShadow = "inset 0px 4px 0px var(--footbar-color)";
-            document.querySelector("div#footbar").style.color = "var(--accent)";
+            document.querySelector("div#footbar").style.color = "var(--footbar-color)";
             tts++;
           }
           else
@@ -82,7 +82,7 @@
       else if(window.scrollY <= 0 && e.deltaY < 0) { // up
         if(elem = document.querySelector(".pagination > .prev:not(.disabled)")) {
           if(tts < scroll_treshold) {
-            document.querySelector("nav.navbar").style.boxShadow = "0px 2px 0px var(--accent)";
+            document.querySelector("nav.navbar").style.boxShadow = "0px 2px 0px var(--loading-indicator-color)";
             document.querySelector("nav.navbar").style.transition = ".2s ease-in-out";
             tts++;
           }