diff --git a/src/App.tsx b/src/App.tsx
index 81b88c1..306b2b5 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -41,12 +41,12 @@ export default function App() {
 
   return (
     // Full screen container
-    <div class="p-10 bg-dark-800 text-rose-300 min-h-full">
+    <div class="p-10 bg-dark-800 color-main min-h-full">
 
       {/* Content container */}
       <div class="max-w-screen-md m-auto">
 
-        <p class="text-4xl text-rose-400 text-center py-10">File Listing</p>
+        <p class="text-4xl color-emp text-center py-10">File Listing</p>
 
         {/* Breadcrumbs */}
         <div>
diff --git a/src/app.sass b/src/app.sass
index 4254b49..945a216 100644
--- a/src/app.sass
+++ b/src/app.sass
@@ -1,2 +1,29 @@
 .tippy-box
     max-width: unset !important
+
+.color-emp
+    color: #ebadb6
+
+.color-main
+    color: #c49098
+
+.color-sub
+    color: #ad7a82
+
+.color-subsub
+    color: #77545a
+
+.color-alt
+    color: #ebd6b7
+
+.color-bg-lighter
+    color: #211D1D
+
+.color-bg
+    color: #1b1616
+
+.color-bg-darker
+    color: #181414
+
+.color-sub.active
+    @extend .color-emp
\ No newline at end of file