diff --git a/src/App.vue b/src/App.vue
index 97578ac..92e297d 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -24,7 +24,8 @@ const handleLogout = () => {
     font-family: Avenir, Helvetica, Arial, sans-serif;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
-    color: #2c3e50;
+    /* color: #2c3e50; */
+    color: var(--color-text);
     margin: 0 auto;
     padding: 20px;
     max-width: 100%;
@@ -49,7 +50,8 @@ td {
     text-align: left;
 }
 th {
-    background-color: #f2f2f2;
+    /* background-color: #f2f2f2; */
+    background-color: var(--color-background);
 }
 .userstory-table-container {
     overflow-x: auto;