SoftX
A soft and comfy feel for Discord.
361
Live preview
Full Discord interface with this theme applied — powered by ThemePreview.
Screenshot
1
/**2
* @name SoftX3
* @author Gibbu4
* @version 2.0.05
* @description A soft and comfy feel for Discord.6
* @source https://github.com/DiscordStyles/SoftX7
* @invite ZHthyCw8
*/9
10
@import url('https://discordstyles.github.io/SoftX/SoftX.css');11
12
13
14
/* Google Fonts */15
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&display=swap");16
:root {17
/*18
* SoftX variables19
*/20
--background-image: url("https://i.imgur.com/Nglfni6.png"); /* Background image | URL MUST BE A DIRECT LINK (ending in .jpg, .jpeg, .png, .gif) */21
--background-blur: 0px; /* Blur intensity of --background-image | Must end in px | Default: 0px */22
--accent: hsl(164 100% 45%); /* Colour used around the app. | Any valid CSS unit. | Default: hsl(164 100% 45%) */23
--accent-text: hsl(0 0 0%); /* Colour used on solid or high contrast accent backgrounds. | hsl(0 0 10%) */24
--glow-intensity: 1; /* Intensity of the glow used around the app. | Set to 0 to disable the glow. | Decimals allowed | Default: 1 */25
--members-width: 280px; /* Width of the members list. | Default: 280px */26
--guilds-width: 95px; /* Width of the server list. | Default: 105px */27
--server-icon-size: 46; /* Size of the servers inside the server list. | Default: 46px */28
--chat-avatar-size: 40px; /* Size of the chat avatars. | Default: 32px */29
--opacity: 0.85; /* Opacity of overall app. | Default: .85 */30
--font: ";Inter";; /* Custom font | Default: 'Inter' */31
/*32
* RadialStatus veriables33
*/34
--rs-small-spacing: 2px; /* Spacing between profile image and outer ring on small icons (e.g. member list) | Default: 2px */35
--rs-medium-spacing: 4px; /* Spacing between profile image and outer ring on medium icons (e.g. user popout) | Default: 4px */36
--rs-large-spacing: 4px; /* Spacing between profile image and outer ring on medium icons (e.g. user popout fullscreen) | Default: 4px */37
--rs-small-width: 1.5px; /* Ring width (follows same sizing as above) | Default: 1.5px */38
--rs-medium-width: 2px; /* Default: 2px */39
--rs-large-width: 2px; /* Default: 2px */40
/* Customizable colors */41
--rs-online-color: #43b581; /* Default: #43b581 */42
--rs-idle-color: #faa61a; /* Default: #faa61a */43
--rs-dnd-color: #f04747; /* Default: #f04747 */44
--rs-offline-color: #636b75; /* Default: #636b75 */45
--rs-streaming-color: #643da7; /* Default: #643da7 */46
--rs-invisible-color: #747f8d; /* Default: #747f8d */47
--rs-phone-color: var(--rs-online-color); /* Color of the phone for mobile users | Default: var(--rs-online-color) */48
--rs-phone-visible: block; /* Visibility of the phone for mobile users | Default: block */49
}50
51