diff --git a/index.html b/index.html
index ca1f973..e88f57b 100644
--- a/index.html
+++ b/index.html
@@ -76,7 +76,7 @@
     }
     
     .tab_panel {
-      @apply inline-block lg:px-4 px-8 py-1 text-selection_foreground
+      @apply inline-block lg:px-4 px-8 py-1 text-brightwhite
     }
 
     .doc_header {
@@ -518,7 +518,7 @@
 
         <!-- Tabs for local files -->
         <div class="min-w-screen flex grow flex-col">
-          <ul id="local-script-tabs" class=" flex text-xl font-medium text-center  neutral-900 space-x-1 lg:space-x-8">
+          <ul id="local-script-tabs" class=" flex text-xl font-medium text-center bg-background space-x-1 lg:space-x-8">
             <li class="pl-5">
                 <a title="Local Script 1 (F1)" id="tab-1" class="tab_panel">1</a>
             </li>
diff --git a/src/InterfaceLogic.ts b/src/InterfaceLogic.ts
index 37d156f..bb5eaa6 100644
--- a/src/InterfaceLogic.ts
+++ b/src/InterfaceLogic.ts
@@ -59,8 +59,10 @@ export const installInterfaceLogic = (app: Editor) => {
     tabs[i].addEventListener("click", (event) => {
       // Updating the CSS accordingly
       tabs[i].classList.add("bg-foreground");
+      tabs[i].classList.add("text-selection_foreground");
       for (let j = 0; j < tabs.length; j++) {
         if (j != i) tabs[j].classList.remove("bg-foreground");
+        if (j != i) tabs[j].classList.remove("text-selection_foreground");
       }
       app.currentFile().candidate = app.view.state.doc.toString();