Created other scroll styles

dist/tuicss.css

@@ -909,11 +909,12 @@ input[type=button] {
 /* Responsive */
 /* Scrool */
 /* Grid */
+/* Default */
 ::-webkit-scrollbar {
   width: 10px; }
 
 ::-webkit-scrollbar-track {
-  background-image: url(images/scroll.png);
+  background-image: url(images/scroll-cyan.png);
   background-repeat: repeat; }
 
 ::-webkit-scrollbar-thumb {
@@ -922,6 +923,70 @@ input[type=button] {
 ::-webkit-scrollbar-thumb:hover {
   background-color: #00a8a8; }
 
+/* Styles */
+.tui-scroll-blue ::-webkit-scrollbar-track {
+  background-image: url(images/scroll-blue.png); }
+
+.tui-scroll-blue ::-webkit-scrollbar-thumb {
+  background-color: #0000a8; }
+
+.tui-scroll-blue ::-webkit-scrollbar-thumb:hover {
+  background-color: #0000a8; }
+
+.tui-scroll-green ::-webkit-scrollbar-track {
+  background-image: url(images/scroll-green.png); }
+
+.tui-scroll-green ::-webkit-scrollbar-thumb {
+  background-color: #00a800; }
+
+.tui-scroll-green ::-webkit-scrollbar-thumb:hover {
+  background-color: #00a800; }
+
+.tui-scroll-cyan ::-webkit-scrollbar-track {
+  background-image: url(images/scroll-cyan.png); }
+
+.tui-scroll-cyan ::-webkit-scrollbar-thumb {
+  background-color: #00a8a8; }
+
+.tui-scroll-cyan ::-webkit-scrollbar-thumb:hover {
+  background-color: #00a8a8; }
+
+.tui-scroll-red ::-webkit-scrollbar-track {
+  background-image: url(images/scroll-red.png); }
+
+.tui-scroll-red ::-webkit-scrollbar-thumb {
+  background-color: #a80000; }
+
+.tui-scroll-red ::-webkit-scrollbar-thumb:hover {
+  background-color: #a80000; }
+
+.tui-scroll-purple ::-webkit-scrollbar-track {
+  background-image: url(images/scroll-purple.png); }
+
+.tui-scroll-purple ::-webkit-scrollbar-thumb {
+  background-color: #a800a8; }
+
+.tui-scroll-purple ::-webkit-scrollbar-thumb:hover {
+  background-color: #a800a8; }
+
+.tui-scroll-yellow ::-webkit-scrollbar-track {
+  background-image: url(images/scroll-yellow.png); }
+
+.tui-scroll-yellow ::-webkit-scrollbar-thumb {
+  background-color: #a8a800; }
+
+.tui-scroll-yellow ::-webkit-scrollbar-thumb:hover {
+  background-color: #a8a800; }
+
+.tui-scroll-white ::-webkit-scrollbar-track {
+  background-image: url(images/scroll-white.png); }
+
+.tui-scroll-white ::-webkit-scrollbar-thumb {
+  background-color: #a8a8a8; }
+
+.tui-scroll-white ::-webkit-scrollbar-thumb:hover {
+  background-color: #a8a8a8; }
+
 .tui-sidenav {
   position: fixed;
   top: 0px;