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=1696106131;
	bh=ny8ShLS8UUDTF+9VoVw3jcEaC5euj13ZsOIR8ZFgBng=;
	h=From:To:Cc:Subject:Date:In-Reply-To:References;
	b=Onjn7u+vqQfT5C/uvewiOVqTGiCAvMVbGXlLHyBCZboLBWK4gVDTrkwJ+V/ory2Kq
	 ecv3hPFGbql7ANAEY8U781o9HcyLbf7zMJ/T8HrN8OTkutonuMyV+0gmuaVR+5z3wn
	 /FneCYePRQxXNsW6YaeQS+KCbbHFjeGH99IdvSduK4jAcv0uRZXUutPpxPO9QDcylK
	 dgEBrk6HlafRUsyXyTGCKrwQyAMq+Tfc+MMSylFfTv2De5Ic/P/Acd9iAFdsCt3DqV
	 6BAsW7oYtM4Fhkbt4Q9bdw3OPaDF8tNjwRfpWuzNijUdS/29oNQV/WendVcSDnVs/c
	 tG3ScDgLsXfMw==
Received: from localhost.localdomain (unknown [68.183.184.174])
	by gnuweeb.org (Postfix) with ESMTPSA id 605D224B7B2;
	Sun,  1 Oct 2023 03:35:27 +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 v2 2/2] style: Add custom styling for scrollbars in chat interface
Date: Sun,  1 Oct 2023 03:35:01 +0700
Message-Id: <20230930203501.57609-3-zxce3@gnuweeb.org>
X-Mailer: git-send-email 2.34.1
In-Reply-To: <20230930203501.57609-1-zxce3@gnuweeb.org>
References: <20230930203501.57609-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