My BetterDiscord Theme

preview.gif

sakura.theme.css

//META{"name":"Sakura","description":"Sakura Theme","author":"LeaPhant","version":"1.2","website":""}*//{}

body>div:last-of-type {
    background: url(https://lea.moe/2R9.jpg) center/cover no-repeat !important;
    opacity: 1;
}

:root {
    --light: rgba(0, 0, 0, 0.7); /* Overall brightness. 1= black, 0 = transparent */
    --userlight:rgba(0, 0, 0, .3);		/* Brightness for the userpopouts */
	--mc: rgba(236, 64, 122, 0.7);		/* Main colour. Larger items, backgrounds. */
	--sc: rgba(236, 64, 122, 0.8);		/* Accent/Secondary colour. Borders, notifications & such.  */
	--font: sans-serif;
	--font-size: .95rem;
	--text:  #dcddde; /* Chat text colour. */
}

.app-2rEoOp, .bg-h5JY_x, .messages-3amgkR, .panels-j1Uci_, .scroller-2FKFPG { background-color: transparent !important; }

.children-19S4PO::after{
    display: none;
}

.da-title container-1r6BKw{ background-color: rgba(0,0,0,0.1) !important; }

.sidebar-2K8pFh{ background-color: rgba(0,0,0,0.2); }

.guildInner-3DSoA4{ background-color: #F06292 !important; }
.divider-3gKybi  span { background-color: transparent !important; }
.divider-3gKybi:before { background-color: transparent !important;  }
/*  Your META and root should be in your MyTheme.theme.css To give to other people. ^^^^

Everything below goes in to a new file, MyTheme.css for import */

/* Scrollbars */
::-webkit-scrollbar-thumb {border-radius:1px!important;border-color: transparent !important;background: var(--sc) !important;}
::-webkit-scrollbar, ::-webkit-scrollbar-track-piece {width:8px !important;border-color: transparent !important; background: transparent !important;}
::-webkit-scrollbar-corner {display: none !important}
::-webkit-scrollbar-track {background-color: rgba(0, 0, 0, 0)!important}

/* Main background/TitleBar etc */
.theme-dark .container-2lgZY8,.theme-dark .ui-standard-sidebar-view,.titleBar-AC4pGV::after {background-color: var(--light)} /* Brightness */
.titleBar-AC4pGV::after {content:""; position:absolute; z-index:-1; top:0; left:0; right:0; width:100%; height:22px} /* Titlebar layer */

/* Main Transparency */
.theme-dark .chat-3bRxxu,.theme-dark .guildsWrapper-5TJh6A,.theme-dark .layer-3QrUeG,.theme-dark .wrapper-29NfPK,.theme-dark .wrapper-1Rf91z,
.theme-dark .chat-3bRxxu>.content-yTz4x3, .theme-dark .chat-3bRxxu form, .flex-horizontal>.flex-spacer,.searchBarLight-1NxoDG,
.theme-dark .uploadModal-2ifh8j .footer-3mqk7D, .theme-dark #friends, .video-1FfuMD, .theme-dark .private-channel-call,
.theme-dark .activityFeed-28jde9, .theme-dark .footer-2yfCgX, .theme-dark .headerBar-UHpsPw,
.theme-dark .channels-Ie2l6A, .theme-dark .container-PNkimc, .theme-dark .ui-standard-sidebar-view .sidebar-region,
.theme-dark .ui-standard-sidebar-view .content-region, .theme-dark .layers-3iHuyZ, .theme-dark .guildsWrapper-5TJh6A .guilds-1q_RqH,
.theme-dark .chat-3bRxxu .content-yTz4x3, .theme-dark .members-1998pB, .theme-dark .title-3qD0b-, .theme-dark .scroller-2v3d_F,
.theme-dark .header-2o-2hj, .theme-dark .container-2Thooq,.theme-dark .messagesWrapper-3lZDfY,.theme-dark .gameLibrary-TTDw4Y  {background: transparent !important;background-color: transparent !important}

.markup-2BOw-j:not(code) {font-size: var(--font-size)!important;}  /* Changes font size of user text, not including code. */
.theme-dark .containerCozy-jafyvG .markup-2BOw-j {color: var(--text)} /* Text colour */

.theme-dark .iconBadge-2dji3k {border-color: #fff}
.theme-dark .iconBadge-2dji3k:hover {border-color: #eee}

.da-searchBarInner {
    background-color: rgba(200,200,200,0.4) !important;
}

.scrollerWrap-1IAIlv{
    background-color: rgba(0,0,0,0.4);
}

.wordmark-2iDDfm svg > path {fill:#fff}
.winButtonClose-1HsbF- > svg > polygon  {fill:#fff}
.winButtonMinMax-PBQ2gm > svg > rect {stroke:#fff}
.winButton-iRh8-Z {opacity: 1}
.theme-dark .iconForeground-3y9f0B, .theme-dark .title-1aVOXw {color: #fff}
.theme-dark .title-3qD0b- {box-shadow:0 0 0 transparent}
.theme-dark .backdrop-1wrmKB {opacity: .3 !important}
.typeWindows-1za-n7::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 22px;
    background-color: rgb(180,56,105);
}

input{background: #f6f6f6}
body,span:not(.spinner-item){-webkit-font-smoothing:optimizeLegibility !important;-webkit-backface-visibility:hidden;}
body,h1,h2,h3,h4,h5,h6 {color: #fff);font-family:var(--font);text-rendering: optimizeLegibility !important; font-smoothing: antialiased !important}
.theme-dark ::selection {background: rgba(0, 0, 0, 0.7);color:rgb(255, 255, 0)}
.theme-dark ::-webkit-input-placeholder {color: rgba(255, 255, 255, 0.8) !important}

/* Chat Area */
.theme-dark .topic-2QX7LI {color:#fff}
.username-_4ZSMR, .usernameWrapper-1S-G5O .username-_4ZSMR {font-weight: 600;text-shadow:0 0 3px rgb(0, 0, 0);border-radius:10%}/* User Name */
.theme-dark .timestampCozy-2hLAPV {color:color: rgba(255,255,255,0.65);}
.theme-dark .autocomplete-1vrmpx {background-color: rgba(0, 0, 0, 0.9)}
.theme-dark .inner-zqa7da {
	background-color: hsla(0, 0%, 0%, 0.3);
    box-shadow: 0 0 0px 2px var(--sc);
    border-radius: 0px;
}
#app-mount .typing-2GQL18 {background: transparent}
.theme-dark .markup-2BOw-j pre {background: rgba(0, 0, 0, 0.4);border-color: var(--sc)}
.theme-dark .markup-2BOw-j code, .theme-dark .markup-2BOw-j code.inline {background: rgba(0, 0, 0, 0.7)}
.theme-dark .markup-2BOw-j a {color: #EC407A;}
.theme-dark .dividerEnabled-2TTlcf {display:none}
.theme-dark .channelTextArea-rNsIhG {border-top:none}
.channel-2QD9_O:hover a { background-color: rgba(0,0,0,0.3); }
.privateChannels-1nO12o { background-color: rgba(0,0,0,0.2); }
.theme-dark .container-2Thooq { background-color: rgba(0,0,0,0.35) !important; }
/* Activity */
.theme-dark .splashArt-1anaP9 {opacity:1;filter:none}
.theme-dark .card-7JP0BX {background-color: rgba(0, 0, 0, 0.8);color: #fff;}
.theme-dark .splashArt-3yFzRe {width: 100%;filter: grayscale(0%);opacity: 1;-webkit-mask: radial-gradient(100% 100% at top left,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,.4) 100%)}

/* Library */
.theme-dark .rowBackground-3MeNoN {filter:none;-webkit-mask:none;opacity:.7}

/* Members Area */
.theme-dark .membersGroup-v9BXpm {color: #fff;text-align:center}
.theme-dark .activity-1IYsbk {color: #babcbf}
.theme-dark .member-3W1lQa.popout-open .content-OzHfo4,.theme-dark .member-3W1lQa:hover .content-OzHfo4, .theme-dark .member-3W1lQa.popout-open:hover .content-OzHfo4 {background:var(--mc)}
/* User Popout */
.userPopout-3XzG_A {background: url(https://lea.moe/8oV.jpg) center/cover no-repeat}
.userPopout-3XzG_A .activity-11LB_k {background-color: rgba(0,0,0,.0)}
.userPopout-3XzG_A .header-2BwW8b,.userPopout-3XzG_A .body-3iLsc4,.userPopout-3XzG_A .footer-1fjuF6,
.userPopout-3XzG_A .quickMessage-1yeL4E,.userPopout-3XzG_A .note-3kmerW textarea:focus {background: var(--userlight)!important}
.userPopout-3XzG_A .tip-2ab612,.userPopout-3XzG_A .bodyTitle-Y0qMQz {color: #fff}

/* Guilds */
.theme-dark .guildSeparator-1X4GQ1:after{display:none}
.theme-dark .friendsOnline-_wi_fM{color:#fff}
.theme-dark .guild-1EfMGQ.unread-qLkInr:before {background: var(--sc)}

/* Channels */
.header-2o-2hj {box-shadow:none}
.private-channels .channel .channel-name {opacity:1}
.iconCollapsed-3hFp_8, .iconDefault-3Gr8d2, .nameCollapsed-34uFWo, .nameDefault-2DI02H,
.nameDefaultText-24KCy5, .nameDefaultVoice-3WUH7s, .nameLockedText-3pqQcL, .nameLockedVoice-26MhB1 {color: #fff}
.container-1UB9sr {background: rgba(0, 0, 0, 0);border-bottom:none;padding: 1px}
.nameDefault-2s3kbY {color: #fff}
.contentConnectedVoice-qL-YrL:active, .contentHoveredText-2D9B-x, .private-channels .channel:hover a,.theme-dark #friends .friends-table .friends-row:hover,
.contentHoveredVoice-3p_NEO:active, .contentSelectedVoice-1WDIBM:active,.privateChannels-1nO12o .channel-2fhmY8:hover .selectedLink-3dsNZ6,
.contentSelectedText-3wUhMi, .contentSelectedVoice-1WDIBM,.privateChannels-1nO12o .channel-2fhmY8 .selectedLink-3dsNZ6{background-color: var(--mc)}
.unread-1Dp-OI {background: var(--sc)}

/* Menus */
.theme-dark .search-results-wrap .search-header {background-color: rgba(0, 0, 0, 0)}
.theme-dark .searchPopout-1vUlP3 {background-color: rgba(0, 0, 0, 0.9)}
.theme-dark .search-results-wrap {background-color: rgba(0, 0, 0, 0.4)}
.theme-dark .search-results-wrap .search-result .search-result-message.hit {border: 2px solid var(--sc)}
.theme-dark .search-results-wrap .search-result .hit {background-color: rgba(0, 0, 0, 0.7);box-shadow: 0 0 10px 0px var(--sc)}
.theme-dark .search-results-wrap .search-result:before,.theme-dark .search-results-wrap .search-result:after {display:none}

.menu-Sp6bN1:not(.alt-3btY0e) {background:rgba(0, 0, 0, 0.93)}
.menu-Sp6bN1.alt-3btY0e{background:rgba(0, 0, 0, 0.9)}
.theme-dark .item-1GzJrl {color: #fff}

.theme-dark .header-ykumBX {background:rgba(0, 0, 0, 0.0)}
.theme-dark .messagesPopoutWrap-1MQ1bW {background:rgba(0, 0, 0, 0.8)}
.theme-dark .messageGroupWrapper-o-Zw7G {background-color: rgba(45, 45, 45, 0.9);border-color: var(--sc)}

.theme-dark  .uploadModal-2ifh8j {background: rgba(0, 0, 0, 0.85)}

.theme-dark #memberCount {background: rgba(0, 0, 0, 0);padding:0;height:20px}

.da-newMessagesBar {
    background-color: #F06292 !important;
}

.theme-dark .header-39GIC8 {
    background-color: rgba(240, 98, 146, 0.59);
    width: 100%;
}

.channel-2QD9_O.da-channel> a[href="/library"] {
    display: none;
}

.buttons-205you > button:first-child{
    display: none;
}

.theme-dark .categoryFadeBlurple-1j72_A{
    background-color: rgba(240, 98, 146, 0.8);
}

.bda-dark .emoji-picker, .bda-dark .emojiPicker-3m1S-j {
    background-color: rgba(33, 33, 33, 0.5);
}

.emojiPicker-3m1S-j .stickyHeader-1SS0JU {
    background: rgba(255,255,255,0.2)
}

.bda-dark .emoji-picker .category, .bda-dark .emojiPicker-3m1S-j .category-2U57w6 {
    background-color: rgba(0, 0, 0, 0.6);
}

.bda-dark #bda-qem button.active{
    background-color: rgba(0,0,0,0.2) !important;
}

.bda-dark #bda-qem button {
    background-color: rgba(0,0,0,0.3) !important;
}

.noticeStreamerMode-2TSQpg {
    background-color: #F06292;
}

.online-2S838R {
    background-color: #2fc1a0;
}

.dnd-1_xrcq {
    background-color: #dc4769;
}

.idle-3DEnRT {
    background-color: #ea8c3b;
}

.streaming-2_dnHe {
    background-color: #9340b5;
}

.guildsAdd-21_IdK{
    border-style: solid;
}

.newMessagesBar-mujexs button:last-child{
    color: #f0c7e3;
}

.da-emojiItem.da-disabled{
    display: none !important;
}

#bd-settingspane-container .content-column.default .bda-slist::before {content: "Changelog: v1.2 Store/Library update. v1.5 Last update before v2 and ending support. Added Fixes import, cleaner chat window, linked more vars. "}
#bd-settingspane-container .bda-slist::before {
    background: rgba(67, 181, 129, 0.8);display: block;
    padding: 5px 10px;margin-bottom: 10px;border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    font-weight: 600;margin-top: 2px;color: #fff}

.da-messageGroupBlocked, .da-messageGroupBlockedBtn{
    background: 0 !important;
    border: 0 !important;
}

.da-channels.da-vertical.da-flex.da-directionColumn {
    background: rgba(0, 0, 0, 0.1) !important;
}

.da-wrapper > .da-scrollerWrap > .da-scroller.da-systemPad {
    background: rgba(0, 0, 0, 0.3);
}

.button-OhfaWu{
    background-color: var(--sc) !important;
}