From 9af06ad65f439b93a5a1b0799c0cb67e1dbf7286 Mon Sep 17 00:00:00 2001 From: Discookie Date: Thu, 11 Jul 2019 16:39:51 +0200 Subject: [PATCH 1/9] Fix larger syntax errors --- BetterDiscord-Themes/BlackPanther-Theme/code.css | 2 +- BetterDiscord-Themes/Darling-in-The-Franxx/code.css | 10 +++++----- .../Fixed-Themes-Misc/Dark-Matter-Remastered/code.css | 4 ---- BetterDiscord-Themes/Modules/transparency2.css | 2 +- BetterDiscord-Themes/Slate-Theme/code.css | 2 +- BetterDiscord-Themes/blue-space/code.css | 5 +++-- BetterDiscord-Themes/minimalistic-dark-theme/code.css | 4 ++-- 7 files changed, 13 insertions(+), 16 deletions(-) diff --git a/BetterDiscord-Themes/BlackPanther-Theme/code.css b/BetterDiscord-Themes/BlackPanther-Theme/code.css index 6cfe8d2..ab36d8c 100644 --- a/BetterDiscord-Themes/BlackPanther-Theme/code.css +++ b/BetterDiscord-Themes/BlackPanther-Theme/code.css @@ -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 { diff --git a/BetterDiscord-Themes/Darling-in-The-Franxx/code.css b/BetterDiscord-Themes/Darling-in-The-Franxx/code.css index eb5b1ea..f340c79 100644 --- a/BetterDiscord-Themes/Darling-in-The-Franxx/code.css +++ b/BetterDiscord-Themes/Darling-in-The-Franxx/code.css @@ -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 { @@ -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; } @@ -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; @@ -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 */ diff --git a/BetterDiscord-Themes/Fixed-Themes-Misc/Dark-Matter-Remastered/code.css b/BetterDiscord-Themes/Fixed-Themes-Misc/Dark-Matter-Remastered/code.css index fb5ce7f..9a5a206 100644 --- a/BetterDiscord-Themes/Fixed-Themes-Misc/Dark-Matter-Remastered/code.css +++ b/BetterDiscord-Themes/Fixed-Themes-Misc/Dark-Matter-Remastered/code.css @@ -1682,10 +1682,6 @@ textarea { height: 25px; } - - -} - #emoteBlistTa { color: #fff; padding: 10px 10px 0 10px; diff --git a/BetterDiscord-Themes/Modules/transparency2.css b/BetterDiscord-Themes/Modules/transparency2.css index a5a03a7..1a6d415 100644 --- a/BetterDiscord-Themes/Modules/transparency2.css +++ b/BetterDiscord-Themes/Modules/transparency2.css @@ -1,4 +1,4 @@ -
/* transparency made to work with gradients */ +/* transparency made to work with gradients */ /* Background Image */ .da-appMount { background: var(--background-image); diff --git a/BetterDiscord-Themes/Slate-Theme/code.css b/BetterDiscord-Themes/Slate-Theme/code.css index 59e8c17..48fbb87 100644 --- a/BetterDiscord-Themes/Slate-Theme/code.css +++ b/BetterDiscord-Themes/Slate-Theme/code.css @@ -216,7 +216,7 @@ /* Checkmark */ .theme-dark .checked-3_4uQ9 {background-color: #131415;} .theme-dark .checked-3_4uQ9 svg[name="Checkmark"] polyline {stroke: #72767d;} -.ui-standard-sidebar-view, .ui-standard-sidebar-view * [style=*"width: 24px; height: 24px; border-color: rgb(114, 137, 218);"] {border-color: #72767d!important;} +.ui-standard-sidebar-view, .ui-standard-sidebar-view * [style*="width: 24px; height: 24px; border-color: rgb(114, 137, 218);"] {border-color: #72767d!important;} /* Loading more messages box */ .theme-dark .hasMore-3e72_v button { background: #131415; diff --git a/BetterDiscord-Themes/blue-space/code.css b/BetterDiscord-Themes/blue-space/code.css index 248c36d..36a1454 100644 --- a/BetterDiscord-Themes/blue-space/code.css +++ b/BetterDiscord-Themes/blue-space/code.css @@ -116,7 +116,7 @@ /* track */ .theme-dark .messagesWrapper-3lZDfY .scroller-wrap ::-webkit-scrollbar-track-piece { background-color: rgba(0, 79, 46, 0.35)!important; - border: 2px solid rgba(98, 214, 210, 0.1);!important; + border: 2px solid rgba(98, 214, 210, 0.1)!important; } /* Discord Guild Icon */ @@ -700,9 +700,10 @@ background-color: rgba(0, 79, 46, 0.25); border-color: rgba(98, 214, 210, 0.1); } -https://i.imgur.com/mZuRmBg.gifv + /* spinning when loading new messages */ .spinner-wandering-cubes .spinner-item { + background-image: url(https://i.imgur.com/mZuRmBg.gifv); background-color: #2cf910; } /* jump button another */ diff --git a/BetterDiscord-Themes/minimalistic-dark-theme/code.css b/BetterDiscord-Themes/minimalistic-dark-theme/code.css index f067965..da9a35a 100644 --- a/BetterDiscord-Themes/minimalistic-dark-theme/code.css +++ b/BetterDiscord-Themes/minimalistic-dark-theme/code.css @@ -651,7 +651,7 @@ border-radius: 15px; } .theme-dark .itemSubMenu-1vN_Yn:hover, .theme-dark .item-1Yvehc:hover { - background: hsla(0,5%,0%,.3); url(/assets/e4afe52f6863408a35654a6e5fd69ba9.svg) no-repeat 155px 50%; + background: hsla(0,5%,0%,.3) url(/assets/e4afe52f6863408a35654a6e5fd69ba9.svg) no-repeat 155px 50%; } /* Sent files background and border */ @@ -701,7 +701,7 @@ } /* Same buttons but for spotify */ .theme-dark .topSectionSpotify-1lI0-P { - background: hsla(141, 73%, 42%,.3);!important; + background: hsla(141, 73%, 42%,.3)!important; } /* Same buttons but for Games */ .theme-dark .topSectionPlaying-1J5E4n { From 5d505efd603510f5ddf486cb3d72c959389266d9 Mon Sep 17 00:00:00 2001 From: Discookie Date: Thu, 11 Jul 2019 16:55:54 +0200 Subject: [PATCH 2/9] Fix Account Details Container position --- .../Fixed-Themes-Misc/Dark-Matter-Remastered/fork.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/BetterDiscord-Themes/Fixed-Themes-Misc/Dark-Matter-Remastered/fork.css b/BetterDiscord-Themes/Fixed-Themes-Misc/Dark-Matter-Remastered/fork.css index cff38c1..393803c 100644 --- a/BetterDiscord-Themes/Fixed-Themes-Misc/Dark-Matter-Remastered/fork.css +++ b/BetterDiscord-Themes/Fixed-Themes-Misc/Dark-Matter-Remastered/fork.css @@ -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; From 95991e246051d992295e8925fb07f03f0df2fbbc Mon Sep 17 00:00:00 2001 From: Discookie Date: Thu, 11 Jul 2019 18:44:53 +0200 Subject: [PATCH 3/9] Better scrollbars on Firefox (via userstyles) --- .../Dark-Matter-Remastered/code.css | 26 +++++++++++++++++++ .../Dark-Matter-Remastered/fork.css | 4 +++ 2 files changed, 30 insertions(+) diff --git a/BetterDiscord-Themes/Fixed-Themes-Misc/Dark-Matter-Remastered/code.css b/BetterDiscord-Themes/Fixed-Themes-Misc/Dark-Matter-Remastered/code.css index 9a5a206..e989293 100644 --- a/BetterDiscord-Themes/Fixed-Themes-Misc/Dark-Matter-Remastered/code.css +++ b/BetterDiscord-Themes/Fixed-Themes-Misc/Dark-Matter-Remastered/code.css @@ -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; +} /* @@ -736,6 +758,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; } diff --git a/BetterDiscord-Themes/Fixed-Themes-Misc/Dark-Matter-Remastered/fork.css b/BetterDiscord-Themes/Fixed-Themes-Misc/Dark-Matter-Remastered/fork.css index 393803c..200d694 100644 --- a/BetterDiscord-Themes/Fixed-Themes-Misc/Dark-Matter-Remastered/fork.css +++ b/BetterDiscord-Themes/Fixed-Themes-Misc/Dark-Matter-Remastered/fork.css @@ -939,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; From 30bb7df5c1b6de690ea1339beab25714efe35943 Mon Sep 17 00:00:00 2001 From: Discookie Date: Thu, 11 Jul 2019 19:07:11 +0200 Subject: [PATCH 4/9] Add translucent color for 'Playing'-s background Backwards compatible, uses --main-color as fallback --- .../Fixed-Themes-Misc/Dark-Matter-Remastered/code.css | 1 - .../Dark-Matter-Remastered/dark-matter.theme.css | 1 + .../Fixed-Themes-Misc/Dark-Matter-Remastered/fork.css | 4 ++-- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/BetterDiscord-Themes/Fixed-Themes-Misc/Dark-Matter-Remastered/code.css b/BetterDiscord-Themes/Fixed-Themes-Misc/Dark-Matter-Remastered/code.css index e989293..1b74066 100644 --- a/BetterDiscord-Themes/Fixed-Themes-Misc/Dark-Matter-Remastered/code.css +++ b/BetterDiscord-Themes/Fixed-Themes-Misc/Dark-Matter-Remastered/code.css @@ -1363,7 +1363,6 @@ textarea { |_| |_| */ -.headerPlaying-2eYqm9, .topSectionPlaying-1J5E4n, .topSectionNormal-2-vo2m { background: var(--main-color) !important; diff --git a/BetterDiscord-Themes/Fixed-Themes-Misc/Dark-Matter-Remastered/dark-matter.theme.css b/BetterDiscord-Themes/Fixed-Themes-Misc/Dark-Matter-Remastered/dark-matter.theme.css index af6c668..d917b47 100644 --- a/BetterDiscord-Themes/Fixed-Themes-Misc/Dark-Matter-Remastered/dark-matter.theme.css +++ b/BetterDiscord-Themes/Fixed-Themes-Misc/Dark-Matter-Remastered/dark-matter.theme.css @@ -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; diff --git a/BetterDiscord-Themes/Fixed-Themes-Misc/Dark-Matter-Remastered/fork.css b/BetterDiscord-Themes/Fixed-Themes-Misc/Dark-Matter-Remastered/fork.css index 200d694..46b8261 100644 --- a/BetterDiscord-Themes/Fixed-Themes-Misc/Dark-Matter-Remastered/fork.css +++ b/BetterDiscord-Themes/Fixed-Themes-Misc/Dark-Matter-Remastered/fork.css @@ -1586,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 { @@ -1624,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;} From cefc6209176dd8c148b10e06160de8c0df2d60ba Mon Sep 17 00:00:00 2001 From: Discookie Date: Thu, 11 Jul 2019 19:20:23 +0200 Subject: [PATCH 5/9] Fix guilds positions --- .../Fixed-Themes-Misc/Dark-Matter-Remastered/code.css | 2 +- .../Fixed-Themes-Misc/Dark-Matter-Remastered/fork.css | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/BetterDiscord-Themes/Fixed-Themes-Misc/Dark-Matter-Remastered/code.css b/BetterDiscord-Themes/Fixed-Themes-Misc/Dark-Matter-Remastered/code.css index 1b74066..d7cde81 100644 --- a/BetterDiscord-Themes/Fixed-Themes-Misc/Dark-Matter-Remastered/code.css +++ b/BetterDiscord-Themes/Fixed-Themes-Misc/Dark-Matter-Remastered/code.css @@ -347,7 +347,7 @@ textarea { } .wrapper-1Rf91z .scroller-2TZvBN { - padding: 18px 20px 85px 15px; + padding: 18px 20px 85px 0px; } .plus-3UqSQu { diff --git a/BetterDiscord-Themes/Fixed-Themes-Misc/Dark-Matter-Remastered/fork.css b/BetterDiscord-Themes/Fixed-Themes-Misc/Dark-Matter-Remastered/fork.css index 46b8261..6cac770 100644 --- a/BetterDiscord-Themes/Fixed-Themes-Misc/Dark-Matter-Remastered/fork.css +++ b/BetterDiscord-Themes/Fixed-Themes-Misc/Dark-Matter-Remastered/fork.css @@ -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; From f70354d58a02a7ced33b3ec3f592ab9d5435fc43 Mon Sep 17 00:00:00 2001 From: Discookie Date: Thu, 11 Jul 2019 19:35:37 +0200 Subject: [PATCH 6/9] Fix friends and store view --- .../Dark-Matter-Remastered/code.css | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/BetterDiscord-Themes/Fixed-Themes-Misc/Dark-Matter-Remastered/code.css b/BetterDiscord-Themes/Fixed-Themes-Misc/Dark-Matter-Remastered/code.css index d7cde81..0b7c1e5 100644 --- a/BetterDiscord-Themes/Fixed-Themes-Misc/Dark-Matter-Remastered/code.css +++ b/BetterDiscord-Themes/Fixed-Themes-Misc/Dark-Matter-Remastered/code.css @@ -129,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 } @@ -879,6 +883,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; @@ -1251,25 +1256,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; } From e7c6fa5c93b44175351f8774c7a2b5965cbe9223 Mon Sep 17 00:00:00 2001 From: Discookie Date: Thu, 11 Jul 2019 19:47:10 +0200 Subject: [PATCH 7/9] Fix search results --- .../Fixed-Themes-Misc/Dark-Matter-Remastered/code.css | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/BetterDiscord-Themes/Fixed-Themes-Misc/Dark-Matter-Remastered/code.css b/BetterDiscord-Themes/Fixed-Themes-Misc/Dark-Matter-Remastered/code.css index 0b7c1e5..445770c 100644 --- a/BetterDiscord-Themes/Fixed-Themes-Misc/Dark-Matter-Remastered/code.css +++ b/BetterDiscord-Themes/Fixed-Themes-Misc/Dark-Matter-Remastered/code.css @@ -705,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); } From b74af8e8763146ff6ddafd59f1d8aff6fc3eeaab Mon Sep 17 00:00:00 2001 From: Discookie Date: Thu, 11 Jul 2019 19:57:40 +0200 Subject: [PATCH 8/9] Fix status circle in account details --- BetterDiscord-Themes/Modules/status.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/BetterDiscord-Themes/Modules/status.css b/BetterDiscord-Themes/Modules/status.css index 787f916..6766a70 100644 --- a/BetterDiscord-Themes/Modules/status.css +++ b/BetterDiscord-Themes/Modules/status.css @@ -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; From 55ad8e6467416cde0f902ad4b1fc75e1678da986 Mon Sep 17 00:00:00 2001 From: Discookie Date: Sat, 20 Jul 2019 15:39:59 +0200 Subject: [PATCH 9/9] Update status circle --- BetterDiscord-Themes/Addons/status.theme.css | 72 ++++++++++++++++++++ 1 file changed, 72 insertions(+) diff --git a/BetterDiscord-Themes/Addons/status.theme.css b/BetterDiscord-Themes/Addons/status.theme.css index 7eb335f..8080b55 100644 --- a/BetterDiscord-Themes/Addons/status.theme.css +++ b/BetterDiscord-Themes/Addons/status.theme.css @@ -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;