change scroll bar style

mkhangg · Nov 17, 2023 · de895fe · de895fe
1 parent fb0a359
commit de895fe
Show file tree

Hide file tree

Showing 5 changed files with 34 additions and 1 deletion.
diff --git a/README.md b/README.md
@@ -10,6 +10,7 @@ This repository contains source code of [my academic website](https://mkhangg.co
 ## Update
 List of updates (in terms of functionalities):
 
+* **[17 Nov 2023]** New webpage scrollbar style is added.
 * **[06 Nov 2023]** Sound effects when users interacting with functionalities.
 * **[04 Nov 2023]** Sink to disappear the icon is added.
 * **[04 Nov 2023]** Simple draggable pop-up icon (like Messenger) is added.

diff --git a/_site/assets/doc/Resume_KhangNguyen.pdf b/_site/assets/doc/Resume_KhangNguyen.pdf
diff --git a/_site/feed.xml b/_site/feed.xml
@@ -1 +1 @@
-<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.3.2">Jekyll</generator><link href="http://localhost:4000/feed.xml" rel="self" type="application/atom+xml" /><link href="http://localhost:4000/" rel="alternate" type="text/html" /><updated>2023-11-07T18:12:53-06:00</updated><id>http://localhost:4000/feed.xml</id><title type="html">khang nguyen</title></feed>
+<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.3.2">Jekyll</generator><link href="http://localhost:4000/feed.xml" rel="self" type="application/atom+xml" /><link href="http://localhost:4000/" rel="alternate" type="text/html" /><updated>2023-11-17T10:18:56-06:00</updated><id>http://localhost:4000/feed.xml</id><title type="html">khang nguyen</title></feed>
diff --git a/_site/styles/styles.css b/_site/styles/styles.css
@@ -274,3 +274,19 @@ button.dark-theme {
     vertical-align: middle;
     margin-right: 10px;
 }
+
+
+/* New style for webpage scrollbar */
+::-webkit-scrollbar-track {
+    background-color: #f1f1f1;
+}
+::-webkit-scrollbar-thumb {
+    background-color: #888;
+}
+::-webkit-scrollbar-thumb:hover {
+    background-color: #555;
+}
+::-webkit-scrollbar {
+    width: 10px;
+}
+
diff --git a/styles/styles.css b/styles/styles.css
@@ -274,3 +274,19 @@ button.dark-theme {
     vertical-align: middle;
     margin-right: 10px;
 }
+
+
+/* New style for webpage scrollbar */
+::-webkit-scrollbar-track {
+    background-color: #f1f1f1;
+}
+::-webkit-scrollbar-thumb {
+    background-color: #888;
+}
+::-webkit-scrollbar-thumb:hover {
+    background-color: #555;
+}
+::-webkit-scrollbar {
+    width: 10px;
+}
+
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.3.2">Jekyll</generator><link href="http://localhost:4000/feed.xml" rel="self" type="application/atom+xml" /><link href="http://localhost:4000/" rel="alternate" type="text/html" /><updated>2023-11-07T18:12:53-06:00</updated><id>http://localhost:4000/feed.xml</id><title type="html">khang nguyen</title></feed>
		<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.3.2">Jekyll</generator><link href="http://localhost:4000/feed.xml" rel="self" type="application/atom+xml" /><link href="http://localhost:4000/" rel="alternate" type="text/html" /><updated>2023-11-17T10:18:56-06:00</updated><id>http://localhost:4000/feed.xml</id><title type="html">khang nguyen</title></feed>