diff --git a/nginx/vue/public/css/styles.css b/nginx/vue/public/css/styles.css
index 268c3c7..8c0d872 100644
--- a/nginx/vue/public/css/styles.css
+++ b/nginx/vue/public/css/styles.css
@@ -37,15 +37,15 @@
     --portal_light_blue: #00a2ff;
 
     /* MAIN COLORS */
-    --primary: #000;
-    --secondary: #000;
-    --tertiary: #5a6952;
+    --primary: #5ea;
+    --secondary: #5ea;
+    --tertiary: #fff;
     --quaternary: #424542;
 
     /* BACKGROUND COLORS */
-    --bg-body: #111;
-    --bg_primary: #fff;
-    --bg_secondary: #ffa;
+    --bg-body: #000;
+    --bg_primary: #000;
+    --bg_secondary: #111;
     --bg_tertiary: #aaa;
     --bg_quaternary: #999;
 
@@ -67,7 +67,12 @@ body {
     font-family: var(--font_text);
 }
 
+a > * {
+    color: var(--tertiary);
+}
+
 a {
+    color: var(--tertiary);
     text-align: center;
     text-decoration: none;
     padding: 0px;
@@ -90,12 +95,16 @@ p {
 }
 
 button {
-    color: red;
+    color: var(--secondary);
+    background-color: var(--bg_secondary);
+    margin: var(--margin);
 }
 
 table {
     border: 1px solid var(--primary);
     border-collapse: collapse;
+    color: var(--secondary);
+    margin: var(--margin);
 }
 
 tr {
diff --git a/nginx/vue/src/components/quick/LinkTable.vue b/nginx/vue/src/components/quick/LinkTable.vue
index 2b69645..d28a46d 100644
--- a/nginx/vue/src/components/quick/LinkTable.vue
+++ b/nginx/vue/src/components/quick/LinkTable.vue
@@ -13,11 +13,11 @@ const keys = ["name", "link"];
 
 <template>
     <a
-        class="bdr-2"
+        class="bdr-2 bg-secondary"
         v-for="(row, rowIndex) in linkArr"
         :key="rowIndex"
         :href="row.link"
     >
-        <p>{{ row.name }}</p>
+        {{ row.name }}
     </a>
 </template>
diff --git a/nginx/vue/src/components/quick/RouterTable.vue b/nginx/vue/src/components/quick/RouterTable.vue
index 52b727e..744b417 100644
--- a/nginx/vue/src/components/quick/RouterTable.vue
+++ b/nginx/vue/src/components/quick/RouterTable.vue
@@ -13,11 +13,11 @@ const keys = ["name", "link"];
 
 <template>
     <RouterLink
-        class="bdr-2"
+        class="bdr-2 bg-secondary"
         v-for="(row, rowIndex) in linkArr"
         :key="rowIndex"
         :to="row.link"
     >
-        <p>{{ row.name }}</p>
+        {{ row.name }}
     </RouterLink>
 </template>
diff --git a/nginx/vue/src/views/Home.vue b/nginx/vue/src/views/Home.vue
index 4268f15..1642372 100644
--- a/nginx/vue/src/views/Home.vue
+++ b/nginx/vue/src/views/Home.vue
@@ -24,21 +24,26 @@ import Watching from "@/components/home/Watching.vue";
     <div class="background halftone" />
 
     <main class="center-content flex-col">
-        <div class="a4page-portrait bdr-1 grid relative">
-            <Intro class="intro bdr-primary bg-primary" />
-            <Listening class="listening bdr-primary bg-primary" />
-            <Stamps class="stamps bdr-primary bg-primary" />
-            <Feed class="feed bdr-primary bg-primary" />
-            <Links class="links bdr-primary bg-primary" />
-            <Collage class="collage bdr-primary bg-primary" />
-            <Watching class="watching bdr-primary bg-primary" />
-            <Favorites class="favorites bdr-primary bg-primary" />
-            <Gym class="gym bdr-primary bg-primary" />
+        <div class="page a4page-portrait bdr-1 grid relative">
+            <Intro class="intro" />
+            <Listening class="listening" />
+            <Stamps class="stamps" />
+            <Feed class="feed" />
+            <Links class="links" />
+            <Collage class="collage" />
+            <Watching class="watching" />
+            <Favorites class="favorites" />
+            <Gym class="gym" />
         </div>
     </main>
 </template>
 
 <style scoped>
+.page > * {
+    border: 2px dotted var(--primary);
+    background-color: var(--bg_primary);
+}
+
 .grid {
     display: grid;
     grid-gap: 5px;