diff --git a/packages/frontend/src/components/MkVisitorDashboard.vue b/packages/frontend/src/components/MkVisitorDashboard.vue index ae54fa1428..bed62f7be9 100644 --- a/packages/frontend/src/components/MkVisitorDashboard.vue +++ b/packages/frontend/src/components/MkVisitorDashboard.vue @@ -191,13 +191,21 @@ function exploreOtherServers() { } .gamingDark{ + color: black; background: linear-gradient(270deg, #e7a2a2, #e3cfa2, #ebefa1, #b3e7a6, #a6ebe7, #aec5e3, #cabded, #e0b9e3, #f4bddd); background-size: 1800% 1800%; -webkit-animation:AnimationLight 45s cubic-bezier(0, 0.2, 0.90, 1) infinite; -moz-animation:AnimationLight 45s cubic-bezier(0, 0.2, 0.90, 1) infinite; animation:AnimationLight 45s cubic-bezier(0, 0.2, 0.90, 1) infinite; } - +.gamingDark:hover{ + color: black; + background: linear-gradient(270deg, #e7a2a2, #e3cfa2, #ebefa1, #b3e7a6, #a6ebe7, #aec5e3, #cabded, #e0b9e3, #f4bddd) !important; + background-size: 1800% 1800% !important; + -webkit-animation:AnimationLight 45s cubic-bezier(0, 0.2, 0.90, 1) infinite !important; + -moz-animation:AnimationLight 45s cubic-bezier(0, 0.2, 0.90, 1) infinite !important; + animation:AnimationLight 45s cubic-bezier(0, 0.2, 0.90, 1) infinite !important; +} .stats { display: grid; grid-template-columns: 1fr 1fr;