0 p.

Theme «SoftX» for Discord

Theme SoftX for Discord
Discord Themes (Custom CSS) "SoftX" is a dark theme for Discord that uses custom CSS to change the look and feel of the application. The theme is designed to be simple and minimalistic, with a focus on providing a comfortable and visually appealing experience for users. The theme includes a dark background, dark text, and dark icons, as well as custom styles for various elements of the application, such as the chat window, profile page, and more. The theme is designed to be easy to use, with a simple and intuitive interface that allows users to quickly and easily customize the look and feel of their Discord experience. The theme is also highly customizable, allowing users to tailor the look and feel of the application to their personal preferences. Overall, Discord Themes (Custom CSS) "SoftX" is a powerful and versatile tool for anyone looking to enhance the look and feel of their Discord experience.

How to install Discord design

  1. Download 47064-softx.theme.css.
  2. If this is your first time installing a theme: install BetterDiscord
  3. Launch Discord and go to the client settings.
  4. In the "Themes" section, click "Open Theme Folder". This will open an explorer window, where you will need to move the obtained file.
  5. Go back to the client settings and apply the added skin.

Alternatively, you can install by inserting code into the Custom CSS field.

Custom CSS

/**
 * @name SoftX
 * @author Gibbu#1211
 * @version 1.0.0
 * @invite ZHthyCw
 * @description A soft and comfy feel for Discord.
 * @source https://github.com/DiscordStyles/SoftX
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&display=swap');
@import url("https://discordstyles.github.io/SoftX/SoftX.css");
@import url("https://discordstyles.github.io/SoftX/RadialGlow.css");
@import url("https://discordstyles.github.io/Addons/windows-titlebar.css");

:root {
	/* SoftX variables */
	--background-image: url('https://i.imgur.com/Nglfni6.png'); /* Background image | URL MUST BE A DIRECT LINK (ending in .jpg, .jpeg, .png, .gif) */
	--background-blur: 0px; /* Blur intensity of --background-image | Must end in px | Default: 0px */

	--accent: 0, 231, 169; /* Colour used around the app. | Values are in R,G,B format. | Default: 0, 231, 169 */

	--channels-width: 300px; /* Width of the channels list. | Default: 300px */
	--guilds-width: 105px; /* Width of the server list. | Default: 105px */
	--members-width: 280px; /* Width of the members list. | Default: 280px */

	--server-size: 50px; /* Size of the servers inside the server list. | Default: 50px */
	--chat-avatar-size: 32px; /* Size of the chat avatars. | Default: 32px */

	--glow-intensity: 1; /* Intensity of the glow used around the app. | Set to 0 to disable the glow. | Decimals allowed | Default: 1 */

	--opacity: .85; /* Opacity of overall app. | Default: .85 */

	--font: 'Inter'; /* Custom font | Default: 'Inter' */

	/* RadialStatus veriables */
	--rs-small-spacing: 2px; /* Spacing between profile image and outer ring on small icons (e.g. member list) | Default: 2px */
	--rs-medium-spacing: 4px; /* Spacing between profile image and outer ring on medium icons (e.g. user popout) | Default: 4px */
	--rs-large-spacing: 4px; /* Spacing between profile image and outer ring on medium icons (e.g. user popout fullscreen) | Default: 4px */

	--rs-small-width: 1.5px; /* Ring width (follows same sizing as above) | Default: 1.5px */
	--rs-medium-width: 2px; /* Default: 2px */
	--rs-large-width: 2px; /* Default: 2px */

	--rs-avatar-shape: 50%; /* Border-radius for profile image | Default: 50% */

	/* Customizable colors */
	--rs-online-color: #43b581; /* Default: #43b581 */
	--rs-idle-color: #faa61a; /* Default: #faa61a */
	--rs-dnd-color: #f04747; /* Default: #f04747 */
	--rs-offline-color: #636b75; /* Default: #636b75 */
	--rs-streaming-color: #643da7; /* Default: #643da7 */
	--rs-invisible-color: #747f8d; /* Default: #747f8d */
	--rs-phone-color: var(--rs-online-color); /* Color of the phone for mobile users | Default: var(--rs-online-color) */

	--rs-phone-visible: block; /* Visibility of the phone for mobile users | Default: block */
}
Download file

Comments

Cancel