Theming VyHub with Custom CSS
Besides the options offered in the theme settings, you can add custom CSS to your instance.
It might be necessary to use the
!importantkeyword to target objects properly.
Available Classes
The following list contains css-classes introduced by us.
| Class | File / Component |
|---|---|
| Components | |
| vh-router-view | App.vue |
| vh-dashboard-attribute-graph | AttributeGraph.vue |
| vh-dashboard-bans-and-warnings | BansAndWarnings.vue |
| vh-dashboard-groups | Groups.vue |
| vh-dashboard-linked-accounts | LinkedAccounts.vue |
| vh-dashboard-packets | Packets.vue |
| vh-dashboard-profile-picture | ProfilePicture.vue |
| vh-dashboard-comment | UserComments.vue |
| vh-dashboard-logs | UserLogEntries.vue |
| vh-forum-latest-posts | Sidebar.vue |
| vh-forum-latest-threads | " |
| vh-forum-statistics | " |
| vh-donation-goal | DonationGoal.vue |
| vh-new-users | NewUsers.vue |
| vh-new-user-card | " |
| vh-server-status | ServerStatus.vue |
| vh-top-donators | TopDonators.vue |
| vh-email | Email.vue |
| vh-email-notifications | EmailNotifications.vue |
| vh-page-title | PageTitle.vue |
| Views | |
| vh-news-of-day | Home.vue |
| vh-news | " |
| vh-dashboard | Dashboard.vue |
| vh-forum | Forum.vue |
| vh-forum-topic | ForumTopic.vue |
| vh-forum-post | ForumThread.vue |
| vh-ban | Ban.vue |
| vh-warns | Warning.vue |
| vh-shop-packages | Category.vue |
| vh-shop-package-summary | Packet.vue |
| vh-shop-package-description | " |
| vh-shop-package-price | " |
| vh-cart-unfinished | Cart.vue |
| vh-cart-empty | " |
| vh-cart-total | " |
| vh-cart-address | " |
| vh-cart-discount | " |
| vh-cart-checkout | " |
| vh-faq | FAQ.vue |
| vh-team | Team.vue |
| vh-server-dashboard-status | ServerDashboard.vue |
| vh-server-dashboard-users | " |
| vh-server-status-selected-user | " |