f0ck/f0ckv2
3
4
Fork 0
Code Issues 13 Pull Requests Actions Packages Projects Releases Wiki Activity

adding new variable for load indicator and footbar

Browse Source
This commit is contained in:
Kibi Kelburton 2022-05-18 16:45:14 +02:00
parent c0f8f6c536
commit 1f761ec62b
2 changed files with 32 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
public/s/css/f0ck.css
View File

@ -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 {

6
public/s/js/f0ck.js
View File

@ -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++;
}