ClientTheme — FiveCord

index.tsx

Download

Source

src/plugins/clientTheme/index.tsx

1/*

2 * FiveCord — a Discord client mod

4 * SPDX-License-Identifier: GPL-3.0-or-later

5 */

7import "./clientTheme.css";

9import { definePluginSettings } from "@api/Settings";

10import { Devs } from "@utils/constants";

11import definePlugin, { OptionType, StartAt } from "@utils/types";

13import { ResetThemeColorComponent, ThemeSettingsComponent } from "./components/Settings";

14import { disableClientTheme, startClientTheme } from "./utils/styleUtils";

16export const settings = definePluginSettings({

17 color: {

18 type: OptionType.COMPONENT,

19 default: "313338",

20 component: ThemeSettingsComponent

21 },

22 resetColor: {

23 type: OptionType.COMPONENT,

24 component: ResetThemeColorComponent

25 }

26});

28export default definePlugin({

29 name: "ClientTheme",

30 authors: [Devs.Nuckyz],

31 description: "Recreation of the old client theme experiment. Add a color to your Discord client theme",

32 tags: ["Appearance", "Customisation"],

33 settings,

35 startAt: StartAt.DOMContentLoaded,

36 start: () => startClientTheme(settings.store.color),

37 stop: disableClientTheme

38});

/*
 * FiveCord — a Discord client mod
 * Copyright (c) 2025 FiveCord
 * SPDX-License-Identifier: GPL-3.0-or-later
 */

import "./clientTheme.css";

import { definePluginSettings } from "@api/Settings";
import { Devs } from "@utils/constants";
import definePlugin, { OptionType, StartAt } from "@utils/types";

import { ResetThemeColorComponent, ThemeSettingsComponent } from "./components/Settings";
import { disableClientTheme, startClientTheme } from "./utils/styleUtils";

export const settings = definePluginSettings({
    color: {
        type: OptionType.COMPONENT,
        default: "313338",
        component: ThemeSettingsComponent
    },
    resetColor: {
        type: OptionType.COMPONENT,
        component: ResetThemeColorComponent
    }
});

export default definePlugin({
    name: "ClientTheme",
    authors: [Devs.Nuckyz],
    description: "Recreation of the old client theme experiment. Add a color to your Discord client theme",
    tags: ["Appearance", "Customisation"],
    settings,

    startAt: StartAt.DOMContentLoaded,
    start: () => startClientTheme(settings.store.color),
    stop: disableClientTheme
});

Source

FiveCord for Windows