Chillax

By wq_qt Version 2.1.3 Updated 05/20/2026 220.1K downloads

stress doesn't really goes with your fit, try out chillax you might not regret it.

customizable dark light red animated

161

Live preview

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

Screenshot

chillax.theme.css

GitHub

Open source

https://raw.githubusercontent.com/warrayquipsome/Chillax/a335865de4b2c993d779621cb9fc84b7b8de1222/chillax.theme.css

1/**

2 * @name Chillax

3 * @author Chillax Squad

4 * @authorLink https://github.com/warrayquipsome/Chillax#Authors

5 * @version 2.1.3

6 * @invite DrfX6286kF

7 * @description The theme where calm meets customization.

8 * @source https://github.com/warrayquipsome/Chillax

9*/

11/*

     ⸙  ────     ────     ───── ❝ 𝐚𝐥𝐥 𝐫𝐢𝐠𝐡𝐭 𝐡𝐞𝐫𝐞 ❞ ─────    ────     ────  ⸙

  ╭─ ━━━━━━━━━ ━━━━━━━ ━━━━━━━━━ -ˋˏ ༻🂡༺ ˎˊ- ━━━━━━━━━ ━━━━━━━ ━━━━━━━━━ ─╮

          █████╗   ██╗  ██╗  ██╗  ██╗      ██╗       █████╗   ██╗  ██╗

         ██╔══██╗  ██║  ██║  ██║  ██║      ██║      ██╔══██╗  ╚██╗██╔╝

  ||     ██║  ╚═╝  ███████║  ██║  ██║      ██║      ███████║   ╚███╔╝      ||

         ██║  ██╗  ██╔══██║  ██║  ██║      ██║      ██╔══██║   ██╔██╗

         ╚█████╔╝  ██║  ██║  ██║  ███████╗ ███████╗ ██║  ██║  ██╔╝╚██╗

          ╚════╝   ╚═╝  ╚═╝  ╚═╝  ╚══════╝ ╚══════╝ ╚═╝  ╚═╝  ╚═╝  ╚═╝

  ╰─ ━━━━━━━━━ ━━━━━━━ ━━━━━━━━━ -ˋˏ ༻-༺ ˎˊ- ━━━━━━━━━ ━━━━━━━ ━━━━━━━━━ ─╯

21*/

23/* CHILLAX theme entry point */

24@import url("https://warrayquipsome.github.io/Chillax/chillax.css");

26/* removable addons */

27@import url("https://mwittrien.github.io/BetterDiscordAddons/Themes/EmojiReplace/base/Microsoft.css");

28@import url("https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/SettingsIcons.css");

29@import url("https://chillax-org.github.io/Discolored/main.css");

30@import url("https://warrayquipsome.github.io/Chillax/Addons/IconPackEdited.css");

31@import url("https://warrayquipsome.github.io/Chillax/Addons/AvatarOnlyMemberList.css");

32@import url("https://warrayquipsome.github.io/Chillax/Addons/FolderRedesign.css");

33@import url("https://raw.githubusercontent.com/DiscordStyles/RadialStatus/refs/heads/deploy/RadialStatus.css");

34@import url("https://warrayquipsome.github.io/Chillax/Addons/FriendGrid.css");

35@import url("https://warrayquipsome.github.io/Chillax/Addons/ColoredLinks.css");

37/*additional addons*/ /*(remove the both * to use)*/

39/* To hide annoying elements such as nitro, shop, sticker picker etc tab (remove the both * to use)*/

40/*@import url("https://warrayquipsome.github.io/Chillax/Addons/HideAnnoyingElements.css");*/

43/*Chillax Roots*/

44:root {

45 /*background image*/ /*(replace the link to use)*/

46 --background-image: var(--wallpaper);

47 --bg-opacity: 100%;

48 /*bg dev suggestions*/

49 --wallpaper: url("https://warrayquipsome.github.io/Chillax/Wallpapers/chillax-default.png");

50 /*modern background selection*/

51 --modern-dark-bg: url("https://warrayquipsome.github.io/Chillax/Wallpapers/modern-dark-bg.png");

52 --modern-light-bg: url("https://warrayquipsome.github.io/Chillax/Wallpapers/modern-light-bg.png");

53}

56/*window*/ /*dark mode*/

57:root.theme-dark {

58 --window-margin: 20px; /*must be above 20px*/

59 --window-colour: #0009;

60 --window-blur: 5px;

61 --window-border-radius: 10px;

62 --sidebar-colour: rgb(36, 36, 36);

63}

65/*window*/ /*light mode*/

66:root.theme-light {

67 --window-margin: 20px; /*must be above 20px*/

68 --window-colour: rgba(255, 255, 255, 0.6);

69 --window-blur: 5px;

70 --window-border-radius: 10px;

71 --sidebar-colour: rgb(209, 209, 209);

72}

75/*roots*/ /*both dark and light*/

76:root {

77 --user-name: ";King";;

78 --edited-message: "; EDITED ✎ ";;

79 --font-name: Poppins;

80 --font-size: 13px;

81 --group-chat-font: ";Monoton";; /* change this to change the group chat's default font */

84 /*glow radial status*/ /*must end in px*/

85 --rs-small-spacing: 0px;

86 --rs-large-spacing: 0px;

87 --rs-medium-spacing: 0px;

88 --rs-small-width: 2.5px;

89 --rs-medium-width: 3.5px;

90 --rs-large-width: 4.5px;

91 --rs-avatar-shape: 50%;

92 --rs-online-color: #1df594;

93 --rs-idle-color: #faa61a;

94 --rs-dnd-color: #f04747;

95 --rs-offline-color: #636b75;

96 --rs-streaming-color: #643da7;

97 --rs-invisible-color: #636b75;

98 --rs-phone-visible: block; /* change it to `none` to disable mobile icon */

99 --rs-phone-color: var(--rs-online-color);

100

101 /* For accent color to take full effect must need to change both */

102 /* chillax colours rgb */

103 --accentcolor: 251, 84, 84;

104 /* chillax colours hex */

105 --accentcolorV2: #fb5454;

106

107

108 /* settings modal root */

109 --themelightsettingsmodalbackground: rgb(223, 223, 223);

110 --themedarksettingsmodalbackground: rgb(51, 49, 53);

111 --settingsmodalwidth: 960px;

112 --settingsmodalheight: 80vh;

113

114 /* avatar only member list */

115 --memberlist-border-radius: 10px; /* can be in `px`, `rem`, `em` */

116

117 /* placeholder texts/values */

118 /* input fields */

119 --chillax-input-field: ";Life is so much easier when you just take a moment to chill";;

120 /* input fields when the channel is locked*/

121 --chillax-input-field-locked: ";Unfortunately, you can't chill in this channel";;

122 /* typing indicator: when a single person is typing */

123 --chillax-input-typing-indicator-one-person: ";is smashing some buttons";;

124 /* typing indicator: when more than one person is typing */

125 --chillax-input-typing-indicator-many-person: ";are smashing some buttons";;

126

127 /* scroller (by default transparent) */

128 --chillax-scroller-color: transparent; /* change `transparent` to some other hex color to make it visible */

129

130 /* Spotify Player Control Squid GIF Adjustments */

131

132 /* Change the ulr in the `--chillax-spotify-control-squid-gif-url` css var to your liking */

133

    --chillax-spotify-control-squid-gif-url: url("https://raw.githubusercontent.com/Chillax-ORG/Images/refs/heads/main/Glow_Squid_BE1.gif");

134 /* adjust the height and width accordingly */

135 --chillax-spotify-control-squid-width: 25px;

136 --chillax-spotify-control-squid-height: 25px;

137

138 /* adjust glow color accordingly */

139 --chillax-spotify-control-squid-glow: rgba(0, 255, 255, 0.4); /* set to `none` to disable it */

140}

141

142/*discord transparency*//*roots*/ /*theme dark*/

143.theme-dark {

144 --background-message-hover: rgba(255, 255, 255, 0.055);

145 --header-primary: #fff;

146 --header-secondary: #b9bbbe;

147 --text-normal: #dcddde;

148 --text-muted: #9d9d9d;

149 --channels-default: #8e9297;

150 --interactive-normal: #b9bbbe;

151 --interactive-hover: #dcddde;

152 --interactive-active: #fff;

153 --interactive-muted: #4f545c;

154 --background-primary: transparent;

155 --background-secondary: transparent;

156 --background-tertiary: transparent;

157 --background-accent: rgb(36, 36, 36);

158 --activity-card-background: transparent;

159 --deprecated-panel-background: transparent;

160}

161

162/*discord transparency*//*roots*/ /*theme light*/

163.theme-light {

164 --background-message-hover: rgba(255, 255, 255, 0.055);

165 --header-primary: rgb(0, 0, 0);

166 --header-secondary: #3f3f3f;

167 --text-normal: #303030;

168 --text-muted: #333333;

169 --channels-default: #585b5e;

170 --interactive-normal: #3a3a3a;

171 --interactive-hover: #333333;

172 --interactive-active: rgb(0, 0, 0);

173 --interactive-muted: #4f545c;

174 --background-primary: transparent;

175 --background-secondary: transparent;

176 --background-tertiary: transparent;

177 --background-accent: rgb(27, 27, 27);

178 --activity-card-background: transparent;

179 --deprecated-panel-background: transparent;

180}

181

182/*!*friends grid banner colour*!*/

183/*.theme-dark {*/

184/* --FG-cards-banner-background: transparent !important;*/

185/*}*/

186

187/*.theme-light {*/

188/* --FG-cards-banner-background: transparent !important;*/

189/*}*/

190

191

192/*Permissions*/

193/*

194- You do not have the rights to use our theme name Chillax™ on other projects

195- You do not have the rights to remove our theme watermark in the theme

196- You do not have the rights to change this theme author/dev/maintainer name to anyone

197*/

198

199/*credits*/

200/*

201========================= Chillax Squad =========================

202 Wq Owner &; Dev

203 LofiTurtle Dev &; Maintainer

204 Inmoresentum Dev &; Maintainer

205 Demented_Elmo Dev

206=================================================================

207 Embeds by Alexis WyvernZu

208 Active Now CSS by Cedrick

209 Memberlist until hover by Cedrick

210 Hide User Buttons until Hover by Commie Axolotl

211 Center profile badge, avatar and name by Commie Axolotl

212 Account Details Grid by Dablulite

213 Blurple recolour by DevilBro

214 Emoji Replace by DevilBro

215 Settings Icons by DevilBro

216 Connection Issue Let Me Be by Disease

217 Radial Status by Gibbu

218 About Me Clamp by ItMeSarah

219 Better Jump to Present Button by Lonk

220 Better Mark As Read Button by Lonk

221 IconPack by Lavender

222 Discolored by Nyri4

223 Better Spotify Control by Uri

224=================================================================

225*/

226/*I really want to give a special shoutout to all of you for supporting me in this theme, thank you all.*/

227

/**
 * @name Chillax
 * @author Chillax Squad
 * @authorLink https://github.com/warrayquipsome/Chillax#Authors
 * @version 2.1.3
 * @invite DrfX6286kF
 * @description The theme where calm meets customization.
 * @source https://github.com/warrayquipsome/Chillax
*/

/*
     ⸙  ────     ────     ───── ❝ 𝐚𝐥𝐥 𝐫𝐢𝐠𝐡𝐭 𝐡𝐞𝐫𝐞 ❞ ─────    ────     ────  ⸙
  ╭─ ━━━━━━━━━ ━━━━━━━ ━━━━━━━━━ -ˋˏ ༻🂡༺ ˎˊ- ━━━━━━━━━ ━━━━━━━ ━━━━━━━━━ ─╮
          █████╗   ██╗  ██╗  ██╗  ██╗      ██╗       █████╗   ██╗  ██╗
         ██╔══██╗  ██║  ██║  ██║  ██║      ██║      ██╔══██╗  ╚██╗██╔╝
  ||     ██║  ╚═╝  ███████║  ██║  ██║      ██║      ███████║   ╚███╔╝      ||
         ██║  ██╗  ██╔══██║  ██║  ██║      ██║      ██╔══██║   ██╔██╗
         ╚█████╔╝  ██║  ██║  ██║  ███████╗ ███████╗ ██║  ██║  ██╔╝╚██╗
          ╚════╝   ╚═╝  ╚═╝  ╚═╝  ╚══════╝ ╚══════╝ ╚═╝  ╚═╝  ╚═╝  ╚═╝
  ╰─ ━━━━━━━━━ ━━━━━━━ ━━━━━━━━━ -ˋˏ ༻-༺ ˎˊ- ━━━━━━━━━ ━━━━━━━ ━━━━━━━━━ ─╯
*/

/* CHILLAX theme entry point */
@import url("https://warrayquipsome.github.io/Chillax/chillax.css");

/* removable addons */
@import url("https://mwittrien.github.io/BetterDiscordAddons/Themes/EmojiReplace/base/Microsoft.css");
@import url("https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/SettingsIcons.css");
@import url("https://chillax-org.github.io/Discolored/main.css");
@import url("https://warrayquipsome.github.io/Chillax/Addons/IconPackEdited.css");
@import url("https://warrayquipsome.github.io/Chillax/Addons/AvatarOnlyMemberList.css");
@import url("https://warrayquipsome.github.io/Chillax/Addons/FolderRedesign.css");
@import url("https://raw.githubusercontent.com/DiscordStyles/RadialStatus/refs/heads/deploy/RadialStatus.css");
@import url("https://warrayquipsome.github.io/Chillax/Addons/FriendGrid.css");
@import url("https://warrayquipsome.github.io/Chillax/Addons/ColoredLinks.css");

/*additional addons*/ /*(remove the both * to use)*/

/* To hide annoying elements such as nitro, shop, sticker picker etc tab (remove the both * to use)*/
/*@import url("https://warrayquipsome.github.io/Chillax/Addons/HideAnnoyingElements.css");*/


/*Chillax Roots*/
:root {
    /*background image*/ /*(replace the link to use)*/
    --background-image: var(--wallpaper);
    --bg-opacity: 100%;
    /*bg dev suggestions*/
    --wallpaper: url("https://warrayquipsome.github.io/Chillax/Wallpapers/chillax-default.png");
    /*modern background selection*/
    --modern-dark-bg: url("https://warrayquipsome.github.io/Chillax/Wallpapers/modern-dark-bg.png");
    --modern-light-bg: url("https://warrayquipsome.github.io/Chillax/Wallpapers/modern-light-bg.png");
}


/*window*/ /*dark mode*/
:root.theme-dark {
    --window-margin: 20px; /*must be above 20px*/
    --window-colour: #0009;
    --window-blur: 5px;
    --window-border-radius: 10px;
    --sidebar-colour: rgb(36, 36, 36);
}

/*window*/ /*light mode*/
:root.theme-light {
    --window-margin: 20px; /*must be above 20px*/
    --window-colour: rgba(255, 255, 255, 0.6);
    --window-blur: 5px;
    --window-border-radius: 10px;
    --sidebar-colour: rgb(209, 209, 209);
}


/*roots*/ /*both dark and light*/
:root {
    --user-name: "King";
    --edited-message: " EDITED ✎ ";
    --font-name: Poppins;
    --font-size: 13px;
    --group-chat-font: "Monoton"; /* change this to change the group chat's default font */


    /*glow radial status*/ /*must end in px*/
    --rs-small-spacing: 0px;
    --rs-large-spacing: 0px;
    --rs-medium-spacing: 0px;
    --rs-small-width: 2.5px;
    --rs-medium-width: 3.5px;
    --rs-large-width: 4.5px;
    --rs-avatar-shape: 50%;
    --rs-online-color: #1df594;
    --rs-idle-color: #faa61a;
    --rs-dnd-color: #f04747;
    --rs-offline-color: #636b75;
    --rs-streaming-color: #643da7;
    --rs-invisible-color: #636b75;
    --rs-phone-visible: block; /* change it to `none` to disable mobile icon */
    --rs-phone-color: var(--rs-online-color);

    /* For accent color to take full effect must need to change both */
    /* chillax colours rgb */
    --accentcolor: 251, 84, 84;
    /* chillax colours hex */
    --accentcolorV2: #fb5454;


    /* settings modal root */
    --themelightsettingsmodalbackground: rgb(223, 223, 223);
    --themedarksettingsmodalbackground: rgb(51, 49, 53);
    --settingsmodalwidth: 960px;
    --settingsmodalheight: 80vh;

    /* avatar only member list */
    --memberlist-border-radius: 10px; /* can be in `px`, `rem`, `em` */

    /* placeholder texts/values */
    /* input fields */
    --chillax-input-field: "Life is so much easier when you just take a moment to chill";
    /* input fields  when the channel is locked*/
    --chillax-input-field-locked: "Unfortunately, you can't chill in this channel";
    /* typing indicator: when a single person is typing */
    --chillax-input-typing-indicator-one-person: "is smashing some buttons";
    /* typing indicator: when more than one person is typing */
    --chillax-input-typing-indicator-many-person: "are smashing some buttons";

    /* scroller (by default transparent) */
    --chillax-scroller-color: transparent; /* change `transparent` to some other hex color to make it visible */

    /* Spotify Player Control Squid GIF Adjustments */

    /* Change the ulr in the `--chillax-spotify-control-squid-gif-url` css var to your liking */
    --chillax-spotify-control-squid-gif-url: url("https://raw.githubusercontent.com/Chillax-ORG/Images/refs/heads/main/Glow_Squid_BE1.gif");
    /* adjust the height and width accordingly */
    --chillax-spotify-control-squid-width: 25px;
    --chillax-spotify-control-squid-height: 25px;

    /* adjust glow color accordingly */
    --chillax-spotify-control-squid-glow: rgba(0, 255, 255, 0.4); /* set to `none` to disable it */
}

/*discord transparency*//*roots*/ /*theme dark*/
.theme-dark {
    --background-message-hover: rgba(255, 255, 255, 0.055);
    --header-primary: #fff;
    --header-secondary: #b9bbbe;
    --text-normal: #dcddde;
    --text-muted: #9d9d9d;
    --channels-default: #8e9297;
    --interactive-normal: #b9bbbe;
    --interactive-hover: #dcddde;
    --interactive-active: #fff;
    --interactive-muted: #4f545c;
    --background-primary: transparent;
    --background-secondary: transparent;
    --background-tertiary: transparent;
    --background-accent: rgb(36, 36, 36);
    --activity-card-background: transparent;
    --deprecated-panel-background: transparent;
}

/*discord transparency*//*roots*/ /*theme light*/
.theme-light {
    --background-message-hover: rgba(255, 255, 255, 0.055);
    --header-primary: rgb(0, 0, 0);
    --header-secondary: #3f3f3f;
    --text-normal: #303030;
    --text-muted: #333333;
    --channels-default: #585b5e;
    --interactive-normal: #3a3a3a;
    --interactive-hover: #333333;
    --interactive-active: rgb(0, 0, 0);
    --interactive-muted: #4f545c;
    --background-primary: transparent;
    --background-secondary: transparent;
    --background-tertiary: transparent;
    --background-accent: rgb(27, 27, 27);
    --activity-card-background: transparent;
    --deprecated-panel-background: transparent;
}

/*!*friends grid banner colour*!*/
/*.theme-dark {*/
/*    --FG-cards-banner-background: transparent !important;*/
/*}*/

/*.theme-light {*/
/*    --FG-cards-banner-background: transparent !important;*/
/*}*/


/*Permissions*/
/*
- You do not have the rights to use our theme name Chillax™ on other projects
- You do not have the rights to remove our theme watermark in the theme
- You do not have the rights to change this theme author/dev/maintainer name to anyone
*/

/*credits*/
/*
========================= Chillax Squad =========================
 Wq                                       Owner & Dev
 LofiTurtle                               Dev & Maintainer
 Inmoresentum                             Dev & Maintainer
 Demented_Elmo                            Dev
=================================================================
 Embeds                                   by Alexis WyvernZu
 Active Now CSS                           by Cedrick
 Memberlist until hover                   by Cedrick
 Hide User Buttons until Hover            by Commie Axolotl
 Center profile badge, avatar and name    by Commie Axolotl
 Account Details Grid                     by Dablulite
 Blurple recolour                         by DevilBro
 Emoji Replace                            by DevilBro
 Settings Icons                           by DevilBro
 Connection Issue Let Me Be               by Disease
 Radial Status                            by Gibbu
 About Me Clamp                           by ItMeSarah
 Better Jump to Present Button            by Lonk
 Better Mark As Read Button               by Lonk
 IconPack                                 by Lavender
 Discolored                               by Nyri4
 Better Spotify Control                   by Uri
=================================================================
*/
/*I really want to give a special shoutout to all of you for supporting me in this theme, thank you all.*/

Actions

Download Source

About

Version: 2.1.3
Downloads: 220,060
Added: 07/01/2022
Updated: 05/20/2026
Hash: 3d35435a-86a6-2056-b7e8-7f9ed761fad1
Source: https://github.com/warrayquipsome/Chillax

Author

wq_qt GitHub

Live preview

Screenshot

Open source

FiveCord for Windows