Skip to content

Instantly share code, notes, and snippets.

@LeaPhant

LeaPhant/preview.gif

Last active December 2, 2023 09:00
Show Gist options
  • Save LeaPhant/fe55a278fb243bd07b31d4f41eefd0ff to your computer and use it in GitHub Desktop.
Save LeaPhant/fe55a278fb243bd07b31d4f41eefd0ff to your computer and use it in GitHub Desktop.
Download ZIP
My BetterDiscord Theme
Raw
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;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment