Skip to content

frostzzone/synthdash

Repository files navigation

SynthDash

A custom theme for discord-easy-dashboard

Installing

npm i discord-easy-dashboard synthdash

Usage

To get started using the discord-easy-dashboard package read the docs by clicking here

To get started using this custom theme in this package use the following code or learn more at the theming guide on the discord-easy-dashboard docs.

const { Client, Intents } = require('discord.js');
const Dashboard = require('discord-easy-dashboard');
const SynthDash = require('synthdash')

const client = new Client({ intents: [Intents.FLAGS.GUILDS, Intents.FLAGS.GUILD_MESSAGES] });

client.dashboard = new Dashboard(client, {
    name: 'Cool Bot',
    description: 'A cool bot with a custom dashboard',
    baseUrl: 'http://localhost',
    port: 80,
    noPortIncallbackUrl: false,
    secret: 'YoUr-Secret_Here',
    theme: SynthDash
});

client.login('Your.Token.Here')

Extra

Use frost's edited version of discord-easy-dashboard by running

npm install https://github.com/frostzzone/discord-easy-dashboard

or if your using yarn

yarn add https://github.com/frostzzone/discord-easy-dashboard

to add custom footers

Edited dashboard code:

const { Client, Intents } = require('discord.js');
const Dashboard = require('discord-easy-dashboard');
const SynthDash = require('synthdash')

const client = new Client({ intents: [Intents.FLAGS.GUILDS, Intents.FLAGS.GUILD_MESSAGES] });

client.dashboard = new Dashboard(client, {
    name: 'Cool Bot',
    description: 'A cool bot with a custom dashboard',
    baseUrl: 'http://localhost',
    port: 80,
    noPortIncallbackUrl: false,
    secret: 'YoUr-Secret_Here',
    theme: SynthDash,
    customData:{
        all:{
            footer:{
                text: "hallo",
                color: "#ff0000"
            }
        }
    }
});

client.login('Your.Token.Here')

allowed custom data

top layer 1 layer 2 what it does
all footer text, color Set footer on every page
home footer text, color Set footer on home page
error footer text, color Set footer on error page
commands footer text, color Set footer on commands page
guilds footer text, color Set footer on guild page
settings footer text, color Set footer on settings page
detail Change "Edit this guilds settings here" to what ever you want

footer Example: image

Examples

  • Home page image

  • Guild page image

  • Settings page image image

  • Commands page image

Credits

Simon - Creator of discord-easy-dashboard - View his github here

Frostzzone - Creator of SynthDash - View his github here