diff --git a/src/pages/OverviewInfo.vue b/src/pages/OverviewInfo.vue
index 3a9619e..d2c6fe6 100644
--- a/src/pages/OverviewInfo.vue
+++ b/src/pages/OverviewInfo.vue
@@ -21,6 +21,12 @@
Access the RES Minecraft Server web interface for interacting with a variety of game utilities and information.
+
+ Take a look!
+
@@ -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;
diff --git a/src/styles/_variables.scss b/src/styles/_variables.scss
index 4e1514c..bc62198 100644
--- a/src/styles/_variables.scss
+++ b/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,
diff --git a/src/styles/global.scss b/src/styles/global.scss
index 9978b7c..01dde00 100644
--- a/src/styles/global.scss
+++ b/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;