From mboxrd@z Thu Jan  1 00:00:00 1970
Return-Path: <zxce3@gnuweeb.org>
X-Spam-Checker-Version: SpamAssassin 3.4.6 (2021-04-09) on gnuweeb.org
X-Spam-Level: 
X-Spam-Status: No, score=-1.2 required=5.0 tests=ALL_TRUSTED,DKIM_SIGNED,
	DKIM_VALID,DKIM_VALID_AU,DKIM_VALID_EF,URIBL_BLOCKED,
	URIBL_DBL_BLOCKED_OPENDNS autolearn=ham autolearn_force=no
	version=3.4.6
DKIM-Signature: v=1; a=rsa-sha256; c=relaxed/simple; d=gnuweeb.org;
	s=default; t=1696102117;
	bh=ny8ShLS8UUDTF+9VoVw3jcEaC5euj13ZsOIR8ZFgBng=;
	h=From:To:Cc:Subject:Date:In-Reply-To:References;
	b=moraAejaUXKQwxVYr3DqXSZcllgY4bx+q1SIhUoce2JjZE0TZFaQRXhSMrLdbIngW
	 RRtyorkl6ad0wKipNnZL2817E8Pp8FIPw+WrJxN3E8HJBPER7c0Qz32+5Vz9V9/fHZ
	 Hef5v9td8bPiukyhQ27m6P6YEgJgt7KAdkXv1clJZIaCGJQGl7p4qPCAU7XsNqn4fC
	 lCF756b21sAs7mKYt6jFCeAY17wXO/KeBXKaZcXNbl3g46yQNc5fhlHWvXx2cVczFU
	 G9+wRSSAzcW4F5j6V7wcUSgEFPKiV8ACvvn71gblLeklun6a94unEDTtCTshIici0n
	 pWTjc5BxiLMtg==
Received: from localhost.localdomain (unknown [68.183.184.174])
	by gnuweeb.org (Postfix) with ESMTPSA id A726F24B863;
	Sun,  1 Oct 2023 02:28:34 +0700 (WIB)
From: Memet Zx <zxce3@gnuweeb.org>
To: Ammar Faizi <ammarfaizi2@gnuweeb.org>
Cc: Memet Zx <zxce3@gnuweeb.org>,
	Muhammad Rizki <kiizuha@gnuweeb.org>,
	Alviro Iskandar Setiawan <alviro.iskandar@gnuweeb.org>,
	GNU/Weeb Mailing List <gwml@vger.gnuweeb.org>,
	Irvan Malik Azantha <irvanma@gnuweeb.org>
Subject: [PATCH Website 2/2] style: Add custom styling for scrollbars in chat interface
Date: Sun,  1 Oct 2023 02:28:08 +0700
Message-Id: <20230930192809.56266-2-zxce3@gnuweeb.org>
X-Mailer: git-send-email 2.34.1
In-Reply-To: <20230930192809.56266-1-zxce3@gnuweeb.org>
References: <20230930192809.56266-1-zxce3@gnuweeb.org>
MIME-Version: 1.0
Content-Transfer-Encoding: 8bit
List-Id: <gwml.vger.gnuweeb.org>

This commit introduces custom styling for scrollbars using CSS. The
scrollbars now have a width of 6px, a dark background color for the
thumb (#718096), and a light background color for the track (#CBD5E0).
This enhances the visual appearance of the interface.

Signed-off-by: Memet Zx <zxce3@gnuweeb.org>
---
 style.css | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/style.css b/style.css
index 19d1659..2bf4cea 100644
--- a/style.css
+++ b/style.css
@@ -3,6 +3,17 @@
 @tailwind utilities;
 
 
+::-webkit-scrollbar {
+  width: 6px;
+}
+
+::-webkit-scrollbar-thumb {
+  background-color: #718096;
+}
+
+::-webkit-scrollbar-track {
+  background-color: #CBD5E0;
+}
 .chat {
   @apply grid gap-x-3 py-1
 }
-- 
Memet Zx