colored mac84 scrollbar

<style>
::-webkit-scrollbar {
width: 16px;
}

::-webkit-scrollbar-corner {
border-top: 1px solid #000;
border-left: 1px solid #000;
}

::-webkit-scrollbar-thumb {
width: 14px;
box-shadow: inset -1px -1px 0 #343463, inset 1px 1px 0 #cdcdfc;
background-image: url(https://cdn.discordapp.com/attachments/887921355947933726/918635019658985542/thumb1.png);
background-color: #AAAAAB;
background-repeat: no-repeat;
background-position: center;
}

::-webkit-scrollbar-thumb:horizontal {
width: 14px;
box-shadow: inset -1px -1px 0 #343463, inset 1px 1px 0 #cdcdfc;
background-image: url(https://cdn.discordapp.com/attachments/887921355947933726/918635019969380442/tghumb2.png);
background-color: #AAAAAB;
background-repeat: no-repeat;
background-position: center;
}

::-webkit-scrollbar-track {
background: radial-gradient(circle at 0.5px 0.5px,#787877 0.5px,transparent 0) 0/4px 2px repeat,radial-gradient(circle at 2.5px 1.5px,#787877 0.5px,transparent 0) 0/4px 2px repeat,#dedede;
border-top: 1px solid #DEDEDE;
border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid #DEDEDE;
}

::-webkit-scrollbar-track:horizontal {
background: radial-gradient(circle at 0.5px 0.5px,#787877 0.5px,transparent 0) 0/4px 2px repeat,radial-gradient(circle at 2.5px 1.5px,#787877 0.5px,transparent 0) 0/4px 2px repeat,#dedede;
border-top: 1px solid black;
border-left: 1px solid #DEDEDE;
border-right: 1px solid #DEDEDE;
border-bottom: 1px solid black;
}

::-webkit-scrollbar-button:vertical:increment {
background-image: url(https://cdn.discordapp.com/attachments/887921355947933726/918634936251088896/inc1.png);
background-color: #DEDEDE;
background-repeat: no-repeat;
background-position: center;
width: 16px;
height: 16px;
border-left: 1px solid black;
border-top: 1px solid black;
border-right: 1px solid black;
}

::-webkit-scrollbar-button:vertical:decrement {
background-image: url(https://cdn.discordapp.com/attachments/887921355947933726/918634936070709248/dec1.png);
background-color: #DEDEDE;
background-repeat: no-repeat;
background-position: center;
border-top: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
width: 16px;
height: 16px;
}

::-webkit-scrollbar-button:horizontal:decrement {
background-image: url(https://cdn.discordapp.com/attachments/887921355947933726/918634936456593458/hordec.png);
background-color: #DEDEDE;
background-repeat: no-repeat;
background-position: center;
border-top: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
width: 16px;
height: 16px;
}

::-webkit-scrollbar-button:horizontal:increment {
background-image: url(https://cdn.discordapp.com/attachments/887921355947933726/918634936741797968/horinc.png);
background-color: #DEDEDE;
background-repeat: no-repeat;
background-position: center;
border-top: 1px solid black;
border-left: 1px solid black;
border-bottom: 1px solid black;
width: 16px;
height: 16px;
}
</style>