customisation - ungiglio/DiscordDiscordia GitHub Wiki
Note
Last updated at 23 dec 2025 for v25.1
This document it's an explanation of the customisation process for the "Lande della Discordia" Discord theme.
"Lande della Discordia" is a customisable Discord theme created by @ungiglio. This theme adds purple and light blue details to enhance your Discord client experience. Let's explore how to customise this theme to suit your preferences.
To customise the "Lande della Discordia" theme, you'll need to modify the CSS variables defined in the :root selector. Here's a breakdown of each customisation option:
--custom-image-url /* Background image url */
--app-blur /* Blur applied to background image */
--rgb-highlight /* Main accent color */
--rgb-close-button /* Main color for danger operations and notify system */
--rgb-online-color /* Online color */
--rgb-afk-color /* Idle color */
--rgb-dnd-color /* Do not Disturb color */
--rgb-streaming-color /* Streaming color */
--custom-title-text /* Custom text you want to display */
--custom-title-font-size /* Size in pixels of the custom title text */
--custom-title-font-family /* Font family of the custom title */
--custom-logo /* App custom logo */
--custom-logo-hover /* App custom logo (on hover) */
--show-dev-panel-info-static /* Set to 1 to show the static version, 0 to hide | (NOTE: for static to work also hover need to be 1) */
--show-dev-panel-info-hover /* Set to 1 to show the static or hover version, put 0 to hide */Some customisation options are NOT available in default file and needs to be added manually.
Paste this snippet after last curly bracket {}:
Important
Do not forget :root,.theme-dark,.theme-light or !important otherwise it wont work
:root,
.theme-dark,
.theme-light {
--darkPurple-background: rgb() !important;
--memberlist-text: rgb() !important;
--new-msg-divider: rgb() !important;
--text-channel-normal: rgb() !important;
--text-channel-hover: rgb() !important;
--icon-hover: rgb() !important;
--highlighted-channel-color: rgb() !important;
--custom-spoiler-color: rgb() !important;
--header-cat-rgb: 0, 0, 0 !important;
}Now, here's the variables default values:
--darkPurple-background: rgb(46, 0, 58);
--memberlist-text: var(--text-muted);
--new-msg-divider: var(--cat-custom-color);
--text-channel-normal: var(--text-lilac);
--text-channel-hover: var(--text-normal);
--icon-hover: var(--text-channel-hover);
--highlighted-channel-color: rgb(123, 176, 245);
--custom-spoiler-color: rgb(148, 83, 212);
--header-cat-rgb: 147, 106, 201;For simplicity here's a breakdown of every variable:
DarkPurple-background controls the text-area and user cards background color.
Memberlist-text controls member list default names color and custom status text color.
New messages divider colors.
Channels default color.
Channels default color on hover.
Channels icon color on hover.
Selected/Unread channel color and notify dot color.
Spoiler cover color.
Categories and Roles divider header color.
Warning
Its --header-cat-rgb: 147, 106, 201; in plain rgb, Do not add rgb() (like: --header-cat-rgb: rgb(147, 106, 201);) or it wont work!
- Open the file in a text editor.
- Find the
:rootselector and look for the variables mentioned above. - Modify the values to your liking.
- Save the changes and check Discord for them to take effect.
- Start with small adjustments and test frequently to ensure you're happy with the changes.
- Remember that some colors may affect readability, so choose wisely.
- Experiment with different combinations of colors to create a unique look.
By customising these variables, you can tailor the "Lande della Discordia" theme to perfectly match your personal style and preferences. Happy customizing!