WizardUI

By Nebulys Version 1.91 Updated 01/29/2026 100.1K downloads

An amazing fully customizable theme with many addons, made with 💖 by NEBULYS.

animated customizable space dark

Live preview

Full Discord interface with this theme applied — powered by ThemePreview.

Screenshot

WizardUI.theme.css

GitHub

Open source

https://raw.githubusercontent.com/GoldenLys/WizardUI/dee209eaff437b7ab4d40a92321d54968ba1c4bc/WizardUI.theme.css

1/**

2* @name WizardUI

3* @author NEBULYS

4* @authorLink https://github.com/GoldenLys

5* @version 1.91

6* @invite SBuYeHh

7* @description An amazing modular and fully customizable theme, made with 💖 by NEBULYS.

8* @website https://nebulys.eu/themegen

9*/

11@import url("https://fonts.googleapis.com/css?family=Quicksand&display=swap");

13@import url("https://goldenlys.github.io/WizardUI/base.css");

15/*

16 PurpleServerList.css

18 This is an addon that moves the servers to the top with an horizontal width.

19*/

20@import url("https://goldenlys.github.io/WizardUI/addons/PurpleServerList.css");

22/*

23 LettersInPSL.css

24 - requires: PurpleServerList

26 This is a modification for PurpleServerList which replaces the folders icons with letters.

28@import url("https://goldenlys.github.io/WizardUI/addons/LettersInPSL.css");

29*/

31/*

32 AlternateFoldersInPSL.css

33 - requires: PurpleServerList, LettersInPSL (optionnal)

  This addon modifies the view of closed folders in PurpleServerList, to make it show the 4 servers inside a folder in a 2x2 grid.

37@import url("https://goldenlys.github.io/WizardUI/addons/AlternateFoldersInPSL.css");

38*/

40/*

41 HoverMembers.css

43 This is an addon that makes the members list hidden until you hover it.

45@import url("https://goldenlys.github.io/WizardUI/addons/HoverMembers.css");

46*/

48/*

49 UserIsTyping.css

51 This is an addon that moves the ";user is typing"; text to the bottom of the app, like the default discord.

53@import url("https://goldenlys.github.io/WizardUI/addons/UserIsTyping.css");

54*/

56/*

57 EvenMoreColors/[number from 1 to 10].css

  This is an addon that recolors alot of elements in the app with the main theme color but you can even add an RGB animated effect if you change the number before the ";.css"; (with a maximum of 10 colors).

61@import url("https://goldenlys.github.io/WizardUI/addons/EvenMoreColors/1.css");

62*/

64/*

65 EvenMoreBackgrounds/[number from 1 to 10].css

  This is an addon that add support for animated backgrounds / changing backgrounds every x seconds; if you change the number before the ";.css"; (with a maximum of 10 images).

69@import url("https://goldenlys.github.io/WizardUI/addons/EvenMoreBackgrounds/1.css");

70*/

72/*

73 UniqueGroupsIcons.css

  This is an addon that adds unique emojis/icons for the server groups, full list of icons is available on the discord server.

77@import url("https://goldenlys.github.io/WizardUI/addons/UniqueGroupsIcons.css");

78*/

80/*

81 NoRoleGradient.css

83 This is an addon that removes the gradients from the role colors.

85@import url("https://goldenlys.github.io/WizardUI/addons/NoRoleGradient.css");

86*/

88/*

89 NoRoleFont.css

91 This is an addon that removes the custom font from usernames.

93@import url("https://goldenlys.github.io/WizardUI/addons/NoRoleFont.css");

94*/

96/*

97 NoNameplates.css

99This is an addon that removes the custom nameplates in the members list.

100

101@import url("https://goldenlys.github.io/WizardUI/addons/NoNameplates.css");

102*/

103

104:root {

105 /* GENERAL */

106 --Watermark: ";- WizardUI v"; var(--version);

107 --font: 'Quicksand', 'emoji', sans-serif;

108 --logo: url("https://goldenlys.github.io/WizardUI/images/home.png");

109 --sendmessage-text-lines: 8;

110

111 /* COLORS */

112 --Primary: rgb(117 76 205);

113 --Text: rgb(255, 255, 255);

114 --text-link: var(--Primary);

115 --text-shadow: rgb(0 0 0);

116 --Highlighted: rgba(117 76 205 / 50%);

117 --MessageHover: transparent;

118 --Unread: rgb(173, 16, 16);

119

120 /* STATUS */

121 --Online: rgb(0, 255, 6);

122 --Idle: rgb(18, 100, 239);

123 --Unavailable: rgb(228, 15, 0);

124 --Offline: rgb(90, 95, 100);

125 --Streaming: rgb(110, 0, 196);

126

127 /* UI */

128 --grey: rgb(18, 19, 31);

129 --grey5: rgba(18, 19, 31, .75);

130 --darkgrey: rgb(10, 10, 20);

131 --darkgrey5: rgba(10, 10, 20, .75);

132 --ui-success: rgb(69, 208, 34);

133 --ui-warning: rgb(238, 165, 30);

134 --ui-error: rgb(208, 34, 34);

135 --Hover: rgb(18 19 31 / 50%);

136

137 /* BACKGROUNDS */

138 --background: url("https://goldenlys.github.io/WizardUI/images/backgrounds/nebula.jpg");

139 --bg-titlebar: rgba(0, 0, 0, 0.65);

140 --bg-servers: rgba(0, 0, 0, 0.65);

141 --bg-ui: rgba(0, 0, 0, 0.65);

142 --bg-ui-elements: rgba(0, 0, 0, 0.65);

143 --bg-chatbox: rgba(0, 0, 0, 0.5);

144 --bg-sendmessage: rgba(0, 0, 0, 0.65);

145 --bg-members: rgba(0, 0, 0, 0.65);

146 --bg-chat-elements: rgba(0, 0, 0, 0.5);

147 --bg-settings: var(--darkgrey);

148 --bg-colorprofile: rgba(0, 0, 0, 0.5);

149 --bg-alt-message: transparent;

150

151 /* RGB (disabled by default) */

152 --ColorTime: 2s;

153 --Color2: rgb(0, 225, 255);

154 --Color3: rgb(0 0 0);

155 --Color4: rgb(0 0 0);

156 --Color5: rgb(0 0 0);

157 --Color6: rgb(0 0 0);

158 --Color7: rgb(0 0 0);

159 --Color8: rgb(0 0 0);

160 --Color9: rgb(0 0 0);

161 --Color10: rgb(0 0 0);

162

163 /* EMB (disabled by default) */

164 --BackgroundTime: 60s;

165 --EMB_1: url("none");

166 --EMB_2: url("none");

167 --EMB_3: url("none");

168 --EMB_4: url("none");

169 --EMB_5: url("none");

170 --EMB_6: url("none");

171 --EMB_7: url("none");

172 --EMB_8: url("none");

173 --EMB_9: url("none");

174

175 /* MISCS */

176 --ServerSize: 45px;

177 --ServerPills: var(--Primary);

178 --ServerFoldersColor: var(--Primary);

179 --Rounding: 5px;

180 --AvatarRounding: var(--Rounding);

181

182 /*

183 SHOWN BUTTONS IN THE MESSSAGE BOX

184

185 Choose between 'none' or 'flex'

186 none will disable / hide the button and flex will make it appear again

187

188 */

189 --Show_Gift_Button: none;

190 --Show_GIF_Button: none;

191 --Show_Sticker_Button: none;

192 --Show_Apps_Button: flex;

193 --Show_Now_Playing_Tab: flex;

194 --Show_Category_Visibility_Icon: flex;

195}

/**
* @name WizardUI
* @author NEBULYS
* @authorLink https://github.com/GoldenLys
* @version 1.91
* @invite SBuYeHh
* @description An amazing modular and fully customizable theme, made with 💖 by NEBULYS.
* @website https://nebulys.eu/themegen
*/

@import url("https://fonts.googleapis.com/css?family=Quicksand&amp;display=swap");

@import url("https://goldenlys.github.io/WizardUI/base.css");

/* 
    PurpleServerList.css

  This is an addon that moves the servers to the top with an horizontal width.
*/
@import url("https://goldenlys.github.io/WizardUI/addons/PurpleServerList.css");

/* 
    LettersInPSL.css
    -  requires: PurpleServerList

  This is a modification for PurpleServerList which replaces the folders icons with letters.

@import url("https://goldenlys.github.io/WizardUI/addons/LettersInPSL.css"); 
*/

/* 
    AlternateFoldersInPSL.css 
    - requires: PurpleServerList, LettersInPSL (optionnal)

  This addon modifies the view of closed folders in PurpleServerList, to make it show the 4 servers inside a folder in a 2x2 grid.

@import url("https://goldenlys.github.io/WizardUI/addons/AlternateFoldersInPSL.css");
*/

/* 
    HoverMembers.css

  This is an addon that makes the members list hidden until you hover it.

@import url("https://goldenlys.github.io/WizardUI/addons/HoverMembers.css"); 
*/

/* 
    UserIsTyping.css

  This is an addon that moves the "user is typing" text to the bottom of the app, like the default discord.

@import url("https://goldenlys.github.io/WizardUI/addons/UserIsTyping.css"); 
*/

/* 
    EvenMoreColors/[number from 1 to 10].css

  This is an addon that recolors alot of elements in the app with the main theme color but you can even add an RGB animated effect if you change the number before the ".css" (with a maximum of 10 colors).

@import url("https://goldenlys.github.io/WizardUI/addons/EvenMoreColors/1.css"); 
*/

/* 
    EvenMoreBackgrounds/[number from 1 to 10].css

  This is an addon that add support for animated backgrounds / changing backgrounds every x seconds; if you change the number before the ".css" (with a maximum of 10 images).

@import url("https://goldenlys.github.io/WizardUI/addons/EvenMoreBackgrounds/1.css"); 
*/

/* 
    UniqueGroupsIcons.css

  This is an addon that adds unique emojis/icons for the server groups, full list of icons is available on the discord server.

@import url("https://goldenlys.github.io/WizardUI/addons/UniqueGroupsIcons.css"); 
*/

/* 
    NoRoleGradient.css

  This is an addon that removes the gradients from the role colors. 

@import url("https://goldenlys.github.io/WizardUI/addons/NoRoleGradient.css"); 
*/

/* 
    NoRoleFont.css

  This is an addon that removes the custom font from usernames.

@import url("https://goldenlys.github.io/WizardUI/addons/NoRoleFont.css"); 
*/

/* 
    NoNameplates.css
  
This is an addon that removes the custom nameplates in the members list.

@import url("https://goldenlys.github.io/WizardUI/addons/NoNameplates.css"); 
*/

:root {
    /* GENERAL */
    --Watermark: "- WizardUI v" var(--version);
    --font: 'Quicksand', 'emoji', sans-serif;
    --logo: url("https://goldenlys.github.io/WizardUI/images/home.png");
    --sendmessage-text-lines: 8;

    /* COLORS */
    --Primary: rgb(117 76 205);
    --Text: rgb(255, 255, 255);
    --text-link: var(--Primary);
    --text-shadow: rgb(0 0 0);
    --Highlighted: rgba(117 76 205 / 50%);
    --MessageHover: transparent;
    --Unread: rgb(173, 16, 16);

    /* STATUS */
    --Online: rgb(0, 255, 6);
    --Idle: rgb(18, 100, 239);
    --Unavailable: rgb(228, 15, 0);
    --Offline: rgb(90, 95, 100);
    --Streaming: rgb(110, 0, 196);

    /* UI */
    --grey: rgb(18, 19, 31);
    --grey5: rgba(18, 19, 31, .75);
    --darkgrey: rgb(10, 10, 20);
    --darkgrey5: rgba(10, 10, 20, .75);
    --ui-success: rgb(69, 208, 34);
    --ui-warning: rgb(238, 165, 30);
    --ui-error: rgb(208, 34, 34);
    --Hover: rgb(18 19 31 / 50%);

    /* BACKGROUNDS */
    --background: url("https://goldenlys.github.io/WizardUI/images/backgrounds/nebula.jpg");
    --bg-titlebar: rgba(0, 0, 0, 0.65);
    --bg-servers: rgba(0, 0, 0, 0.65);
    --bg-ui: rgba(0, 0, 0, 0.65);
    --bg-ui-elements: rgba(0, 0, 0, 0.65);
    --bg-chatbox: rgba(0, 0, 0, 0.5);
    --bg-sendmessage: rgba(0, 0, 0, 0.65);
    --bg-members: rgba(0, 0, 0, 0.65);
    --bg-chat-elements: rgba(0, 0, 0, 0.5);
    --bg-settings: var(--darkgrey);
    --bg-colorprofile: rgba(0, 0, 0, 0.5);
    --bg-alt-message: transparent;

    /* RGB (disabled by default) */
    --ColorTime: 2s;
    --Color2: rgb(0, 225, 255);
    --Color3: rgb(0 0 0);
    --Color4: rgb(0 0 0);
    --Color5: rgb(0 0 0);
    --Color6: rgb(0 0 0);
    --Color7: rgb(0 0 0);
    --Color8: rgb(0 0 0);
    --Color9: rgb(0 0 0);
    --Color10: rgb(0 0 0);

    /* EMB (disabled by default) */
    --BackgroundTime: 60s;
    --EMB_1: url("none");
    --EMB_2: url("none");
    --EMB_3: url("none");
    --EMB_4: url("none");
    --EMB_5: url("none");
    --EMB_6: url("none");
    --EMB_7: url("none");
    --EMB_8: url("none");
    --EMB_9: url("none");

    /* MISCS */
    --ServerSize: 45px;
    --ServerPills: var(--Primary);
    --ServerFoldersColor: var(--Primary);
    --Rounding: 5px;
    --AvatarRounding: var(--Rounding);

    /* 
        SHOWN BUTTONS IN THE MESSSAGE BOX

      Choose between 'none' or 'flex'
      none will disable / hide the button and flex will make it appear again
    
    */
    --Show_Gift_Button: none;
    --Show_GIF_Button: none;
    --Show_Sticker_Button: none;
    --Show_Apps_Button: flex;
    --Show_Now_Playing_Tab: flex;
    --Show_Category_Visibility_Icon: flex;
}

Actions

Download Source

About

Version: 1.91
Downloads: 100,130
Added: 08/15/2023
Updated: 01/29/2026
Hash: 4ebe67bc-f3f7-ae33-057e-e63a6e08f9ce
Source: https://github.com/GoldenLys/WizardUI

Author

Nebulys GitHub

Live preview

Screenshot

Open source

FiveCord for Windows