Discord Theme 0.1.2

discord.css

/*
This is a custom theme for TheShadowsModsUK'd Discord.
Version 0.1.2
*/

:root{
  --shadow_background: #41413d;
  --shadow_pink_deep: #ff00d4;
  --shadow_pink_normal: pink;
  --shadow_pink_over: #f472d27a;
  --shadow_version_text: 'TheShadowModsUK Discord Theme v0.1.2';
}

.bioTextArea-dDGOeC.scrollableContainer-15eg7h.webkit-QgSAqd {
    background-color: var(--shadow_background);
}
/* Say night night, no more show.*/
.socialLinks-3ywLUf, .separator-2wx7h6, .upsellContainer-TwfTaF, .premiumFeatureBorder-1i95si.featureBorder-2Jl8g4.tryItOutSection-W9qeGH, div[data-text-variant="eyebrow"], div[aria-label="Nitro"],  div[aria-label="Nitro"], div[aria-label="Subscriptions"], div[aria-label="Gift Inventory"], .versionHash-mssSIL, .nfo-3pQQBb, svg.bannerSVGWrapper-qc0szY {
    display: none;
}

.info-3pQQBb {
 visibility: hidden;
}
.info-3pQQBb:after {
    color: white;
    content: var(--shadow_version_text);
    visibility: visible;
}
.closeButton-PCZcma:hover, .closeButton-PCZcma:hover+.keybind-13vtq8 {
    color: #ffb6a2;
}
.closeButton-PCZcma, .keybind-13vtq8 {
    color: #ff00d4;
}
.avatar-3mTjvZ {
    background-color: var(--background-tertiary);
    position: absolute;
    top: 1px;
    left: 22px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 0px !important;
    height: 0px !important;
}
.contentRegionScroller-2_GT_N {
    height: 100%;
    position: static;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    overflow-x: hidden;
    background-color: #41413d;
}
.accountProfileCard-lbN7n- {
    background-color: transparent;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}
.image-t6rLT3 {
    background-image: url(https://cdn.discordapp.com/attachments/1079050158517526538/1079423196207534253/image.png) !important;
}
.defaultColor-1EVLSt.text-sm-normal-AEQz4v.tip-Jl__cG {
    color: #fba689;
}
.text-sm-bold-2BCfqW.pro-3GwLMX {
    color: #ff00d4 !important;
}
.messagesPopoutWrap-3zryHW {
    background-color: #41413d;
    -webkit-box-shadow: var(--elevation-stroke),var(--elevation-high);
    box-shadow: var(--elevation-stroke),var(--elevation-high);
    width: 420px;
    min-height: 200px;
    border-radius: 4px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 0;
}
.header-1w9Q93 {
    position: relative;
    padding: 16px;
    background-color: #363632;
    -webkit-box-shadow: var(--elevation-low);
    box-shadow: var(--elevation-low);
}
.footer-5ji8u1 {
    padding: 16px;
    text-align: center;
    height: 53px;
    background-color: #363632;
}
.body-GBnhET {
    white-space: pre;
    margin-top: 20px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    text-align: center;
    color: #ffa88b;
}
.icon-mJhEWn {
    background-color: #363632;
    border-radius: 80px;
    color: #ffc0b0;
    display: inline-block;
    padding: 22px;
}

.button-3bklZh:hover {
    color: #ff00d4;
    background-color: var(--background-modifier-hover);
}
.button-3bklZh {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 24px;
    padding: 4px;
    min-width: 24px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: #ffb6a2;
    cursor: pointer;
    position: relative;
}

.chatContent-3KubbW {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    background-image: url(https://cdn.discordapp.com/attachments/1079050158517526538/1079423196207534253/image.png) !important;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}
.cozy-VmLDNB .timestamp-p1Df1m {
    font-size: 0.75rem;
    line-height: 1.375rem;
    color: #ff00d494;
    vertical-align: baseline;
}

button[aria-label="Send a gift"]{
		display: none!important; }

svg[aria-hidden="true", viewBox="0 0 24 24"]{
  color: white;
}


.expandedFolderIconWrapper-3RwQpD {
    width: 48px;
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: rgb(255 0 212) !important;
}

.expandedFolderBackground-1kSAf6 {
    position: absolute;
    top: 0;
    left: 12px;
    bottom: 8px;
    width: 48px;
    border-radius: 24px;
    -webkit-transition: background-color .15s ease-out;
    transition: background-color .15s ease-out;
    background-color: #41413d;
}
.offline-22aM7E {
    opacity: .05;
}
.sansAttachButton-1ERHue {
    padding-left: 10px;
}
.button-12Fmur.enabled-9OeuTA:hover {
    color: #ff00d4;
    background-color: var(--background-modifier-selected);
}
.button-12Fmur.enabled-9OeuTA{
    color: #ff00d4;
}
.lookBlank-FgPMy6 {
    background: #41413d;
    color: #ffb6a2;
    border: 0;
    padding: 0;
    margin: 0;
}
.sidebarRegionScroller-FXiQOh {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background: #41413d;
}
.overlayBackground-1KgwVi {
    position: relative;
    background-color: #41413d;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
}
.container-18GwIk {
    background-color: #41413d;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: default;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.lookFilled-1H2Jvj.colorBrand-2M3O3N:hover {
    background-color: #a30087;
}
.lookFilled-1H2Jvj.colorBrand-2M3O3N {
    color: var(--white-500);
    background-color: #ff00d4;
}
.header-3_zmOb {
    background-color: #363632;
    height: 48px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 48px;
    padding: 0 16px;
}
.active-z80xEj .buttonWrapper-3YFQGJ, .buttonWrapper-3YFQGJ:hover {
    color: #ff00d4;
}
.button-2fCJ0o {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #f572d3;
}
.colorDefault-CDqZdO.focused-3qFvc8 {
    color: #ff00f7;
    border-color: pink;
    background-color: #f472d27a;
    border-radius: 30px;
}
.colorDefault-CDqZdO {
    color: pink;
    border-color: var(--interactive-normal);
}
.button-1zW0-r:hover, .keyboard-mode .button-1zW0-r.focused-H4w81f {
    background-color: #975984;
}
.button-1zW0-r {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 4px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    cursor: pointer;
    border-radius: 50%;
    background-color: #ffffff00;
}
element.style {
}
.flexible-1UoeVa {
    min-width: 188px;
    max-width: 320px;
}
.menu-1QACrS {
    z-index: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    cursor: default;
    max-height: calc(100vh - 32px);
    -webkit-box-shadow: var(--elevation-high);
    box-shadow: 0 0 0 0;
    background: #41413d;
    border-radius: 30px;
}
.webkit-QgSAqd .buttons-uaqb-5 {
    margin-right: 4px;
}
.scrollableContainer-15eg7h {
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: 50vh;
    border-radius: 8px;
    background: #41413d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    scrollbar-width: none;
}
.lookBlank-FgPMy6 {
    background: #41413d;
    color: currentColor;
    border: 0;
    padding: 0;
    margin: 0;
}

.textArea-2CLwUE {
    background-color: #41413d;
    resize: none;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.375rem;
    width: 100%;
    height: 44px;
    min-height: 44px;
    color: var(--text-normal);
    padding-left: 0;
    padding-right: 10px;
}
.placeholder-1rCBhr {
    position: absolute;
    left: 5px;
    right: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #975984;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
}
.attachButton-_ACFSu:hover .attachButtonPlus-3IYelE {
    fill: #ff00d4;
}
.attachButtonPlus-3IYelE {
    fill: #f572d3;
}
.attachButtonPlus-3IYelE:hover {
    fill: #f572d3;
}
.auto-2K3UW5::-webkit-scrollbar-thumb {
    background-color: #f074d3;
    min-height: 30px;
    border-radius: 20px
}


.content-1jQy2l:before {
    content: "";
    position: absolute;
    display: none;
    top: -1px;
    left: 0;
    right: 0;
    height: 1px;
    -webkit-box-shadow: var(--elevation-low);
    box-shadow: var(--elevation-low);
    z-index: 1;
    pointer-events: none;
}
.container-2o3qEW {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #41413d;
    height: 100%;
}
element.style {
    overflow: hidden scroll;
    padding-right: 0px;
}
.member-48YF_l, .members-3WRCEx {
    background: #41413d;
}
.defaultColor-1GKx81 {
    color: #f174d3;
}
.theme-dark .themed-Hp1KC_ {
    background: #41413d;
}
.icon-2xnN2Y {
    display: block;
    width: 24px;
    height: 24px;
    -webkit-app-region: no-drag;
    color: #ff00d4;
}
.userProfileInnerThemedNonPremium-1gT-zY {
    background: #41413d;
}
.theme-dark .container-YkUktl {
    background: #41413d;
}
.container-q97qHp {
    color: #ff1ed9;
    text-shadow: 1px 0.5px #000000;
}
.modeSelected-3DmyhH .icon-2W8DHg, .modeSelected-3DmyhH:hover .icon-2W8DHg, .modeUnread-3Cxepe .icon-2W8DHg, .modeUnread-3Cxepe:hover .icon-2W8DHg {
    color: #ffb6a2;
}
.actionIcon-2sw4Sl {
    color: #ffb6a2;
}
.modeConnected-NrO4cP .name-28HaxV, .modeConnected-NrO4cP:hover .name-28HaxV, .modeSelected-3DmyhH .name-28HaxV, .modeSelected-3DmyhH:hover .name-28HaxV, .modeUnread-3Cxepe .name-28HaxV, .modeUnread-3Cxepe:hover .name-28HaxV, .notInteractive-2tFrlE.modeConnected-NrO4cP .name-28HaxV, .notInteractive-2tFrlE.modeSelected-3DmyhH .name-28HaxV {
    color: #ff00f7;
    font-weight: var(--font-weight-semibold-1x-light-theme,500);
}
.modeSelected-3DmyhH .content-1gYQeQ, .modeSelected-3DmyhH:hover .content-1gYQeQ {
    background: #f472d27a;
}
.folder-241Joy, .folderIconWrapper-1oRIZr {
    width: 48px;
    height: 48px;
    -webkit-transition: background-color .15s ease-out;
    transition: background-color .15s ease-out;
    background-color: #41413d !important;
}
.wrapper-1S43wv.muted-19J0ih:hover .icon-3zI3d2, .wrapper-1S43wv.muted-19J0ih:hover .name-3BUDLf, .wrapper-1S43wv:hover .icon-3zI3d2, .wrapper-1S43wv:hover .name-3BUDLf {
    color: #37888f;
}
.icon-2W8DHg {
    color: #ff00d4;
}
.name-28HaxV {
    color: pink;
}
.headerContent-2SNbie {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #f572d3;
}
.theme-dark .scroller-3X7KbA {
    background: #41413d;
}
.recentsIcon-F3eO1o {
    position: relative;
    display: none;
}
.header-3OsQeK {
    background-color: #41413d; 
    box-shadow: 1px 2px 6px 4px #41413d;
}
#channels {
    background-color: #41413d;  
}
.wrapper-3kah-n.selected-1Drb7Z .childWrapper-1j_1ub, .wrapper-3kah-n:hover .childWrapper-1j_1ub {
    color: #41413d;
    background-color: #ef75d3;
}
.childWrapper-1j_1ub {
    -webkit-transition: background-color .15s ease-out,color .15s ease-out;
    transition: background-color .15s ease-out,color .15s ease-out;
    background-color: #41413d;
    color: #f572d3;
}
.mentioned-Tre-dv:before {
    background-color: #ee76d3;
}
.mentioned-Tre-dv {
    position: relative;
    background-color: black;
}
.message-2CShn3.mentioned-Tre-dv.selected-2LX7Jy, .mouse-mode.full-motion .mentioned-Tre-dv:hover {
    background-color: #400d0d;
}
.circleIconButton-1VxDrg {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 48px;
    height: 48px;
    -webkit-transition: color .15s ease-out,background-color .15s ease-out;
    transition: color .15s ease-out,background-color .15s ease-out;
    color: #f174d3;
    background-color: #41413d;
}
.circleIconButton-1VxDrg.selected-2r1Hvo {
    color: #41413d;
    background-color: #f174d3;
}
.repliedMessage-3Z6XBG:before {
    --spine-width: 2px;
    content: "";
    display: block;
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: 50%;
    right: 100%;
    bottom: 0;
    left: calc(var(--avatar-size)/2*-1 + var(--gutter)*-1);
    margin-right: var(--reply-spacing);
    margin-top: calc(var(--spine-width)*-1/2);
    margin-left: calc(var(--spine-width)*-1/2);
    margin-bottom: calc(0.125rem - 4px);
    border-left: var(--spine-width) solid #ee76d3;
    border-bottom: 0 solid #ee76d3;
    border-right: 0 solid #ee76d3;
    border-top: var(--spine-width) solid #ee76d3;
    border-top-left-radius: 6px;
}

.compact-2Nkcau .timestamp-p1Df1m, .cozy-VmLDNB .timestamp-p1Df1m.alt-1dvXnH {
    text-align: right;
    font-size: 0.6875rem;
    line-height: 1.375rem;
    margin-right: 0.25rem;
    color: #ff00eb;
    text-indent: 0;
}

.item-2LIpTv {
    position: absolute;
    display: block;
    width: 10px;
    border-radius: 0 6px 6px 0;
    margin-left: -4px;
    background-color: #f074d3;
}