diff --git a/public/s/css/f0ck.css b/public/s/css/f0ck.css index 671ed25..25e6ac7 100644 --- a/public/s/css/f0ck.css +++ b/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 { diff --git a/public/s/js/f0ck.js b/public/s/js/f0ck.js index ec16243..059a324 100644 --- a/public/s/js/f0ck.js +++ b/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.color = "var(--accent)"; + document.querySelector("div#footbar").style.boxShadow = "inset 0px 4px 0px var(--footbar-color)"; + 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++; }