AMOLED Discord by vanta

/* ==UserStyle==
@name           AMOLED Discord
@namespace      https://userstyles.world/user/vanta
@version        1.1.0
@description    Remove annoyances, add AMOLED theme and kalam font.
@author         vanta
==/UserStyle== */

@-moz-document url-prefix("https://discord.com/channels") {
@import url(https://fonts.googleapis.com/css2?family=Kalam:wght@400;500;600;700');
    body {
        font-family: 'Kalam', 'Kalam ';
        font-weight: normal;
    }
    .theme-dark {
        --background-primary: #000000;
        --background-secondary: #000000;
        --background-secondary-alt: #000000;
        --background-tertiary: #000000;
        --background-floating: #000000;
        --background-accent: rgba(255, 255, 255, 0.1);
        --user-text-color: white;
        --background-message-hover: rgba(47, 47, 34, 0.3);
        --text-normal: white;
        --text-muted: #b1b4b9;
        --channeltextarea-background: #000000;
        --background-modifier-accent: rgba(0, 0, 0, 0);
        --selected: #ffc80036
    }
	
	/* Align Settings Sidebar to the Left  */
.sidebar__23e6b {
  margin-right: auto;
  margin-left: 0;
}

.sidebarRegion__23e6b {
  flex: 1 0 0;
  max-width: var(--sidebar-width) !important;
}

.contentRegion__23e6b {
  flex: 1 1 100%;
}

.contentColumn__23e6b, .customColumn__23e6b, .customScroller__23e6b > div {
  max-width: 90%;
}

.layer__960e4[aria-label=GUILD_SETTINGS] .sidebarRegion__23e6b {
  max-width: 90%;
}

    ::-webkit-scrollbar-track,
    ::-webkit-scrollbar-thumb {
        display: none !important;
    }

    .input-2VB9rf,
    .previewContainer-12UlHl,
    .tierBody-3aUxuc,
    .uploadModal-2ifh8j,
    [class^=bd-addon],
    [class^=contentWrapper],
    [class^=focusLock] > *,
    [class^=modalSize],
    [class^=pageWrapper],
    [class^=peopleColumn],
    [class^=jumpToPresentBar],
    .container-3wLKDe,
    .title-31SJ6t {
        background: var(--background-primary)!important
    }

    .container-3auIfb {
        background-color: var(--background-accent)
    }


/* Align Settings Sidebar to the Left */x
.sidebar_c25c6d {
  margin-right: auto;
  margin-left: 0;
}

.sidebarRegion_c25c6d {
  flex: 1 0 0;
  max-width: var(--sidebar-width) !important;
}

.contentRegion_c25c6d {
  flex: 1 1 100%;
}

.contentColumn_c25c6d, .customColumn_c25c6d, .customScroller_c25c6d > div {
  max-width: 100%;
}

.layer_d4b6c5[aria-label=GUILD_SETTINGS] .sidebarRegion_c25c6d {
  max-width: 90%;
}


/* Change Text Color to White */
.inputWrapper-1YNMmM .input-2g-os5, .text-sm-normal-3Zj3Iv, .button_dd4f85.colorBrand_dd4f85 div:not(.controlIcon_ef18ee), .username_cd0810, .themed_a0,
.bd-settings-title, .bd-error-modal, .backgroundModifierContainer_e5c5d5:hover .text-sm-medium_bc6ffc, .defaultColor__77578, .connectedAccountNameText_ab12c6,
.text-xs-normal_ccc5fb, .defaultColor_a595eb, .userTagUsernameBase_c9ccf6, .customStatusText_cb55fc, .itemizedListText_f005b2, .text_fc9b46, .userTag_c32acf, .userTag_c32acf > span,
[class*=normal_dc00ef] {
  color: #fff !important;
}

/* Fixed The Styling of the Emoji Picking Menu */
.categoryList_c6ee36 {
  padding-right: 10px !important;
}
::-webkit-scrollbar-thumb {
  background: var(--scrollbar-color) !important;
  border-radius: 20px !important;
  border: none !important;
}

/* BD Settings on Top */
[class^=side] > :where(.bd-sidebar-header, [class*=-tab], [class*=-tab] + [class*=separator]) {
  order: -1;
}

/* Better Jump To Present Button */
[class*=jumpToPresentBar] {
  display: contents;
  opacity: 100;
}

[class*=jumpToPresentBar] > button:first-child {
  display: none;
}

[class*=jumpToPresentBar] > button:last-child {
  position: absolute;
  z-index: 1;
  bottom: 24px;
  right: 22px;
  padding: 8px !important;
  height: auto;
  box-shadow: var(--elevation-high);
  border-radius: 100px;
  display: flex;
  font-size: 0px;
  color: transparent;
  transition: font-size 0.2s 0.1s, color 0.2s, padding 0.4s 0.1s;
  background-image: var(--bgImage) !important;
  background-clip: border-box !important;
  background-origin: padding-box !important;
  background-attachment: scroll !important;
  background-repeat: repeat !important;
  background-size: auto !important;
  background-position: left top !important;
}

[class*=jumpToPresentBar] > button svg {
  order: -1;
  margin: 0px;
  height: 24px;
  width: 24px;
  top: auto;
  margin-right: 0px;
  margin-left: 0px;
  color: #FFFFFF;
  transition: margin 0.6s;
}

[class*=jumpToPresentBar]:hover > button {
  padding: 8px 18px !important;
  font-size: 14px;
  color: #FFFFFF;
  transition: font-size 0.2s, color 0.2s 0.1s, padding 0.4s;
}

[class*=jumpToPresentBar]:hover > button svg {
  margin-right: 2px;
  margin-left: -6px;
}

/* Fixed User Profile Popout */
.popoutContainer_ad5fac {
  position: relative;
  left: 35px;
}

/* Hide Nitro button in Home */
li[role="listitem"]:has(a[href="/store"]) { display: none; }

/* Hide shop button in Home */
a[href="/shop"] { display: none; }

/* Remove "edited" tag */
[class*=edited_c19a55] {display: none;}
}