From 0e4c03b0584bad2eb8dd20046937ac5c1600f8ba Mon Sep 17 00:00:00 2001
From: Said Achmiz <said@saidachmiz.net>
Date: Mon, 27 Feb 2023 18:54:21 -0500
Subject: [PATCH] User mentions list styling, final touches

---
 www/css/style-brutalist.linux.css     | 15 ++++++++++++---
 www/css/style-brutalist.mac.css       | 15 ++++++++++++---
 www/css/style-brutalist.windows.css   | 15 ++++++++++++---
 www/css/style-dark.linux.css          | 12 ++++++++----
 www/css/style-dark.mac.css            | 12 ++++++++----
 www/css/style-dark.windows.css        | 12 ++++++++----
 www/css/style-grey.linux.css          | 15 ++++++++++-----
 www/css/style-grey.mac.css            | 15 ++++++++++-----
 www/css/style-grey.windows.css        | 15 ++++++++++-----
 www/css/style-less.linux.css          |  9 ++++++---
 www/css/style-less.mac.css            |  9 ++++++---
 www/css/style-less.windows.css        |  9 ++++++---
 www/css/style-ultramodern.linux.css   | 13 ++++++++-----
 www/css/style-ultramodern.mac.css     | 13 ++++++++-----
 www/css/style-ultramodern.windows.css | 13 ++++++++-----
 www/css/style-zero.linux.css          | 13 +++++++++++--
 www/css/style-zero.mac.css            | 13 +++++++++++--
 www/css/style-zero.windows.css        | 13 +++++++++++--
 www/css/style.linux.css               | 12 ++++++++----
 www/css/style.mac.css                 | 12 ++++++++----
 www/css/style.windows.css             | 12 ++++++++----
 www/theme-brutalist.css.php           | 19 ++++++++++++++-----
 www/theme-default.css.php             | 12 ++++++++----
 www/theme-grey.css.php                | 15 ++++++++++-----
 www/theme-less.css.php                |  9 ++++++---
 www/theme-ultramodern.css.php         | 13 ++++++++-----
 www/theme-zero.css.php                | 13 +++++++++++--
 27 files changed, 246 insertions(+), 102 deletions(-)

diff --git a/www/css/style-brutalist.linux.css b/www/css/style-brutalist.linux.css
index fc63da2e..6b2f373b 100644
--- a/www/css/style-brutalist.linux.css
+++ b/www/css/style-brutalist.linux.css
@@ -7129,13 +7129,17 @@ div.comment-child-links a {
 	background-color: #000;
 	color: #fff;
 }
-.posting-controls textarea::-webkit-scrollbar {
+
+.posting-controls textarea::-webkit-scrollbar,
+.textarea-container .autocomplete-container::-webkit-scrollbar {
 	width: 18px;
 }
-.posting-controls textarea::-webkit-scrollbar-track {
+.posting-controls textarea::-webkit-scrollbar-track,
+.textarea-container .autocomplete-container::-webkit-scrollbar-track {
 	background-color: #fff;
 }
-.posting-controls textarea::-webkit-scrollbar-thumb {
+.posting-controls textarea::-webkit-scrollbar-thumb,
+.textarea-container .autocomplete-container::-webkit-scrollbar-thumb {
 	background-color: #000;
 	background-image: url('data:image/gif;base64,R0lGODlhBAAEAPAAMXd3d////ywAAAAABAAEAAACBgQShqgJBQA7');
 	background-size: 2px 2px;
@@ -7145,6 +7149,11 @@ div.comment-child-links a {
 		0 2px 0 1.5px #777 inset,
 		0 0 0 1.5px #777 inset;
 }
+.textarea-container .autocomplete-container::-webkit-scrollbar-thumb {
+	box-shadow: 
+		0 0 0 1px #fff inset,
+		0 0 0 1.5px #777 inset;
+}
 .posting-controls textarea::-webkit-scrollbar-thumb:active {
 	background-image: url('data:image/gif;base64,R0lGODlhBAAEAPAAMQAAAP///ywAAAAABAAEAAACBgQShqgJBQA7');
 	box-shadow: 
diff --git a/www/css/style-brutalist.mac.css b/www/css/style-brutalist.mac.css
index fc63da2e..6b2f373b 100644
--- a/www/css/style-brutalist.mac.css
+++ b/www/css/style-brutalist.mac.css
@@ -7129,13 +7129,17 @@ div.comment-child-links a {
 	background-color: #000;
 	color: #fff;
 }
-.posting-controls textarea::-webkit-scrollbar {
+
+.posting-controls textarea::-webkit-scrollbar,
+.textarea-container .autocomplete-container::-webkit-scrollbar {
 	width: 18px;
 }
-.posting-controls textarea::-webkit-scrollbar-track {
+.posting-controls textarea::-webkit-scrollbar-track,
+.textarea-container .autocomplete-container::-webkit-scrollbar-track {
 	background-color: #fff;
 }
-.posting-controls textarea::-webkit-scrollbar-thumb {
+.posting-controls textarea::-webkit-scrollbar-thumb,
+.textarea-container .autocomplete-container::-webkit-scrollbar-thumb {
 	background-color: #000;
 	background-image: url('data:image/gif;base64,R0lGODlhBAAEAPAAMXd3d////ywAAAAABAAEAAACBgQShqgJBQA7');
 	background-size: 2px 2px;
@@ -7145,6 +7149,11 @@ div.comment-child-links a {
 		0 2px 0 1.5px #777 inset,
 		0 0 0 1.5px #777 inset;
 }
+.textarea-container .autocomplete-container::-webkit-scrollbar-thumb {
+	box-shadow: 
+		0 0 0 1px #fff inset,
+		0 0 0 1.5px #777 inset;
+}
 .posting-controls textarea::-webkit-scrollbar-thumb:active {
 	background-image: url('data:image/gif;base64,R0lGODlhBAAEAPAAMQAAAP///ywAAAAABAAEAAACBgQShqgJBQA7');
 	box-shadow: 
diff --git a/www/css/style-brutalist.windows.css b/www/css/style-brutalist.windows.css
index fc63da2e..6b2f373b 100644
--- a/www/css/style-brutalist.windows.css
+++ b/www/css/style-brutalist.windows.css
@@ -7129,13 +7129,17 @@ div.comment-child-links a {
 	background-color: #000;
 	color: #fff;
 }
-.posting-controls textarea::-webkit-scrollbar {
+
+.posting-controls textarea::-webkit-scrollbar,
+.textarea-container .autocomplete-container::-webkit-scrollbar {
 	width: 18px;
 }
-.posting-controls textarea::-webkit-scrollbar-track {
+.posting-controls textarea::-webkit-scrollbar-track,
+.textarea-container .autocomplete-container::-webkit-scrollbar-track {
 	background-color: #fff;
 }
-.posting-controls textarea::-webkit-scrollbar-thumb {
+.posting-controls textarea::-webkit-scrollbar-thumb,
+.textarea-container .autocomplete-container::-webkit-scrollbar-thumb {
 	background-color: #000;
 	background-image: url('data:image/gif;base64,R0lGODlhBAAEAPAAMXd3d////ywAAAAABAAEAAACBgQShqgJBQA7');
 	background-size: 2px 2px;
@@ -7145,6 +7149,11 @@ div.comment-child-links a {
 		0 2px 0 1.5px #777 inset,
 		0 0 0 1.5px #777 inset;
 }
+.textarea-container .autocomplete-container::-webkit-scrollbar-thumb {
+	box-shadow: 
+		0 0 0 1px #fff inset,
+		0 0 0 1.5px #777 inset;
+}
 .posting-controls textarea::-webkit-scrollbar-thumb:active {
 	background-image: url('data:image/gif;base64,R0lGODlhBAAEAPAAMQAAAP///ywAAAAABAAEAAACBgQShqgJBQA7');
 	box-shadow: 
diff --git a/www/css/style-dark.linux.css b/www/css/style-dark.linux.css
index d4785a29..02f69b49 100644
--- a/www/css/style-dark.linux.css
+++ b/www/css/style-dark.linux.css
@@ -7378,16 +7378,19 @@ div.comment-child-links a {
 
 /*= Scroll bars =*/
 
-.posting-controls textarea::-webkit-scrollbar {
+.posting-controls textarea::-webkit-scrollbar,
+.textarea-container .autocomplete-container::-webkit-scrollbar {
 	width: 16px;
 	background-color: transparent;
 }
-.posting-controls textarea::-webkit-scrollbar-track {
+.posting-controls textarea::-webkit-scrollbar-track,
+.textarea-container .autocomplete-container::-webkit-scrollbar-track {
 	background-color: #131313;
 	border-left: 1px solid #484848;
 	border-top: 1px solid #131313;
 }
-.posting-controls textarea:focus::-webkit-scrollbar-track {
+.posting-controls textarea:focus::-webkit-scrollbar-track,
+.textarea-container .autocomplete-container::-webkit-scrollbar-track {
 	border-left: 1px solid #0cc800;
 	border-top: 1px solid #1d1f00;
 }
@@ -7396,7 +7399,8 @@ div.comment-child-links a {
 	box-shadow: 0 0 0 1px #131313 inset;
 	border-left: 1px solid #484848;
 }
-.posting-controls textarea:focus::-webkit-scrollbar-thumb {
+.posting-controls textarea:focus::-webkit-scrollbar-thumb,
+.textarea-container .autocomplete-container::-webkit-scrollbar-thumb {
 	border-left: 1px solid #0cc800;
 	background-color: #40a800;
 	box-shadow: 
diff --git a/www/css/style-dark.mac.css b/www/css/style-dark.mac.css
index fd9d2109..bc6935bb 100644
--- a/www/css/style-dark.mac.css
+++ b/www/css/style-dark.mac.css
@@ -7378,16 +7378,19 @@ div.comment-child-links a {
 
 /*= Scroll bars =*/
 
-.posting-controls textarea::-webkit-scrollbar {
+.posting-controls textarea::-webkit-scrollbar,
+.textarea-container .autocomplete-container::-webkit-scrollbar {
 	width: 16px;
 	background-color: transparent;
 }
-.posting-controls textarea::-webkit-scrollbar-track {
+.posting-controls textarea::-webkit-scrollbar-track,
+.textarea-container .autocomplete-container::-webkit-scrollbar-track {
 	background-color: #131313;
 	border-left: 1px solid #484848;
 	border-top: 1px solid #131313;
 }
-.posting-controls textarea:focus::-webkit-scrollbar-track {
+.posting-controls textarea:focus::-webkit-scrollbar-track,
+.textarea-container .autocomplete-container::-webkit-scrollbar-track {
 	border-left: 1px solid #0cc800;
 	border-top: 1px solid #1d1f00;
 }
@@ -7396,7 +7399,8 @@ div.comment-child-links a {
 	box-shadow: 0 0 0 1px #131313 inset;
 	border-left: 1px solid #484848;
 }
-.posting-controls textarea:focus::-webkit-scrollbar-thumb {
+.posting-controls textarea:focus::-webkit-scrollbar-thumb,
+.textarea-container .autocomplete-container::-webkit-scrollbar-thumb {
 	border-left: 1px solid #0cc800;
 	background-color: #40a800;
 	box-shadow: 
diff --git a/www/css/style-dark.windows.css b/www/css/style-dark.windows.css
index d4785a29..02f69b49 100644
--- a/www/css/style-dark.windows.css
+++ b/www/css/style-dark.windows.css
@@ -7378,16 +7378,19 @@ div.comment-child-links a {
 
 /*= Scroll bars =*/
 
-.posting-controls textarea::-webkit-scrollbar {
+.posting-controls textarea::-webkit-scrollbar,
+.textarea-container .autocomplete-container::-webkit-scrollbar {
 	width: 16px;
 	background-color: transparent;
 }
-.posting-controls textarea::-webkit-scrollbar-track {
+.posting-controls textarea::-webkit-scrollbar-track,
+.textarea-container .autocomplete-container::-webkit-scrollbar-track {
 	background-color: #131313;
 	border-left: 1px solid #484848;
 	border-top: 1px solid #131313;
 }
-.posting-controls textarea:focus::-webkit-scrollbar-track {
+.posting-controls textarea:focus::-webkit-scrollbar-track,
+.textarea-container .autocomplete-container::-webkit-scrollbar-track {
 	border-left: 1px solid #0cc800;
 	border-top: 1px solid #1d1f00;
 }
@@ -7396,7 +7399,8 @@ div.comment-child-links a {
 	box-shadow: 0 0 0 1px #131313 inset;
 	border-left: 1px solid #484848;
 }
-.posting-controls textarea:focus::-webkit-scrollbar-thumb {
+.posting-controls textarea:focus::-webkit-scrollbar-thumb,
+.textarea-container .autocomplete-container::-webkit-scrollbar-thumb {
 	border-left: 1px solid #0cc800;
 	background-color: #40a800;
 	box-shadow: 
diff --git a/www/css/style-grey.linux.css b/www/css/style-grey.linux.css
index 6aa4743f..f6661394 100644
--- a/www/css/style-grey.linux.css
+++ b/www/css/style-grey.linux.css
@@ -7422,25 +7422,30 @@ div.comment-child-links a {
 
 /*= Scroll bars =*/
 
-.posting-controls textarea::-webkit-scrollbar {
+.posting-controls textarea::-webkit-scrollbar,
+.textarea-container .autocomplete-container::-webkit-scrollbar {
 	width: 16px;
 	background-color: transparent;
 }
-.posting-controls textarea::-webkit-scrollbar-track {
+.posting-controls textarea::-webkit-scrollbar-track,
+.textarea-container .autocomplete-container::-webkit-scrollbar-track {
 	background-color: #eee;
 	border-left: 1px solid #bbb;
 	border-top: 1px solid #eee;
 }
-.posting-controls textarea:focus::-webkit-scrollbar-track {
+.posting-controls textarea:focus::-webkit-scrollbar-track,
+.textarea-container .autocomplete-container::-webkit-scrollbar-track {
 	border-left: 1px solid #f60;
 	border-top: 1px solid #ddf;
 }
-.posting-controls textarea::-webkit-scrollbar-thumb {
+.posting-controls textarea::-webkit-scrollbar-thumb,
+.textarea-container .autocomplete-container::-webkit-scrollbar-thumb {
 	background-color: #bbb;
 	box-shadow: 0 0 0 1px #eee inset;
 	border-left: 1px solid #bbb;
 }
-.posting-controls textarea:focus::-webkit-scrollbar-thumb {
+.posting-controls textarea:focus::-webkit-scrollbar-thumb,
+.textarea-container .autocomplete-container::-webkit-scrollbar-thumb {
 	border-left: 1px solid #f60;
 	background-color: #f60;
 	box-shadow: 
diff --git a/www/css/style-grey.mac.css b/www/css/style-grey.mac.css
index 5e71e6cc..b5d82037 100644
--- a/www/css/style-grey.mac.css
+++ b/www/css/style-grey.mac.css
@@ -7422,25 +7422,30 @@ div.comment-child-links a {
 
 /*= Scroll bars =*/
 
-.posting-controls textarea::-webkit-scrollbar {
+.posting-controls textarea::-webkit-scrollbar,
+.textarea-container .autocomplete-container::-webkit-scrollbar {
 	width: 16px;
 	background-color: transparent;
 }
-.posting-controls textarea::-webkit-scrollbar-track {
+.posting-controls textarea::-webkit-scrollbar-track,
+.textarea-container .autocomplete-container::-webkit-scrollbar-track {
 	background-color: #eee;
 	border-left: 1px solid #bbb;
 	border-top: 1px solid #eee;
 }
-.posting-controls textarea:focus::-webkit-scrollbar-track {
+.posting-controls textarea:focus::-webkit-scrollbar-track,
+.textarea-container .autocomplete-container::-webkit-scrollbar-track {
 	border-left: 1px solid #f60;
 	border-top: 1px solid #ddf;
 }
-.posting-controls textarea::-webkit-scrollbar-thumb {
+.posting-controls textarea::-webkit-scrollbar-thumb,
+.textarea-container .autocomplete-container::-webkit-scrollbar-thumb {
 	background-color: #bbb;
 	box-shadow: 0 0 0 1px #eee inset;
 	border-left: 1px solid #bbb;
 }
-.posting-controls textarea:focus::-webkit-scrollbar-thumb {
+.posting-controls textarea:focus::-webkit-scrollbar-thumb,
+.textarea-container .autocomplete-container::-webkit-scrollbar-thumb {
 	border-left: 1px solid #f60;
 	background-color: #f60;
 	box-shadow: 
diff --git a/www/css/style-grey.windows.css b/www/css/style-grey.windows.css
index e2007547..7d1dd417 100644
--- a/www/css/style-grey.windows.css
+++ b/www/css/style-grey.windows.css
@@ -7422,25 +7422,30 @@ div.comment-child-links a {
 
 /*= Scroll bars =*/
 
-.posting-controls textarea::-webkit-scrollbar {
+.posting-controls textarea::-webkit-scrollbar,
+.textarea-container .autocomplete-container::-webkit-scrollbar {
 	width: 16px;
 	background-color: transparent;
 }
-.posting-controls textarea::-webkit-scrollbar-track {
+.posting-controls textarea::-webkit-scrollbar-track,
+.textarea-container .autocomplete-container::-webkit-scrollbar-track {
 	background-color: #eee;
 	border-left: 1px solid #bbb;
 	border-top: 1px solid #eee;
 }
-.posting-controls textarea:focus::-webkit-scrollbar-track {
+.posting-controls textarea:focus::-webkit-scrollbar-track,
+.textarea-container .autocomplete-container::-webkit-scrollbar-track {
 	border-left: 1px solid #f60;
 	border-top: 1px solid #ddf;
 }
-.posting-controls textarea::-webkit-scrollbar-thumb {
+.posting-controls textarea::-webkit-scrollbar-thumb,
+.textarea-container .autocomplete-container::-webkit-scrollbar-thumb {
 	background-color: #bbb;
 	box-shadow: 0 0 0 1px #eee inset;
 	border-left: 1px solid #bbb;
 }
-.posting-controls textarea:focus::-webkit-scrollbar-thumb {
+.posting-controls textarea:focus::-webkit-scrollbar-thumb,
+.textarea-container .autocomplete-container::-webkit-scrollbar-thumb {
 	border-left: 1px solid #f60;
 	background-color: #f60;
 	box-shadow: 
diff --git a/www/css/style-less.linux.css b/www/css/style-less.linux.css
index 4d092827..ab1addd9 100644
--- a/www/css/style-less.linux.css
+++ b/www/css/style-less.linux.css
@@ -8061,18 +8061,21 @@ div.comment-child-links a {
 
 /*= Scroll bars =*/
 
-.posting-controls textarea::-webkit-scrollbar {
+.posting-controls textarea::-webkit-scrollbar,
+.textarea-container .autocomplete-container::-webkit-scrollbar {
 	width: 16px;
 	background-color: transparent;
 }
-.posting-controls textarea::-webkit-scrollbar-track {
+.posting-controls textarea::-webkit-scrollbar-track,
+.textarea-container .autocomplete-container::-webkit-scrollbar-track {
 	background-color: #fff;
 }
 .posting-controls textarea::-webkit-scrollbar-thumb {
 	background-color: #eee;
 	box-shadow: 0 0 0 1px #fff inset;
 }
-.posting-controls textarea:focus::-webkit-scrollbar-thumb {
+.posting-controls textarea:focus::-webkit-scrollbar-thumb,
+.textarea-container .autocomplete-container::-webkit-scrollbar-thumb {
 	background-color: #c4dbc4;
 	box-shadow: 0 0 0 1px #fff inset;
 }
diff --git a/www/css/style-less.mac.css b/www/css/style-less.mac.css
index 9ac3488a..0e3e845a 100644
--- a/www/css/style-less.mac.css
+++ b/www/css/style-less.mac.css
@@ -8061,18 +8061,21 @@ div.comment-child-links a {
 
 /*= Scroll bars =*/
 
-.posting-controls textarea::-webkit-scrollbar {
+.posting-controls textarea::-webkit-scrollbar,
+.textarea-container .autocomplete-container::-webkit-scrollbar {
 	width: 16px;
 	background-color: transparent;
 }
-.posting-controls textarea::-webkit-scrollbar-track {
+.posting-controls textarea::-webkit-scrollbar-track,
+.textarea-container .autocomplete-container::-webkit-scrollbar-track {
 	background-color: #fff;
 }
 .posting-controls textarea::-webkit-scrollbar-thumb {
 	background-color: #eee;
 	box-shadow: 0 0 0 1px #fff inset;
 }
-.posting-controls textarea:focus::-webkit-scrollbar-thumb {
+.posting-controls textarea:focus::-webkit-scrollbar-thumb,
+.textarea-container .autocomplete-container::-webkit-scrollbar-thumb {
 	background-color: #c4dbc4;
 	box-shadow: 0 0 0 1px #fff inset;
 }
diff --git a/www/css/style-less.windows.css b/www/css/style-less.windows.css
index 4d092827..ab1addd9 100644
--- a/www/css/style-less.windows.css
+++ b/www/css/style-less.windows.css
@@ -8061,18 +8061,21 @@ div.comment-child-links a {
 
 /*= Scroll bars =*/
 
-.posting-controls textarea::-webkit-scrollbar {
+.posting-controls textarea::-webkit-scrollbar,
+.textarea-container .autocomplete-container::-webkit-scrollbar {
 	width: 16px;
 	background-color: transparent;
 }
-.posting-controls textarea::-webkit-scrollbar-track {
+.posting-controls textarea::-webkit-scrollbar-track,
+.textarea-container .autocomplete-container::-webkit-scrollbar-track {
 	background-color: #fff;
 }
 .posting-controls textarea::-webkit-scrollbar-thumb {
 	background-color: #eee;
 	box-shadow: 0 0 0 1px #fff inset;
 }
-.posting-controls textarea:focus::-webkit-scrollbar-thumb {
+.posting-controls textarea:focus::-webkit-scrollbar-thumb,
+.textarea-container .autocomplete-container::-webkit-scrollbar-thumb {
 	background-color: #c4dbc4;
 	box-shadow: 0 0 0 1px #fff inset;
 }
diff --git a/www/css/style-ultramodern.linux.css b/www/css/style-ultramodern.linux.css
index b8fc7733..5ecd5aa9 100644
--- a/www/css/style-ultramodern.linux.css
+++ b/www/css/style-ultramodern.linux.css
@@ -7402,23 +7402,26 @@ div.comment-child-links a {
 
 /*= Scroll bars =*/
 
-.posting-controls textarea::-webkit-scrollbar {
+.posting-controls textarea::-webkit-scrollbar,
+.textarea-container .autocomplete-container::-webkit-scrollbar {
 	width: 16px;
 	background-color: transparent;
 }
 .posting-controls textarea::-webkit-scrollbar-track {
 	border-left: 1px solid #999;
 }
-.posting-controls textarea:focus::-webkit-scrollbar-track {
-	border-left: 1px solid #999;
+.posting-controls textarea:focus::-webkit-scrollbar-track,
+.textarea-container .autocomplete-container::-webkit-scrollbar-track {
+	border-left: 1px solid #bbb;
 }
 .posting-controls textarea::-webkit-scrollbar-thumb {
 	background-color: #999;
 	box-shadow: 0 0 0 1px #888 inset;
 	border-left: 1px solid #999;
 }
-.posting-controls textarea:focus::-webkit-scrollbar-thumb {
-	border-left: 1px solid #999;
+.posting-controls textarea:focus::-webkit-scrollbar-thumb,
+.textarea-container .autocomplete-container::-webkit-scrollbar-thumb {
+	border-left: 1px solid #bbb;
 	background-color: #ccc;
 	box-shadow: 0 0 0 1px #888 inset;
 }
diff --git a/www/css/style-ultramodern.mac.css b/www/css/style-ultramodern.mac.css
index 12695e62..767a4061 100644
--- a/www/css/style-ultramodern.mac.css
+++ b/www/css/style-ultramodern.mac.css
@@ -7402,23 +7402,26 @@ div.comment-child-links a {
 
 /*= Scroll bars =*/
 
-.posting-controls textarea::-webkit-scrollbar {
+.posting-controls textarea::-webkit-scrollbar,
+.textarea-container .autocomplete-container::-webkit-scrollbar {
 	width: 16px;
 	background-color: transparent;
 }
 .posting-controls textarea::-webkit-scrollbar-track {
 	border-left: 1px solid #999;
 }
-.posting-controls textarea:focus::-webkit-scrollbar-track {
-	border-left: 1px solid #999;
+.posting-controls textarea:focus::-webkit-scrollbar-track,
+.textarea-container .autocomplete-container::-webkit-scrollbar-track {
+	border-left: 1px solid #bbb;
 }
 .posting-controls textarea::-webkit-scrollbar-thumb {
 	background-color: #999;
 	box-shadow: 0 0 0 1px #888 inset;
 	border-left: 1px solid #999;
 }
-.posting-controls textarea:focus::-webkit-scrollbar-thumb {
-	border-left: 1px solid #999;
+.posting-controls textarea:focus::-webkit-scrollbar-thumb,
+.textarea-container .autocomplete-container::-webkit-scrollbar-thumb {
+	border-left: 1px solid #bbb;
 	background-color: #ccc;
 	box-shadow: 0 0 0 1px #888 inset;
 }
diff --git a/www/css/style-ultramodern.windows.css b/www/css/style-ultramodern.windows.css
index 93722755..680e7917 100644
--- a/www/css/style-ultramodern.windows.css
+++ b/www/css/style-ultramodern.windows.css
@@ -7402,23 +7402,26 @@ div.comment-child-links a {
 
 /*= Scroll bars =*/
 
-.posting-controls textarea::-webkit-scrollbar {
+.posting-controls textarea::-webkit-scrollbar,
+.textarea-container .autocomplete-container::-webkit-scrollbar {
 	width: 16px;
 	background-color: transparent;
 }
 .posting-controls textarea::-webkit-scrollbar-track {
 	border-left: 1px solid #999;
 }
-.posting-controls textarea:focus::-webkit-scrollbar-track {
-	border-left: 1px solid #999;
+.posting-controls textarea:focus::-webkit-scrollbar-track,
+.textarea-container .autocomplete-container::-webkit-scrollbar-track {
+	border-left: 1px solid #bbb;
 }
 .posting-controls textarea::-webkit-scrollbar-thumb {
 	background-color: #999;
 	box-shadow: 0 0 0 1px #888 inset;
 	border-left: 1px solid #999;
 }
-.posting-controls textarea:focus::-webkit-scrollbar-thumb {
-	border-left: 1px solid #999;
+.posting-controls textarea:focus::-webkit-scrollbar-thumb,
+.textarea-container .autocomplete-container::-webkit-scrollbar-thumb {
+	border-left: 1px solid #bbb;
 	background-color: #ccc;
 	box-shadow: 0 0 0 1px #888 inset;
 }
diff --git a/www/css/style-zero.linux.css b/www/css/style-zero.linux.css
index a3b948f2..a790dfcb 100644
--- a/www/css/style-zero.linux.css
+++ b/www/css/style-zero.linux.css
@@ -7155,11 +7155,13 @@ h1.listing .edit-post-link:hover,
 
 /*= Scroll bars =*/
 
-.posting-controls textarea::-webkit-scrollbar {
+.posting-controls textarea::-webkit-scrollbar,
+.textarea-container .autocomplete-container::-webkit-scrollbar {
 	width: 16px;
 	background-color: transparent;
 }
-.posting-controls textarea::-webkit-scrollbar-track {
+.posting-controls textarea::-webkit-scrollbar-track,
+.textarea-container .autocomplete-container::-webkit-scrollbar-track {
 	background-color: #fff;
 	border-left: 1px solid #0040ff;
 	border-top: 1px solid #eee;
@@ -7180,6 +7182,13 @@ h1.listing .edit-post-link:hover,
 		0 1px 0 0 #ddf inset,
 		0 0 0 1px #eee inset;
 }
+.textarea-container .autocomplete-container::-webkit-scrollbar-thumb {
+	background-color: #0040ff;
+	border-left: 1px solid #0040ff;
+	box-shadow: 
+		0 1px 0 0 #ddf inset,
+		0 0 0 1px #eee inset;
+}
 
 .posting-controls.edit-existing-post textarea:focus::-webkit-scrollbar-track,
 .posting-controls form.edit-existing-comment textarea:focus::-webkit-scrollbar-track {
diff --git a/www/css/style-zero.mac.css b/www/css/style-zero.mac.css
index a3b948f2..a790dfcb 100644
--- a/www/css/style-zero.mac.css
+++ b/www/css/style-zero.mac.css
@@ -7155,11 +7155,13 @@ h1.listing .edit-post-link:hover,
 
 /*= Scroll bars =*/
 
-.posting-controls textarea::-webkit-scrollbar {
+.posting-controls textarea::-webkit-scrollbar,
+.textarea-container .autocomplete-container::-webkit-scrollbar {
 	width: 16px;
 	background-color: transparent;
 }
-.posting-controls textarea::-webkit-scrollbar-track {
+.posting-controls textarea::-webkit-scrollbar-track,
+.textarea-container .autocomplete-container::-webkit-scrollbar-track {
 	background-color: #fff;
 	border-left: 1px solid #0040ff;
 	border-top: 1px solid #eee;
@@ -7180,6 +7182,13 @@ h1.listing .edit-post-link:hover,
 		0 1px 0 0 #ddf inset,
 		0 0 0 1px #eee inset;
 }
+.textarea-container .autocomplete-container::-webkit-scrollbar-thumb {
+	background-color: #0040ff;
+	border-left: 1px solid #0040ff;
+	box-shadow: 
+		0 1px 0 0 #ddf inset,
+		0 0 0 1px #eee inset;
+}
 
 .posting-controls.edit-existing-post textarea:focus::-webkit-scrollbar-track,
 .posting-controls form.edit-existing-comment textarea:focus::-webkit-scrollbar-track {
diff --git a/www/css/style-zero.windows.css b/www/css/style-zero.windows.css
index a3b948f2..a790dfcb 100644
--- a/www/css/style-zero.windows.css
+++ b/www/css/style-zero.windows.css
@@ -7155,11 +7155,13 @@ h1.listing .edit-post-link:hover,
 
 /*= Scroll bars =*/
 
-.posting-controls textarea::-webkit-scrollbar {
+.posting-controls textarea::-webkit-scrollbar,
+.textarea-container .autocomplete-container::-webkit-scrollbar {
 	width: 16px;
 	background-color: transparent;
 }
-.posting-controls textarea::-webkit-scrollbar-track {
+.posting-controls textarea::-webkit-scrollbar-track,
+.textarea-container .autocomplete-container::-webkit-scrollbar-track {
 	background-color: #fff;
 	border-left: 1px solid #0040ff;
 	border-top: 1px solid #eee;
@@ -7180,6 +7182,13 @@ h1.listing .edit-post-link:hover,
 		0 1px 0 0 #ddf inset,
 		0 0 0 1px #eee inset;
 }
+.textarea-container .autocomplete-container::-webkit-scrollbar-thumb {
+	background-color: #0040ff;
+	border-left: 1px solid #0040ff;
+	box-shadow: 
+		0 1px 0 0 #ddf inset,
+		0 0 0 1px #eee inset;
+}
 
 .posting-controls.edit-existing-post textarea:focus::-webkit-scrollbar-track,
 .posting-controls form.edit-existing-comment textarea:focus::-webkit-scrollbar-track {
diff --git a/www/css/style.linux.css b/www/css/style.linux.css
index 7870c5d2..25a7a48d 100644
--- a/www/css/style.linux.css
+++ b/www/css/style.linux.css
@@ -7375,16 +7375,19 @@ div.comment-child-links a {
 
 /*= Scroll bars =*/
 
-.posting-controls textarea::-webkit-scrollbar {
+.posting-controls textarea::-webkit-scrollbar,
+.textarea-container .autocomplete-container::-webkit-scrollbar {
 	width: 16px;
 	background-color: transparent;
 }
-.posting-controls textarea::-webkit-scrollbar-track {
+.posting-controls textarea::-webkit-scrollbar-track,
+.textarea-container .autocomplete-container::-webkit-scrollbar-track {
 	background-color: #eee;
 	border-left: 1px solid #aaa;
 	border-top: 1px solid #eee;
 }
-.posting-controls textarea:focus::-webkit-scrollbar-track {
+.posting-controls textarea:focus::-webkit-scrollbar-track,
+.textarea-container .autocomplete-container::-webkit-scrollbar-track {
 	border-left: 1px solid #00e;
 	border-top: 1px solid #ddf;
 }
@@ -7393,7 +7396,8 @@ div.comment-child-links a {
 	box-shadow: 0 0 0 1px #eee inset;
 	border-left: 1px solid #aaa;
 }
-.posting-controls textarea:focus::-webkit-scrollbar-thumb {
+.posting-controls textarea:focus::-webkit-scrollbar-thumb,
+.textarea-container .autocomplete-container::-webkit-scrollbar-thumb {
 	border-left: 1px solid #00e;
 	background-color: #0040ff;
 	box-shadow: 
diff --git a/www/css/style.mac.css b/www/css/style.mac.css
index d01d958e..445753c7 100644
--- a/www/css/style.mac.css
+++ b/www/css/style.mac.css
@@ -7375,16 +7375,19 @@ div.comment-child-links a {
 
 /*= Scroll bars =*/
 
-.posting-controls textarea::-webkit-scrollbar {
+.posting-controls textarea::-webkit-scrollbar,
+.textarea-container .autocomplete-container::-webkit-scrollbar {
 	width: 16px;
 	background-color: transparent;
 }
-.posting-controls textarea::-webkit-scrollbar-track {
+.posting-controls textarea::-webkit-scrollbar-track,
+.textarea-container .autocomplete-container::-webkit-scrollbar-track {
 	background-color: #eee;
 	border-left: 1px solid #aaa;
 	border-top: 1px solid #eee;
 }
-.posting-controls textarea:focus::-webkit-scrollbar-track {
+.posting-controls textarea:focus::-webkit-scrollbar-track,
+.textarea-container .autocomplete-container::-webkit-scrollbar-track {
 	border-left: 1px solid #00e;
 	border-top: 1px solid #ddf;
 }
@@ -7393,7 +7396,8 @@ div.comment-child-links a {
 	box-shadow: 0 0 0 1px #eee inset;
 	border-left: 1px solid #aaa;
 }
-.posting-controls textarea:focus::-webkit-scrollbar-thumb {
+.posting-controls textarea:focus::-webkit-scrollbar-thumb,
+.textarea-container .autocomplete-container::-webkit-scrollbar-thumb {
 	border-left: 1px solid #00e;
 	background-color: #0040ff;
 	box-shadow: 
diff --git a/www/css/style.windows.css b/www/css/style.windows.css
index 7870c5d2..25a7a48d 100644
--- a/www/css/style.windows.css
+++ b/www/css/style.windows.css
@@ -7375,16 +7375,19 @@ div.comment-child-links a {
 
 /*= Scroll bars =*/
 
-.posting-controls textarea::-webkit-scrollbar {
+.posting-controls textarea::-webkit-scrollbar,
+.textarea-container .autocomplete-container::-webkit-scrollbar {
 	width: 16px;
 	background-color: transparent;
 }
-.posting-controls textarea::-webkit-scrollbar-track {
+.posting-controls textarea::-webkit-scrollbar-track,
+.textarea-container .autocomplete-container::-webkit-scrollbar-track {
 	background-color: #eee;
 	border-left: 1px solid #aaa;
 	border-top: 1px solid #eee;
 }
-.posting-controls textarea:focus::-webkit-scrollbar-track {
+.posting-controls textarea:focus::-webkit-scrollbar-track,
+.textarea-container .autocomplete-container::-webkit-scrollbar-track {
 	border-left: 1px solid #00e;
 	border-top: 1px solid #ddf;
 }
@@ -7393,7 +7396,8 @@ div.comment-child-links a {
 	box-shadow: 0 0 0 1px #eee inset;
 	border-left: 1px solid #aaa;
 }
-.posting-controls textarea:focus::-webkit-scrollbar-thumb {
+.posting-controls textarea:focus::-webkit-scrollbar-thumb,
+.textarea-container .autocomplete-container::-webkit-scrollbar-thumb {
 	border-left: 1px solid #00e;
 	background-color: #0040ff;
 	box-shadow: 
diff --git a/www/theme-brutalist.css.php b/www/theme-brutalist.css.php
index caba5fa6..576df91c 100644
--- a/www/theme-brutalist.css.php
+++ b/www/theme-brutalist.css.php
@@ -1201,15 +1201,19 @@ div.comment-child-links a {
 	background-color: #000;
 	color: #fff;
 }
-.posting-controls textarea::-webkit-scrollbar {
+
+.posting-controls textarea::-webkit-scrollbar,
+.textarea-container .autocomplete-container::-webkit-scrollbar {
 	width: 18px;
 }
-.posting-controls textarea::-webkit-scrollbar-track {
+.posting-controls textarea::-webkit-scrollbar-track,
+.textarea-container .autocomplete-container::-webkit-scrollbar-track {
 	background-color: #fff;
 }
-.posting-controls textarea::-webkit-scrollbar-thumb {
+.posting-controls textarea::-webkit-scrollbar-thumb,
+.textarea-container .autocomplete-container::-webkit-scrollbar-thumb {
 	background-color: #000;
-	background-image: url('data:image/gif;base64,<?php echo base64_encode(file_get_contents("assets/checkerboard2_1px_gray.gif")) ?>');
+	background-image: url('data:image/gif;base64,R0lGODlhBAAEAPAAMXd3d////ywAAAAABAAEAAACBgQShqgJBQA7');
 	background-size: 2px 2px;
 	box-shadow: 
 		0 2px 0 1px #fff inset,
@@ -1217,8 +1221,13 @@ div.comment-child-links a {
 		0 2px 0 1.5px #777 inset,
 		0 0 0 1.5px #777 inset;
 }
+.textarea-container .autocomplete-container::-webkit-scrollbar-thumb {
+	box-shadow: 
+		0 0 0 1px #fff inset,
+		0 0 0 1.5px #777 inset;
+}
 .posting-controls textarea::-webkit-scrollbar-thumb:active {
-	background-image: url('data:image/gif;base64,<?php echo base64_encode(file_get_contents("assets/checkerboard2_1px.gif")) ?>');
+	background-image: url('data:image/gif;base64,R0lGODlhBAAEAPAAMQAAAP///ywAAAAABAAEAAACBgQShqgJBQA7');
 	box-shadow: 
 		0 2px 0 1px #fff inset,
 		0 0 0 1px #fff inset,
diff --git a/www/theme-default.css.php b/www/theme-default.css.php
index f3c74ffa..5fd7649e 100644
--- a/www/theme-default.css.php
+++ b/www/theme-default.css.php
@@ -1460,16 +1460,19 @@ div.comment-child-links a {
 
 /*= Scroll bars =*/
 
-.posting-controls textarea::-webkit-scrollbar {
+.posting-controls textarea::-webkit-scrollbar,
+.textarea-container .autocomplete-container::-webkit-scrollbar {
 	width: 16px;
 	background-color: transparent;
 }
-.posting-controls textarea::-webkit-scrollbar-track {
+.posting-controls textarea::-webkit-scrollbar-track,
+.textarea-container .autocomplete-container::-webkit-scrollbar-track {
 	background-color: #eee;
 	border-left: 1px solid #aaa;
 	border-top: 1px solid #eee;
 }
-.posting-controls textarea:focus::-webkit-scrollbar-track {
+.posting-controls textarea:focus::-webkit-scrollbar-track,
+.textarea-container .autocomplete-container::-webkit-scrollbar-track {
 	border-left: 1px solid #00e;
 	border-top: 1px solid #ddf;
 }
@@ -1478,7 +1481,8 @@ div.comment-child-links a {
 	box-shadow: 0 0 0 1px #eee inset;
 	border-left: 1px solid #aaa;
 }
-.posting-controls textarea:focus::-webkit-scrollbar-thumb {
+.posting-controls textarea:focus::-webkit-scrollbar-thumb,
+.textarea-container .autocomplete-container::-webkit-scrollbar-thumb {
 	border-left: 1px solid #00e;
 	background-color: #0040ff;
 	box-shadow: 
diff --git a/www/theme-grey.css.php b/www/theme-grey.css.php
index 59af9eb2..58cf418f 100644
--- a/www/theme-grey.css.php
+++ b/www/theme-grey.css.php
@@ -1506,25 +1506,30 @@ div.comment-child-links a {
 
 /*= Scroll bars =*/
 
-.posting-controls textarea::-webkit-scrollbar {
+.posting-controls textarea::-webkit-scrollbar,
+.textarea-container .autocomplete-container::-webkit-scrollbar {
 	width: 16px;
 	background-color: transparent;
 }
-.posting-controls textarea::-webkit-scrollbar-track {
+.posting-controls textarea::-webkit-scrollbar-track,
+.textarea-container .autocomplete-container::-webkit-scrollbar-track {
 	background-color: #eee;
 	border-left: 1px solid #bbb;
 	border-top: 1px solid #eee;
 }
-.posting-controls textarea:focus::-webkit-scrollbar-track {
+.posting-controls textarea:focus::-webkit-scrollbar-track,
+.textarea-container .autocomplete-container::-webkit-scrollbar-track {
 	border-left: 1px solid #f60;
 	border-top: 1px solid #ddf;
 }
-.posting-controls textarea::-webkit-scrollbar-thumb {
+.posting-controls textarea::-webkit-scrollbar-thumb,
+.textarea-container .autocomplete-container::-webkit-scrollbar-thumb {
 	background-color: #bbb;
 	box-shadow: 0 0 0 1px #eee inset;
 	border-left: 1px solid #bbb;
 }
-.posting-controls textarea:focus::-webkit-scrollbar-thumb {
+.posting-controls textarea:focus::-webkit-scrollbar-thumb,
+.textarea-container .autocomplete-container::-webkit-scrollbar-thumb {
 	border-left: 1px solid #f60;
 	background-color: #f60;
 	box-shadow: 
diff --git a/www/theme-less.css.php b/www/theme-less.css.php
index cf7a121e..3521d497 100644
--- a/www/theme-less.css.php
+++ b/www/theme-less.css.php
@@ -2127,18 +2127,21 @@ div.comment-child-links a {
 
 /*= Scroll bars =*/
 
-.posting-controls textarea::-webkit-scrollbar {
+.posting-controls textarea::-webkit-scrollbar,
+.textarea-container .autocomplete-container::-webkit-scrollbar {
 	width: 16px;
 	background-color: transparent;
 }
-.posting-controls textarea::-webkit-scrollbar-track {
+.posting-controls textarea::-webkit-scrollbar-track,
+.textarea-container .autocomplete-container::-webkit-scrollbar-track {
 	background-color: #fff;
 }
 .posting-controls textarea::-webkit-scrollbar-thumb {
 	background-color: #eee;
 	box-shadow: 0 0 0 1px #fff inset;
 }
-.posting-controls textarea:focus::-webkit-scrollbar-thumb {
+.posting-controls textarea:focus::-webkit-scrollbar-thumb,
+.textarea-container .autocomplete-container::-webkit-scrollbar-thumb {
 	background-color: #c4dbc4;
 	box-shadow: 0 0 0 1px #fff inset;
 }
diff --git a/www/theme-ultramodern.css.php b/www/theme-ultramodern.css.php
index 382df459..83b54870 100644
--- a/www/theme-ultramodern.css.php
+++ b/www/theme-ultramodern.css.php
@@ -1485,23 +1485,26 @@ div.comment-child-links a {
 
 /*= Scroll bars =*/
 
-.posting-controls textarea::-webkit-scrollbar {
+.posting-controls textarea::-webkit-scrollbar,
+.textarea-container .autocomplete-container::-webkit-scrollbar {
 	width: 16px;
 	background-color: transparent;
 }
 .posting-controls textarea::-webkit-scrollbar-track {
 	border-left: 1px solid #999;
 }
-.posting-controls textarea:focus::-webkit-scrollbar-track {
-	border-left: 1px solid #999;
+.posting-controls textarea:focus::-webkit-scrollbar-track,
+.textarea-container .autocomplete-container::-webkit-scrollbar-track {
+	border-left: 1px solid #bbb;
 }
 .posting-controls textarea::-webkit-scrollbar-thumb {
 	background-color: #999;
 	box-shadow: 0 0 0 1px #888 inset;
 	border-left: 1px solid #999;
 }
-.posting-controls textarea:focus::-webkit-scrollbar-thumb {
-	border-left: 1px solid #999;
+.posting-controls textarea:focus::-webkit-scrollbar-thumb,
+.textarea-container .autocomplete-container::-webkit-scrollbar-thumb {
+	border-left: 1px solid #bbb;
 	background-color: #ccc;
 	box-shadow: 0 0 0 1px #888 inset;
 }
diff --git a/www/theme-zero.css.php b/www/theme-zero.css.php
index 0515b586..8db902c0 100644
--- a/www/theme-zero.css.php
+++ b/www/theme-zero.css.php
@@ -1238,11 +1238,13 @@ h1.listing .edit-post-link:hover,
 
 /*= Scroll bars =*/
 
-.posting-controls textarea::-webkit-scrollbar {
+.posting-controls textarea::-webkit-scrollbar,
+.textarea-container .autocomplete-container::-webkit-scrollbar {
 	width: 16px;
 	background-color: transparent;
 }
-.posting-controls textarea::-webkit-scrollbar-track {
+.posting-controls textarea::-webkit-scrollbar-track,
+.textarea-container .autocomplete-container::-webkit-scrollbar-track {
 	background-color: #fff;
 	border-left: 1px solid #0040ff;
 	border-top: 1px solid #eee;
@@ -1263,6 +1265,13 @@ h1.listing .edit-post-link:hover,
 		0 1px 0 0 #ddf inset,
 		0 0 0 1px #eee inset;
 }
+.textarea-container .autocomplete-container::-webkit-scrollbar-thumb {
+	background-color: #0040ff;
+	border-left: 1px solid #0040ff;
+	box-shadow: 
+		0 1px 0 0 #ddf inset,
+		0 0 0 1px #eee inset;
+}
 
 .posting-controls.edit-existing-post textarea:focus::-webkit-scrollbar-track,
 .posting-controls form.edit-existing-comment textarea:focus::-webkit-scrollbar-track {
-- 
2.11.4.GIT