Scrollbars

To use a scrollbar, copy and paste the code under the scrollbar you want into the head section of your HTML. Note: Colored scrollbars don't work in Firefox.

<style type="text/css"> BODY { scrollbar-arrow-color: #E9474B; scrollbar-face-color: #E9474B; scrollbar-3dlight-color: #E9474B; scrollbar-highlight-color: #F7999B; scrollbar-shadow-color: #CF0F14; scrollbar-darkshadow-color: #A90509; scrollbar-track-color: #F7999B; } </style>


<style type="text/css"> BODY { scrollbar-arrow-color: #FFAD4D; scrollbar-face-color: #FFAD4D; scrollbar-3dlight-color: #FFAD4D; scrollbar-highlight-color: #FFD3A9; scrollbar-shadow-color: #FF8309; scrollbar-darkshadow-color: #E67200; scrollbar-track-color: #FFD3A9; } </style>


<style type="text/css"> BODY { scrollbar-arrow-color: #FFE381; scrollbar-face-color: #FFE381; scrollbar-3dlight-color: #FFE381; scrollbar-highlight-color: #FFFDE3; scrollbar-shadow-color: #FFD235; scrollbar-darkshadow-color: #F0A900; scrollbar-track-color: #FFFDE3; } </style>


<style type="text/css"> BODY { scrollbar-arrow-color: #9ED965; scrollbar-face-color: #9ED965; scrollbar-3dlight-color: #9ED965; scrollbar-highlight-color: #CFF2AC; scrollbar-shadow-color: #75BA32; scrollbar-darkshadow-color: #629C2A; scrollbar-track-color: #CFF2AC; } </style>


<style type="text/css"> BODY { scrollbar-arrow-color: #70E6C3; scrollbar-face-color: #70E6C3; scrollbar-3dlight-color: #70E6C3; scrollbar-highlight-color: #CCF8EA; scrollbar-shadow-color: #27CF9A; scrollbar-darkshadow-color: #12AA7D; scrollbar-track-color: #CCF8EA; } </style>


<style type="text/css"> BODY { scrollbar-arrow-color: #6FD2E1; scrollbar-face-color: #6FD2E1; scrollbar-3dlight-color: #6FD2E1; scrollbar-highlight-color: #C5EFF5; scrollbar-shadow-color: #CF272B; scrollbar-darkshadow-color: #39C1D5; scrollbar-track-color: #239FB1; } </style>


<style type="text/css"> BODY { scrollbar-arrow-color: #649FCC; scrollbar-face-color: #649FCC; scrollbar-3dlight-color: #649FCC; scrollbar-highlight-color: #A3C9E7; scrollbar-shadow-color: #3880B8; scrollbar-darkshadow-color: #276A99; scrollbar-track-color: #A3C9E7; } </style>


<style type="text/css"> BODY { scrollbar-arrow-color: #B789D7; scrollbar-face-color: #B789D7; scrollbar-3dlight-color: #B789D7; scrollbar-highlight-color: #D7BFE9; scrollbar-shadow-color: #9B63C7; scrollbar-darkshadow-color: #8B4EBA; scrollbar-track-color: #D7BFE9; } </style>


<style type="text/css"> BODY { scrollbar-arrow-color: #FF8BA9; scrollbar-face-color: #FF8BA9; scrollbar-3dlight-color: #FF8BA9; scrollbar-highlight-color: #FEC2D3; scrollbar-shadow-color: #FF6994; scrollbar-darkshadow-color: #ED4377; scrollbar-track-color: #FEC2D3; } </style>


<style type="text/css"> BODY { scrollbar-arrow-color: #575757; scrollbar-face-color: #575757; scrollbar-3dlight-color: #575757; scrollbar-highlight-color: #9A9A9A; scrollbar-shadow-color: #1D1D1D; scrollbar-darkshadow-color: #000000; scrollbar-track-color: #9A9A9A; } </style>