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;