Andromeda/jank-client-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

scrollbar style

Browse source
This commit is contained in:
ygg2 2024-07-12 06:21:03 -04:00
parent de637c8976
commit fc4836c042
2 changed files with 12 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

11
webpage/style.css
View file

@ -577,23 +577,28 @@ hr {
grid-column: 2; grid-column: 2;
} }
::-webkit-scrollbar { ::-webkit-scrollbar {
width: .1in; width: .16in;
height: .1in; height: .1in;
} }
::-webkit-scrollbar-track { ::-webkit-scrollbar-track {
background-color: transparent;
}
::-webkit-scrollbar-track:hover {
background-color: var(--scrollbar-track); background-color: var(--scrollbar-track);
} }
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
background-color: var(--scrollbar-thumb); background-color: var(--scrollbar-thumb);
box-shadow: 0 2px 5px var(--black); border-radius: .08in;
border: .03in solid transparent;
background-clip: padding-box;
transition: .1s; transition: .1s;
} }
::-webkit-scrollbar-thumb:hover { ::-webkit-scrollbar-thumb:hover {
background-color: var(--scrollbar-thumb-hover); background-color: var(--scrollbar-thumb-hover);
box-shadow: 0 2px 5px var(--black);
} }
.pronouns { .pronouns {

7
webpage/themes.css
View file

@ -40,9 +40,9 @@
--loading-bg: #22232c; --loading-bg: #22232c;
--dialog-bg: #33363d; --dialog-bg: #33363d;
--dialog-border: #1c1b31; --dialog-border: #1c1b31;
--scrollbar-track: #34313c; --scrollbar-track: #37373b;
--scrollbar-thumb: #201f29; --scrollbar-thumb: #92929B;
--scrollbar-thumb-hover: #16161f; --scrollbar-thumb-hover: #a2a2a2;
--markdown-timestamp: #2f2f33; --markdown-timestamp: #2f2f33;
--embed: #1a1823; --embed: #1a1823;
--discovery-bg: #37373b; --discovery-bg: #37373b;
@ -103,6 +103,7 @@
--message-bg-hover: #5757b5; --message-bg-hover: #5757b5;
--typing-bg: #000000; --typing-bg: #000000;
--profile-bg: #8075bf; --profile-bg: #8075bf;
--profile-info-bg: #8075bf;
--timestamp-color: #000000; --timestamp-color: #000000;
--code-bg: #a89adf; --code-bg: #a89adf;
--info-bg: #6060a3; --info-bg: #6060a3;