Skip to content

Instantly share code, notes, and snippets.

@DownGoat
Created May 28, 2019 21:32
Show Gist options
  • Save DownGoat/8ea9fd6ff055e53a3d52bb1c4d1c278e to your computer and use it in GitHub Desktop.
Save DownGoat/8ea9fd6ff055e53a3d52bb1c4d1c278e to your computer and use it in GitHub Desktop.
/* SCROLL BAR */
/* URLs to images
resizer: http://i.imgur.com/hyb90YC.png
down-arrow-active: http://i.imgur.com/paWZt7f.png
down-arrow-disabled: http://i.imgur.com/hJVnFr4.png
down-arrow-enabled: http://i.imgur.com/rGqTWWG.png
left-arrow-active: http://i.imgur.com/BhwUFGl.png
left-arrow-disabled: http://i.imgur.com/FocYdIW.png
left-arrow-enabled: http://i.imgur.com/4wBXM2p.png
right-arrow-active: http://i.imgur.com/q39FeM6.png
right-arrow-disabled: http://i.imgur.com/ZDzomkI.png
right-arrow-enabled: http://i.imgur.com/WrfBmNE.png
up-arrow-active: http://i.imgur.com/78jbDC2.png
up-arrow-disabled: http://i.imgur.com/ng0Quya.png
up-arrow-enabled: http://i.imgur.com/nCkVuVg.png
*/
::-webkit-scrollbar {
background-color: #074551;
}
/* arrow buttons */
::-webkit-scrollbar-button {
background-color: #074551;
background-repeat: no-repeat;
background-position: center;
}
::-webkit-scrollbar-button:active {
background-color: #074551;
}
::-webkit-scrollbar-button:hover:not(:active) {
background-color: #074551;
}
::-webkit-scrollbar-button:horizontal:increment {
background-image: url(http://i.imgur.com/WrfBmNE.png);
}
::-webkit-scrollbar-button:horizontal:increment:active {
background-image: url(http://i.imgur.com/q39FeM6.png);
}
::-webkit-scrollbar-button:horizontal:increment:disabled {
background-image: url(http://i.imgur.com/ZDzomkI.png);
}
::-webkit-scrollbar-button:horizontal:decrement {
background-image: url(http://i.imgur.com/4wBXM2p.png);
}
::-webkit-scrollbar-button:horizontal:decrement:active {
background-image: url(http://i.imgur.com/BhwUFGl.png);
}
::-webkit-scrollbar-button:horizontal:decrement:disabled {
background-image: url(http://i.imgur.com/FocYdIW.png);
}
::-webkit-scrollbar-button:vertical:increment {
background-image: url(http://i.imgur.com/rGqTWWG.png);
}
::-webkit-scrollbar-button:vertical:increment:active {
background-image: url(http://i.imgur.com/paWZt7f.png);
}
::-webkit-scrollbar-button:vertical:increment:disabled {
background-image: url(http://i.imgur.com/hJVnFr4.png);
}
::-webkit-scrollbar-button:vertical:decrement {
background-image: url(http://i.imgur.com/nCkVuVg.png);
}
::-webkit-scrollbar-button:vertical:decrement:active {
background-image: url(http://i.imgur.com/78jbDC2.png);
}
::-webkit-scrollbar-button:vertical:decrement:disabled {
background-image: url(http://i.imgur.com/ng0Quya.png);
}
/* foreground bar */
::-webkit-scrollbar-thumb {
background-color: #ca2be2;
}
::-webkit-scrollbar-thumb:horizontal {
border-top: 2px solid #ca2be2;
border-bottom: 2px solid #ca2be2;
}
::-webkit-scrollbar-thumb:vertical {
border-left: 2px solid #ca2be2;
border-right: 2px solid #ca2be2;
}
::-webkit-scrollbar-thumb:hover {
background-color: #ca2be2;
}
/* background bar */
::-webkit-scrollbar-track {
background-color: #074551;
}
/* corner, when there is converged scrollbars */
::-webkit-scrollbar-corner {
background-color: #074551;
}
-webkit-resizer {
border-top: 1px solid #074551;
border-left: 1px solid #074551;
background-image: url(http://i.imgur.com/hyb90YC.png);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment