diff --git a/lib/layout.php b/lib/layout.php
index 4582242..3df0352 100644
--- a/lib/layout.php
+++ b/lib/layout.php
@@ -93,16 +93,10 @@
 			a:active	{	color: #$linkcolor3;	}
 			a:hover		{	color: #$linkcolor4;	}
 			body {
-				scrollbar-face-color:		#$scr3;
-				scrollbar-track-color:		#$scr7;
-				scrollbar-arrow-color:		#$scr6;
-				scrollbar-highlight-color:	#$scr2;
-				scrollbar-3dlight-color:	#$scr1;
-				scrollbar-shadow-color:	#$scr4;
-				scrollbar-darkshadow-color:	#$scr5;
 				color: #$textcolor;
 				font:13px $font;
 				background: #$bgcolor$bgimage;
+
 			}
 			div.lastpost { font: 10px $font2 !important; white-space: nowrap; }
 			div.lastpost:first-line { font: 13px $font !important; }
@@ -120,7 +114,75 @@
 					 border-left:	#$tableborder 1px solid;}
 			td.tbl	{border-right:	#$tableborder 1px solid;
 					 border-bottom:	#$tableborder 1px solid}
-		";
+			";
+
+		if (
+			   isset($scr1)
+			&& isset($scr2)
+			&& isset($scr3)
+			&& isset($scr4)
+			&& isset($scr5)
+			&& isset($scr6)
+			&& isset($scr7)
+		) {
+			$css	.= "
+			/* IE/Webkit/Chrome/etc. custom scrollbars. Remember these? */
+			body {
+				scrollbar-face-color:		#$scr3;
+				scrollbar-track-color:		#$scr7;
+				scrollbar-arrow-color:		#$scr6;
+				scrollbar-highlight-color:	#$scr2;
+				scrollbar-3dlight-color:	#$scr1;
+				scrollbar-shadow-color:	#$scr4;
+				scrollbar-darkshadow-color:	#$scr5;
+			}
+
+			::-webkit-scrollbar, ::-webkit-scrollbar-button {
+				width:	1.25em;
+				height:	1.25em;
+				}
+			::-webkit-scrollbar-track	{
+				background-color: #$scr7;
+				}
+			::-webkit-scrollbar-track-piece	{
+
+				}
+			::-webkit-scrollbar-thumb, ::-webkit-scrollbar-button	{
+				background-color:	#$scr3;
+				background-size:	contain;
+				background-repeat:	no-repeat;
+				background-position:	center;
+				border:	2px solid;
+				color:	#$scr6;
+				border-color: #$scr1 #$scr4 #$scr5 #$scr2;
+				}
+
+			::-webkit-scrollbar-thumb:active, ::-webkit-scrollbar-button:active	{
+				background-color:	#$scr4;
+				border-color: #$scr5 #$scr2 #$scr1 #$scr5;
+				}
+
+			::-webkit-scrollbar-button:vertical:decrement {
+				background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23$scr6'><polygon points='12 75, 50 25, 88 75'/></svg>\");
+
+				}
+			::-webkit-scrollbar-button:vertical:increment {
+				background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23$scr6'><polygon points='12 25, 50 75, 88 25'/></svg>\");
+				}
+
+			::-webkit-scrollbar-button:horizontal:decrement {
+				background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23$scr6'><polygon points='75 12, 25 50, 75 88'/></svg>\");
+
+				}
+			::-webkit-scrollbar-button:horizontal:increment {
+				background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23$scr6'><polygon points='25 12, 75 50, 25 88'/></svg>\");
+				}
+
+			::-webkit-scrollbar-corner	{
+				background:		#$scr7;
+				}
+			";
+		}
 	}
 
 	$numcols=(filter_int($numcols) ? $numcols : 60);