Add styles for scrollbar and nav

cristofima · Feb 29, 2024 · be4693a · be4693a
1 parent 05ed37c
commit be4693a
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 1 deletion.
diff --git 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;
 }
diff --git 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
+}