diff --git a/static/css/extra.css b/static/css/extra.css
index c6a3a7fb..7216dbe2 100644
--- a/static/css/extra.css
+++ b/static/css/extra.css
@@ -23,10 +23,28 @@
     position: relative;
 }
 
+/* This is equal to light mode */
 [data-md-color-primary=black] .md-tabs {
+
+    /* Set color of the tab bar */
     background-color: #0DCEFF;
 }
 
+/* Dark Mode */
+[data-md-color-scheme="slate"] .md-header {
+    /* keep black backgroud of title bar (header) */
+    background-color: black;
+}
+
+/* Tab Bar */
 .md-tabs {
     color: black;
 }
+
+.md-tabs__item {
+    font-weight: bolder;
+}
+
+.md-tabs__link--active {
+    text-decoration: underline;
+}