From e1db153d153a9d4fe0f6bd778584a6db17c49ec9 Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Thu, 27 Apr 2023 09:00:22 +0200
Subject: [PATCH] add scrollbar styling for blog

---
 static/css/blog/index.css | 17 +++++++++++++++++
 static/css/blog/post.css  | 17 +++++++++++++++++
 2 files changed, 34 insertions(+)

diff --git a/static/css/blog/index.css b/static/css/blog/index.css
index 25f5e44..078c125 100644
--- a/static/css/blog/index.css
+++ b/static/css/blog/index.css
@@ -41,6 +41,23 @@ html {
     "Segoe UI Symbol";
 }
 
+/* Barre de scroll - Firefox */
+* {
+  scrollbar-color: var(--font-color) var(--bg);
+}
+
+/* Barre de scroll - Chrome */
+*::-webkit-scrollbar {
+  width: 7px;
+  height: 9px;
+  background: var(--bg);
+}
+
+*::-webkit-scrollbar-thumb {
+  background-color: var(--font-color);
+  border-radius: 10px;
+}
+
 /* Title of page */
 h1 {
   color: var(--font-color);
diff --git a/static/css/blog/post.css b/static/css/blog/post.css
index 8bccb75..ea5e358 100644
--- a/static/css/blog/post.css
+++ b/static/css/blog/post.css
@@ -40,6 +40,23 @@ html {
   line-height: 1.5em;
 }
 
+/* Barre de scroll - Firefox */
+* {
+  scrollbar-color: var(--font-color) var(--bg);
+}
+
+/* Barre de scroll - Chrome */
+*::-webkit-scrollbar {
+  width: 7px;
+  height: 9px;
+  background: var(--bg);
+}
+
+*::-webkit-scrollbar-thumb {
+  background-color: var(--font-color);
+  border-radius: 10px;
+}
+
 /* Post's title */
 header > h1 {
   font-size: 2.5rem;