From be4693a0bebf5fc1f16336506c5d59af84d7217d Mon Sep 17 00:00:00 2001
From: Cristopher Coronado <cristofima@hotmail.com>
Date: Thu, 29 Feb 2024 11:33:50 -0500
Subject: [PATCH] Add styles for scrollbar and nav

---
 .../home/components/home.component.scss         | 10 ++++++++++
 src/styles.scss                                 | 17 ++++++++++++++++-
 2 files changed, 26 insertions(+), 1 deletion(-)

diff --git a/src/app/features/home/components/home.component.scss b/src/app/features/home/components/home.component.scss
index 411c658..4fdca27 100644
--- a/src/app/features/home/components/home.component.scss
+++ b/src/app/features/home/components/home.component.scss
@@ -17,4 +17,14 @@
     width: 150px;
     min-width: 150px;
   }
+}
+
+.nav-tabs .nav-link {
+  color: rgba(var(--tmdbDarkBlue), 1);
+  font-weight: 600;
+}
+
+.nav-tabs .nav-link.active {
+  background-color: rgb(var(--tmdbDarkBlue));
+  color: #1ed5a9;
 }
\ No newline at end of file
diff --git a/src/styles.scss b/src/styles.scss
index 90d4ee0..e811f5f 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -1 +1,16 @@
-/* You can add global styles to this file, and also import other style files */
+:root {
+    --tmdbDarkBlue: 3, 37, 65;
+}
+
+::-webkit-scrollbar-track {
+    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+}
+
+::-webkit-scrollbar-thumb {
+    background-color: darkgrey;
+}
+
+::-webkit-scrollbar {
+    height: 8px; // height of horizontal scrollbar
+    width: 8px; // width of vertical scrollbar
+}
\ No newline at end of file