Spotify/top-lists
0
0
Fork 0
Code Issues Activity

Add styling for scrollbars

Browse source
This commit is contained in:
Oliver-Akins 2020-08-14 21:24:49 -06:00
parent 5fcc37495f
commit 816fa63e78
3 changed files with 33 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/App.vue
View file

@ -71,6 +71,7 @@ export default {
<style>
@import "./css/transitions.css";
@import "./css/dark_theme.css";
@import "./css/scrollbar.css";
@import "./css/tooltips.css";
@import "./css/inputs.css";

6
src/css/dark_theme.css
View file

@ -46,5 +46,9 @@
--percent-filled: var(--accent2);
--percent-empty: var(--on-card-colour);
--percent-text: var(--on-card-text)
--percent-text: var(--on-card-text);
--scrollbar-background: #0f0f0f;
--scrollbar-handle: #4d4d4d;
--scrollbar-handle-hover: #5e5e5e;
}

27
src/css/scrollbar.css Normal file
View file

@ -0,0 +1,27 @@
/* width */
::-webkit-scrollbar {
width: 10px;
}
/* Track */
::-webkit-scrollbar-track {
background: var(--scrollbar-background);
border-radius: 5px;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: var(--scrollbar-handle);
border-radius: 5px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: var(--scrollbar-handle-hover);
}
* {
scrollbar-width: thin;
scrollbar-color: var(--scrollbar-handle) var(--scrollbar-background);
}