Skip to content

Panel Customization

Customize the look and functionality of shiva-panel.

Theming

Edit shiva-panel.config.json:

json
{
    "theme": {
        "primaryColor": "#e63946",
        "logo": "/logo.png",
        "serverName": "My Awesome Server",
        "favicon": "/favicon.ico"
    }
}

Custom Tabs

Add custom tabs to the panel by creating a plugin:

js
// panel-plugins/my-tab.js
export default {
    name: 'Fishing Stats',
    icon: '🎣',
    route: '/fishing',
    component: () => import('./FishingStats.vue'),
}

Register in shiva-panel.config.json:

json
{
    "plugins": ["./panel-plugins/my-tab.js"]
}

Restricting Permissions

Control which panel features are available to each permission level:

json
{
    "permissions": {
        "mod": ["players.view", "players.kick", "players.warn"],
        "admin": ["*"],
        "superadmin": ["*", "server.restart"]
    }
}

Discord Webhook

json
{
    "discord": {
        "webhookUrl": "https://discord.com/api/webhooks/...",
        "events": ["player:banned", "player:kicked", "economy:large_transaction"]
    }
}

Released under the MIT License.