Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
72 changes: 72 additions & 0 deletions BetterDiscord-Themes/Addons/status.theme.css
Original file line number Diff line number Diff line change
@@ -1,5 +1,77 @@
//META{"name":"border status","description":"Makes the status buttons a border around profile pictures","author":"Ruben7173","version":"2.0"}*// {}
/* changes status from a circle to a border around pfp */
.mask-1l8v16 {
transform: scale(1.2);
}
/* hide unnecessary parts of the svgs */
.mask-1l8v16 > rect:nth-child(2),
.mask-1l8v16 > mask,
.mask-1l8v16 > svg > rect {
display: none !important;
}
.mask-1l8v16, .mask-1l8v16 foreignObject {
mask: none !important;
}
/* 32px avatars */
.avatarWrapper-2yR4wp img,
.avatarWrapper-3B0ndJ img,
.avatarSmall--gkJKA img,
.avatar-28BJzY img {
border: 2px solid transparent;
border-radius: 32px;
width: 28px;
height: 28px;
background-color: transparent;
}
/* 40px avatars */
.avatar-2tTaT6 img,
.bannedUserAvatar-2xQUYe img,
.avatar-_VZUJy img,
.avatar-17mtNa img {
border: 2px solid transparent;
border-radius: 40px;
width: 36px;
height: 36px;
background-color: transparent;
}
/* 80px avatars */
.avatarWrapper-3H_478 img,
.avatar-3EQepX img {
border: 2px solid transparent;
border-radius: 80px;
width: 76px;
height: 76px;
background-color: transparent;
}
/* friends tab */
.avatarSmall--gkJKA img {
transform: translateX(2px);
}
/* aria labels are more consistent than classes */
[aria-label$=Online] img,
[aria-label$="Online via mobile"] img {
border-color: #43b581!important;
}
[aria-label$=Idle] img {
border-color: #faa61a!important;
}
[aria-label$="Do Not Disturb"] img {
border-color: #f04747!important;
}
[aria-label$=Invisible] img,
[aria-label$=Offline] img {
border-color: #2f3136!important;
}
/* typing */
.cursorDefault-dsQJ1n {
transform: translate(-16px, -16px) scale(1.2, 1.2);
}
.dots-3Bkt3k {
background-color: #000000ff;
fill: black;
}

/* old profiles */
/* online */
.online-2S838R {
border: 2px solid #43b581!important;
Expand Down
2 changes: 1 addition & 1 deletion BetterDiscord-Themes/BlackPanther-Theme/code.css
Original file line number Diff line number Diff line change
Expand Up @@ -211,7 +211,7 @@
}
.emojiPicker-3m1S-j .scroller-3vODG7 .emojiItem-109bjA.selected-39BZ4S {
background-color: #092c53;
border-color:; #375ca7;
border-color: #375ca7;
}

.emojiPicker-3m1S-j .categories-1feg4n .item-16cXuq.selected-39BZ4S {
Expand Down
10 changes: 5 additions & 5 deletions BetterDiscord-Themes/Darling-in-The-Franxx/code.css
Original file line number Diff line number Diff line change
Expand Up @@ -357,12 +357,12 @@ background: rgb(47, 49, 54);
.theme-dark .emoji-picker, .emojiPicker-3m1S-j {
background-color: rgba(0,0,0,0.4);
border-radius: 15px !important;
border-color: #123; !important;
border-color: #123 !important;
}
.theme-dark .emoji-picker .category, .emojiPicker-3m1S-j .category-2U57w6 {
background-color: rgba(0,0,0,0.0);
border-radius: 0px !important;
border-color: #123; !important;
border-color: #123 !important;
border: 1px solid #123;
}
.theme-dark .emojiPicker-3m1S-j .category-2U57w6 {
Expand All @@ -378,7 +378,7 @@ background: rgb(47, 49, 54);
border-bottom-color: #123;
}
.theme-dark .search-bar-light .searchBarInner-1_Tg2R {
background: rgba(0,0,0,0.1)
background: rgba(0,0,0,0.1);
border: 1px solid transparent;
border-radius: 3px!important;
}
Expand Down Expand Up @@ -407,7 +407,7 @@ background: rgb(47, 49, 54);
.theme-dark .search-bar-light .searchBarInner-1_Tg2R {
border-radius: 3px !important;
background: rgba(0,0,0,0.3);
border-color: #123; !important;
border-color: #123 !important;
}
.theme-dark .emoji-picker .scroller::-webkit-scrollbar, .emoji-picker .scroller::-webkit-scrollbar-track, .emoji-picker .scroller::-webkit-scrollbar-track-piece, .emojiPicker-3m1S-j .scroller-3vODG7::-webkit-scrollbar, .emojiPicker-3m1S-j .scroller-3vODG7::-webkit-scrollbar-track, .emojiPicker-3m1S-j .scroller-3vODG7::-webkit-scrollbar-track-piece {
background-color: rgba(0,0,0,0.0)!important;
Expand All @@ -418,7 +418,7 @@ background: rgb(47, 49, 54);
}

.theme-dark .side-8zPYf6 .itemSelected-1qLhcL, .theme-dark .userSettingsAccount-2eMFVR .userInfoViewingButton-2-jbH9, .theme-dark .lookFilled-1Gx00P.colorBrand-3pXr91[style="color: rgb(255, 255, 255); background-color: rgb(114, 137, 218);"] {
background-color: rgb(12, 25, 38); !important
background-color: rgb(12, 25, 38) !important
}

/* Discord nitro button at settings */
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -36,23 +36,45 @@ textarea {
}

.scroller-wrap .scroller::-webkit-scrollbar-thumb,
.scrollerWrap-2lJEkd .scrollbar-2rkZSL .thumb-2JwNFC,
.scrollerWrap-2lJEkd .scroller-2FKFPG::-webkit-scrollbar-thumb {
border: 3px solid rgba(255,255,255,0) !important;
background-color: var(--accent-color) !important;
}

.scroller-wrap .scroller::-webkit-scrollbar-track-piece,
.scrollerWrap-2lJEkd .scrollbar-2rkZSL .track-1JN30G,
.scrollerWrap-2lJEkd .scroller-2FKFPG::-webkit-scrollbar-track-piece {
border: 3px solid rgba(255,255,255,0) !important;
background-color: rgba(0,0,0,0.3) !important;
}

/* Scrollbars on Firefox cannot be modified, but there is an overlay we can change.
We can also use the original scrollbar for transparency effects on Firefox 64+. */
.scroller-wrap .scroller,
.scrollerWrap-2lJEkd .scroller-2FKFPG {
scrollbar-color: transparent transparent;
}

.scrollerWrap-2lJEkd .scrollbar-2rkZSL,
.scrollerWrap-2lJEkd .scrollbar-2rkZSL .pad-29zQak {
width: 14px;
background-color: transparent !important;
}

/* The dark background for the channel list scrollbar looks ugly since it breaks the even line
between channels and content. The scrollbar is visible enough without a background so we
just remove it there. */
.channels-Ie2l6A .scrollerWrap-2lJEkd .scrollbar-2rkZSL .track-1JN30G,
.channels-Ie2l6A .scrollerWrap-2lJEkd .scroller-2FKFPG::-webkit-scrollbar-track-piece {
background: transparent !important;
}
.channels-Ie2l6A .scrollerWrap-2lJEkd .scroller-2FKFPG {
scrollbar-width: thin;
}
.channels-Ie2l6A .scrollerWrap-2lJEkd .scrollbar-2rkZSL {
width: 8px;
}


/*
Expand Down Expand Up @@ -107,7 +129,11 @@ textarea {
.channels-Ie2l6A { background:rgba(0,0,0,0.7) !important }

/* Chat area */
.content-yTz4x3 .flex-spacer, .content-yTz4x3 { background:rgba(0,0,0,0.8)!important; }
.activityFeed-1C0EmJ,
.friendsTable-133bsv,
.content-yTz4x3 .flex-spacer, .content-yTz4x3 {
background:rgba(0,0,0,0.8)!important;
}

/* User list area */
.members-1998pB { background:rgba(0,0,0,0.9) !important }
Expand Down Expand Up @@ -325,7 +351,7 @@ textarea {
}

.wrapper-1Rf91z .scroller-2TZvBN {
padding: 18px 20px 85px 15px;
padding: 18px 20px 85px 0px;
}

.plus-3UqSQu {
Expand Down Expand Up @@ -679,41 +705,51 @@ textarea {
background: transparent !important;
}

.searchResultsWrap-2DKFzt,
.search-results-wrap {
background-color: rgba(0, 0, 0, 0.9) !important;
}

.searchResultsWrap-2DKFzt .searchHeader-1l-wpR,
.search-results-wrap .search-header {
background: transparent !important;
}

.searchResultsWrap-2DKFzt .channelSeparator-1X1FuH:before,
.search-results-wrap .channel-separator:before {
border: none;
}

.searchResultsWrap-2DKFzt .channelSeparator-1X1FuH .channelName-1QajIf,
.search-results-wrap .channel-separator .channel-name {
background-color: transparent !important;
}

.searchResultsWrap-2DKFzt .searchResult-3pzFAB:before,
.search-results-wrap .search-result:before {
background: transparent !important;
border-top: 1px solid rgba(0,0,0,0.3);
}

.searchResultsWrap-2DKFzt .searchResult-3pzFAB:after,
.search-results-wrap .search-result:after {
background: transparent !important;
}

.searchResultsWrap-2DKFzt .searchResult-3pzFAB:not(.expanded-v2Szsz) .searchResultMessage-2VxO12.hit-NLlWXA,
.search-results-wrap .search-result:not(.expanded) .search-result-message.hit,
.searchResultsWrap-2DKFzt .searchResult-3pzFAB.expanded-v2Szsz,
.search-results-wrap .search-result.expanded {
border: 2px solid rgba(17, 21, 25, 0.6) !important;
}

.searchResultsWrap-2DKFzt .searchResult-3pzFAB .hit-NLlWXA,
.search-results-wrap .search-result .hit {
background-color: rgba(0, 0, 0, 0.9) !important;
box-shadow: 0 0 10px 6px rgba(0, 0, 0, 0.45) !important;
}

.theme-dark .searchResultsWrap-2DKFzt .actionButtons-14P9IC .jumpButton-Ia2hRJ,
.theme-dark .search-results-wrap .action-buttons .jump-button {
background-color: rgba(240, 240, 240, 0.07);
}
Expand All @@ -736,6 +772,10 @@ textarea {
background-color:var(--accent-color) !important;
}

.theme-dark .search-results-wrap .scroller-wrap .scroller {
scrollbar-color: var(--accent-color) rgba(0,0,0,0.3);
}

.search-popout .date-picker {
border-top: none !important;
}
Expand Down Expand Up @@ -853,6 +893,7 @@ textarea {
border-bottom-color:var(--main-color);
}

.container-1r6BKw,
.chat-3bRxxu .title-3qD0b- {
border-bottom: 1px solid rgba(0,0,0,0.3) !important;
background: rgba(0,0,0,0.95) !important;
Expand Down Expand Up @@ -1225,25 +1266,31 @@ textarea {
background: rgba(0,0,0,0.95) !important;
}

.friendsTable-133bsv,
.friends-table {
background:rgba(0,0,0,0.85) !important;
margin-top:0 !important;
}


.friends-header,
.friendsTable-133bsv .friendsTableHeader-32yE7d,
.friends-table .friends-table-header {
border-bottom: 1px solid hsla(0,0%,100%,.1) !important;
}

.friends-header .tab-bar .tab-bar-separator,
.friendsTable-133bsv .friendsTableHeader-32yE7d .friendsColumnSeparator-3MqtMA,
.friends-table .friends-table-header .friends-column-separator {
background-color:hsla(0,0%,100%,.1) !important;
}

.friendsTable-133bsv .friendsTableBody-1ZhKif,
.friends-table .friends-table-body {
padding-top:20px !important;
}

.friendsTable-133bsv .friendsRow-2yicud:hover,
.friends-table .friends-row:hover {
background: rgba(0,0,0,0.7) !important;
}
Expand Down Expand Up @@ -1337,7 +1384,6 @@ textarea {
|_| |_|
*/

.headerPlaying-2eYqm9,
.topSectionPlaying-1J5E4n,
.topSectionNormal-2-vo2m {
background: var(--main-color) !important;
Expand Down Expand Up @@ -1682,10 +1728,6 @@ textarea {
height: 25px;
}



}

#emoteBlistTa {
color: #fff;
padding: 10px 10px 0 10px;
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,7 @@

:root {
--main-color: rgba(37,172,232,1);
--main-color-translucent: rgba(37,172,232,0.8);
--main-color-faded: rgba(37,172,232,0.2);
--accent-color: rgba(29,101,134,1);
--dark-color: #161921;
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -195,7 +195,7 @@ TABLE OF CONTENTS
display:none;
}
.wrapper-1Rf91z .scroller-2TZvBN {
padding: 18px 20px 85px 15px;
padding: 18px 20px 85px 0px;
}
.da-circleIconButton {
font-size: 30px;
Expand Down Expand Up @@ -866,10 +866,11 @@ span.bda-header-title {
}
/*5.c. Account Details Container*/
.button-2b6hmh {margin:0 !important;}
.container-2Thooq {
.container-3baos1 {
width: 286px;
height:78px !important;
margin-left: -71px !important;
margin-left: -73px !important;
padding-right: 17px;
bottom: -1px !important;
position: absolute;
background:rgba(0,0,0,0.9) !important;
Expand Down Expand Up @@ -938,11 +939,15 @@ span.bda-header-title {
filter:invert(100);
opacity:0.7;
}
.emojiPicker-3m1S-j .scrollerWrap-2lJEkd .scrollbar-2rkZSL,
.emojiPicker-3m1S-j .scrollerWrap-2lJEkd .scroller-2FKFPG::-webkit-scrollbar,
#bda-qem-twitch-container .scroller-wrap .scroller::-webkit-scrollbar,
#bda-qem-favourite-container .scroller-wrap .scroller::-webkit-scrollbar {
display: none;
}
.emojiPicker-3m1S-j .scrollerWrap-2lJEkd .scroller-2FKFPG {
scrollbar-width: 0px;
}
.emojiPicker-3m1S-j .diversitySelector-tmmMv0 .popout-2nUePc {
border:none !important;
background:rgba(255,255,255,0.2) !important;
Expand Down Expand Up @@ -1581,7 +1586,7 @@ to{-webkit-transform:translate(-50%, -100%);transform:translate(-50%, -100%);}

/*8.l. User Popouts*/
.userPopout-3XzG_A .header-2BwW8b:after {display:none;}
.headerPlaying-j0WQBV {background:var(--main-color) !important;}
.headerPlaying-j0WQBV {background:var(--main-color-translucent, var(--main-color)) !important;}
.lookInverted-2D7oAl.colorBrand-3pXr91 {color:var(--main-color) !important;}
.body-3iLsc4,
.footer-1fjuF6 {
Expand Down Expand Up @@ -1619,7 +1624,7 @@ to{-webkit-transform:translate(-50%, -100%);transform:translate(-50%, -100%);}
border: 1px solid rgb(12, 205, 80);
}
.topSectionSpotify-1lI0-P {
background: rgba(22, 128, 59, 0.9);
background: rgba(22, 128, 59, 1);
border: 1px solid rgb(12, 205, 80);
}
.modal-1UGdnR .header-QKLPzZ, .modal-1UGdnR .header-QKLPzZ {background: transparent;}
Expand Down
4 changes: 2 additions & 2 deletions BetterDiscord-Themes/Modules/status.css
Original file line number Diff line number Diff line change
Expand Up @@ -24,8 +24,8 @@
background-color: transparent;
border: 2px solid #593695;
}
/* position of those statuses in whos online list */
.status-2s6iDp, .avatar-small .status, .channel-2QD9_O .status-1ibiUI, .container-2Thooq .da-wrapper .da-status {
/* position of those statuses in whos online list and account details */
.avatarSmall-3ACRaI .status-3DaTVG, .status-2s6iDp, .avatar-small .status, .channel-2QD9_O .status-1ibiUI, .container-2Thooq .da-wrapper .da-status {
bottom: -19px;
height: 30px;
width: 30px;
Expand Down
Loading