Discord with vertical server list in the bottom and a dark cherished color with a simple and well-organized system. A slight modern version of Discord.
Discordium by him
Details
Authorhim
LicenseNo License
Categorydiscord.com
Created
Updated
Size976 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Discordism
@namespace userstyles.world/user/him
@version 1.0.0
@description A new userstyle
@author Me
==/UserStyle== */
@-moz-document domain("discord.com") {
/* Insert code here... */
:root{--background_app: var(--Main_Background);--Main_Brightness: 80 ;--backgroundBrightness_app: var(--Main_Brightness);--Main_Background_blur: 0 ;--backgroundBlur_app: var(--Main_Background_blur);--background_server: var(--Server_Background);--Server_Brightness: 100 ;--backgroundBrightness_server: var(--Server_Brightness);--Server_Background_blur: 0 ;--backgroundBlur_server: var(--Server_Background_blur);--show-nitro-btn: 0 ;--chatBtn_nitro: flex ;--show-gif-btn: 1 ;--chatBtn_gif: flex ;--show-sticker-btn: 0 ;--chatBtn_sticker: flex ;--show-emoji-btn: 1 ;--chatBtn_emoji: flex ;--show-serverboost-stats: 1 ;--serverBoostStatus: flex ;--always-show-voicecontrols: 0 ;--voiceControlOverlay: var(--always-show-voicecontrols);--Font: "gg sans", "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif ;--font: var(--Font);--font-primary: var(--font) !important ;--font-display: var(--font) !important }.theme-dark{--header-primary: #fff;--header-secondary: #b9bbbe;--text-normal: #dcddde;--text-muted: #72767d;--text-link: #00b0f4;--text-positive: #4fdc7b;--text-link-low-saturation: hsl(197,100%,52.9%);--text-link-low-saturation: #0fbbff ;--interactive-normal: #7c7d7e ;--interactive-hover: #dcddde;--interactive-active: #fff;--interactive-muted: #4f545c;--background-primary: #36393f;--background-secondary: #2f3136;--background-secondary-alt: #292b2f;--background-tertiary: #202225;--background-accent: #4f545c;--background-floating: #18191c;--background-mobile-primary: #36393f;--background-mobile-secondary: #2f3136;--background-modifier-hover: rgba(79,84,92,0.16);--background-modifier-active: rgba(79,84,92,0.24);--background-modifier-selected: rgba(79,84,92,0.32);--background-modifier-accent: hsla(0,0%,100%,0.06);--background-mentioned: rgba(250,166,26,0.1);--background-mentioned-hover: rgba(250,166,26,0.08);--background-message-hover: rgba(4,4,5,0.07);--info-positive-text: #fff;--info-warning-text: #fff;--info-danger-text: #fff;--info-help-background: rgba(0,176,244,0.1);--info-help-foreground: #00b0f4;--info-help-text: #fff;--status-warning-text: #000;--scrollbar-thin-thumb: #202225;--scrollbar-thin-track: transparent;--scrollbar-auto-thumb: #202225;--scrollbar-auto-track: #2e3338;--scrollbar-auto-scrollbar-color-thumb: #202225;--scrollbar-auto-scrollbar-color-track: #2f3136;--elevation-stroke: 0 0 0 1px rgba(4,4,5,0.15);--elevation-low: 0 1px 0 rgba(4,4,5,0.2),0 1.5px 0 rgba(6,6,7,0.05),0 2px 0 rgba(4,4,5,0.05);--elevation-medium: 0 4px 4px rgba(0,0,0,0.16);--elevation-high: 0 8px 16px rgba(0,0,0,0.24);--logo-primary: #fff;--control-brand-foreground: #a5b3e7;--control-brand-foreground-new: #949cf7;--channels-default: #8e9297;--guild-header-text-shadow: 0 1px 1px rgba(0,0,0,0.4);--channeltextarea-background: #40444b;--activity-card-background: #202225;--textbox-markdown-syntax: #8e9297;--deprecated-card-bg: rgba(32,34,37,0.6);--deprecated-card-editable-bg: rgba(32,34,37,0.3);--deprecated-store-bg: #36393f;--deprecated-quickswitcher-input-background: #72767d;--deprecated-quickswitcher-input-placeholder: hsla(0,0%,100%,0.3);--deprecated-text-input-bg: rgba(0,0,0,0.1);--deprecated-text-input-border: rgba(0,0,0,0.3);--deprecated-text-input-border-hover: #040405;--deprecated-text-input-border-disabled: #202225;--deprecated-text-input-prefix: #dcddde}.theme-dark,.theme-light{--text-warning: #faa61a;--text-danger: #ed4245;--info-positive-background: rgba(59,165,92,0.1);--info-positive-foreground: #3ba55c;--info-warning-background: rgba(250,166,26,0.1);--info-warning-foreground: #faa61a;--info-danger-background: rgba(237,66,69,0.1);--info-danger-foreground: #ed4245;--status-positive-background: #3ba55c;--status-positive-text: #fff;--status-warning-background: #faa61a;--status-danger-background: #ed4245;--status-danger-text: #fff;--focus-primary: #00b0f4;--red: #f04747;--red-secondary: rgb(210, 80, 80);--border-mentioned: rgba(250, 166, 26, 0.65);--Blurple: rgb(114, 137, 218);--Blurple-light: rgba(114, 137, 218, 0.2);--Blurple-light-hover: rgba(114, 137, 218, 0.4);--BD-Blue: #3e82e5 ;--status-online: #3ba55c ;--status-idle: #faa61a ;--status-DnD: #ed4245 ;--status-invisible: #747f8d }body{color:rgba(0,0,0,0)}.layers_a01fb1>.layer_d4b6c5{transform:none !important}.base_a4d4d9{height:100% !important}.botTag_a02df3{color:var(--text-normal);background-color:var(--background-secondary)}.app_bd26cc .scrollerBase_eed6a8::-webkit-scrollbar{width:15px}.app_bd26cc .scrollerBase_eed6a8::-webkit-scrollbar-thumb{border-color:rgba(0,0,0,0);background-color:var(--background-modifier-accent);visibility:visible}.app_bd26cc .scrollerBase_eed6a8::-webkit-scrollbar-track,.app_bd26cc .scrollerBase_eed6a8::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.app_bd26cc .scrollerBase_eed6a8:hover::-webkit-scrollbar-thumb{background-color:var(--interactive-normal)}.app_bd26cc .scrollerBase_c49869::-webkit-scrollbar{width:15px}.app_bd26cc .scrollerBase_c49869::-webkit-scrollbar-thumb{border-color:rgba(0,0,0,0);background-color:var(--background-modifier-accent);visibility:visible}.app_bd26cc .scrollerBase_c49869::-webkit-scrollbar-track,.app_bd26cc .scrollerBase_c49869::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.app_bd26cc .scrollerBase_c49869:hover::-webkit-scrollbar-thumb{background-color:var(--interactive-normal)}.focus-rings-ring,.focusRing_d0696b{box-shadow:none;border-bottom:3px solid var(--interactive-hover);border-radius:0}.sidebar_a4d4d9 .panels_a4d4d9 .container_b2ca13{position:absolute;height:48px;width:240px;top:0;box-sizing:border-box}.sidebar_a4d4d9 .panels_a4d4d9 .container_b2ca13 .avatarWrapper_b2ca13{margin:6px 8px 6px 0;background:none}.sidebar_a4d4d9 .panels_a4d4d9 .container_b2ca13 .button_dd4f85{background:none}
div[class="circleIconButton_db6521"]{
display: none
}
:root {
/* ==> IMPORTANT <==
- The Theme might not work properly when mixed with others.
- The Theme was made for BetterDiscord and updates to match the stable client.
Any other Mod, Platform, or version might work, but is not guaranteed.
- To report any issues, go to: https://github.com/Eight-P/BD.8P/issues
==> SETTINGS <==
- Backgrounds can be links, colors or gradients (links must be HTTPS).
- Choose discord's "Dark" theme (User-Settings/Appearance) for dark images and "Light" for bright ones.
- Brightness: normal = 100 | lower = darker, higher = brighter
- Blur effect: 0 = off | higher number = more blur
- Chat buttons: 1 = show | 0 = hidden
*/
--Main_Brightness: 80 ;
--Main_Background_blur: 0 ;
--Server_Brightness: 100 ;
--Server_Background_blur: 0 ;
--show-nitro-btn: 0 ;
--show-gif-btn: 1 ;
--show-sticker-btn: 0 ;
--show-emoji-btn: 1 ;
--show-home-tabs: 1 ;
--show-serverboost-stats: 1 ;
/* Button overlay in call view (1 = always show | 0 = only show on hover) */
--always-show-voicecontrols: 0 ;
/* Main font (prioritization: left to right) */
--Font: "gg sans", "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif ;
}
.sidebar_a4d4d9 .panels_a4d4d9 .activityPanel_a4d4d9{height:32px;padding:6px 10px}.sidebar_a4d4d9 .panels_a4d4d9 .activityPanel_a4d4d9 .gameIconWrapper_bf1a22{height:32px}.sidebar_a4d4d9 .panels_a4d4d9 .activityPanel_a4d4d9 .title_d1da5f{line-height:32px}.sidebar_a4d4d9 .panels_a4d4d9 .activityPanel_a4d4d9 button{background:none}.sidebar_a4d4d9 .panels_a4d4d9 .container_adcaac{border:none;padding:0 0 0 8px}.sidebar_a4d4d9 .panels_a4d4d9 .container_adcaac .connection_adcaac{padding:5px 0}.sidebar_a4d4d9 .panels_a4d4d9 .container_adcaac .button_f67531{background:none}.sidebar_a4d4d9 .panels_a4d4d9 .container_adcaac:has(.actionButtons_adcaac){display:grid;padding:0;grid-template-columns:100%;contain:paint}.sidebar_a4d4d9 .panels_a4d4d9 .container_adcaac:has(.actionButtons_adcaac) .connection_adcaac{order:2;margin-left:32px;align-items:unset}.sidebar_a4d4d9 .panels_a4d4d9 .container_adcaac:has(.actionButtons_adcaac) .voiceUsers_adcaac{height:30px;padding:3px 8px;margin:0;box-sizing:border-box;order:3}.sidebar_a4d4d9 .panels_a4d4d9 .container_adcaac:has(.actionButtons_adcaac) .voiceUsers_adcaac::-webkit-scrollbar{display:none}.sidebar_a4d4d9 .panels_a4d4d9 .container_adcaac:has(.actionButtons_adcaac) .voiceUsers_adcaac~.actionButtons_adcaac:after{bottom:42px}.sidebar_a4d4d9 .panels_a4d4d9 .container_adcaac .actionButtons_adcaac{display:inline-flex;height:0;padding:0;justify-content:space-evenly;overflow:hidden;transition:.1s linear;align-items:center}.sidebar_a4d4d9 .panels_a4d4d9 .container_adcaac .actionButtons_adcaac:after{content:"<";position:absolute;display:flex;width:200px;height:32px;left:0;bottom:12px;justify-content:center;align-items:center;color:var(--interactive-normal);font-size:18px;font-weight:700;transform:rotate(90deg) translate(6px, 84px)}.sidebar_a4d4d9 .panels_a4d4d9 .container_adcaac .actionButtons_adcaac:hover{height:44px}.sidebar_a4d4d9 .panels_a4d4d9 .container_adcaac .actionButtons_adcaac:hover:after{content:">";color:var(--interactive-hover)}.sidebar_a4d4d9 .panels_a4d4d9 .container_adcaac .actionButtons_adcaac .button_adcaac{width:max-content;padding:0 12px;background:none;color:var(--interactive-normal);z-index:1}.sidebar_a4d4d9 .panels_a4d4d9 .container_adcaac .actionButtons_adcaac .button_adcaac:not(.fauxDisabled_adcaac):hover{color:var(--interactive-hover)}.searchBox__56feb{background:var(--background-modifier-accent) !important}.searchBox__56feb:focus-within,.searchBox__56feb:has(.clearIcon__21453){border-color:rgba(0,0,0,0) rgba(0,0,0,0) #fff rgba(0,0,0,0) !impor...