Skip to content

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

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.

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...

Reviews

No reviews yet.