Added a button on the overview page.

src/pages/OverviewInfo.vue

@@ -21,6 +21,12 @@
             <hr>
             <p> Access the RES Minecraft Server web interface for interacting with a variety of game utilities and information.</p>
           </div>
+          <router-link
+            :to="{ name: 'Minecraft Server'}"
+            class="btn btn-outline-primary btn-lg"
+          >
+            Take a look!
+          </router-link>
         </div>
       </div>
     </div>
@@ -65,10 +71,9 @@
         circle at center, 
         color.change($color: $gradient-color, $alpha: 0.2) 0%, 
         color.change($color: $gradient-color, $alpha: 0.1) 60%, 
-        color.change($color: $gradient-color, $alpha: 0.8, $lightness: 10%) 100%
-        ), 
+        color.change($color: $gradient-color, $alpha: 0.8, $lightness: 10%) 100%), 
       url("@/assets/images/minecraft/landscapes/day.png");
-  
+
     .contained-title {
       color: white;
     }
@@ -83,8 +88,7 @@
         circle at center, 
         color.change($color: $gradient-color, $alpha: 0.55) 0%, 
         color.change($color: $gradient-color, $alpha: 0.5) 60%, 
-        color.change($color: $gradient-color, $alpha: 1, $lightness: 10%) 100%
-        ), 
+        color.change($color: $gradient-color, $alpha: 1, $lightness: 10%) 100%), 
         url("@/assets/images/generic_room.png");
     .contained-title {
       color: white;

src/styles/_variables.scss

@@ -5,7 +5,7 @@ $themes: (
     "navbar-brand": #fcfcff,
     "navbar-link": #fcf0ff,
     "navbar-active": #00c9a9,
-    "main": #501b69,
+    "primary": #ecc4ff,
     "footer": #15061d,
     "text": #dfdfff,
     "special": #94e22b,

src/styles/global.scss

@@ -1,12 +1,16 @@
 @use "themer";
 @use "sass:color";
 
+// Bootstrap color overrides
+$primary: hotpink;
+
 @import "/node_modules/bootstrap/scss/bootstrap-utilities.scss";
 @import "/node_modules/bootstrap/scss/root";
 @import "/node_modules/bootstrap/scss/helpers";
 @import "/node_modules/bootstrap/scss/reboot";
 @import "/node_modules/bootstrap/scss/containers";
 @import "/node_modules/bootstrap/scss/type";
+@import "/node_modules/bootstrap/scss/buttons";
 
 .pages {
   display: flex;