dimmer theme, more anti-nitro, join server redesign
This commit is contained in:
parent
1cabc0f2c9
commit
fa398864dd
1 changed files with 61 additions and 4 deletions
65
btfl.css
65
btfl.css
|
@ -4,8 +4,11 @@
|
|||
*/
|
||||
|
||||
/* to hide */
|
||||
[class^="DocSearch"], /* Algolia, f you */
|
||||
[class*="tier"],
|
||||
[class^="username-"],
|
||||
[class^="discrimBase-"],
|
||||
[class^="bannerContainer-"],
|
||||
[class*="banner-"],
|
||||
[class*="perks"],
|
||||
[class*="socialLink-"],
|
||||
|
@ -18,7 +21,12 @@
|
|||
[class^="unreadPill-"],
|
||||
[class^="applicationInstall"],
|
||||
[class*="nitro"],
|
||||
[class^="upsell"],
|
||||
[class^="availabilityIndicator-"],
|
||||
[class*="artwork-"],
|
||||
div[class^="serverBoostTabItem-"],
|
||||
div[class^="overviewSidebar-"],
|
||||
div[class^="autocompleteShadow-"],
|
||||
div[class^="art-"],
|
||||
div[class^="threadSuggestionBar-"],
|
||||
div[class^="nameTag-"],
|
||||
|
@ -32,9 +40,13 @@ div[id*="premium"],
|
|||
div[role="separator"]:not([id$="new-messages-bar"]),
|
||||
div[class*="goal"],
|
||||
div[class^="welcomeCTA-"],
|
||||
div[class^="channelNotice-"],
|
||||
h2[class^="privateChannelsHeaderContainer"],
|
||||
nav[class^="nav-"],
|
||||
span[class^="questionMark-"],
|
||||
div[class^="characterCount-"] div[class^="root-"],
|
||||
|
||||
div[class^="keybind-"], /* true must know this! */
|
||||
|
||||
/* Settings */
|
||||
div[aria-controls*="nitro"],
|
||||
|
@ -62,6 +74,8 @@ nav[class^="privateChannels-"] div div
|
|||
#gif-picker-tab, #sticker-picker-tab,
|
||||
#private-channels-0, #private-channels-1, #private-channels-2,
|
||||
|
||||
div[class*="templatesList-"] button[class^="container-"] ~ *,
|
||||
|
||||
/* main page */
|
||||
#app-mount div:not([class]) div[class=""] div:not([class]),
|
||||
#app-mount div:not([class]) div[class=""] div div[class*="background-"],
|
||||
|
@ -139,6 +153,10 @@ div[class^="radioBar-"] {
|
|||
|
||||
/* rounder */
|
||||
[class^="authBox"],
|
||||
[class*="embed"],
|
||||
[class^="checkboxWrapper-"],
|
||||
div[class^="group-"],
|
||||
div[class*="card"],
|
||||
div[class^="item-"],
|
||||
div[class^="select-"],
|
||||
div[class^="popout"],
|
||||
|
@ -147,8 +165,9 @@ div[class^="accountProfile"],
|
|||
div[class^="profileBanner"],
|
||||
div[class^="connectedAccount"],
|
||||
div[class*="fullscreenOnMobile"],
|
||||
div[class^="auditLog-"],
|
||||
div[class^="auditLog-"] > div,
|
||||
div[class*="root"] div[class^="flex-"],
|
||||
[class*="embed"],
|
||||
div[class^="menu"],
|
||||
div[class^="messagesWrapper-"] div,
|
||||
div[class^="markup-"] pre code,
|
||||
|
@ -165,6 +184,8 @@ div[class^="sidebar-"]
|
|||
}
|
||||
|
||||
/* sharper */
|
||||
div[class^="tabBarItem-"],
|
||||
div[class^="checkbox"],
|
||||
li[class^="channel-"],
|
||||
#channels ul li div > div[class^="content-"],
|
||||
button[class*="button"],
|
||||
|
@ -180,6 +201,19 @@ div[class^="menu-"] div
|
|||
border-radius: 8px !important;
|
||||
}
|
||||
|
||||
div[class^="tabBarItem-"],
|
||||
div[class^="auditLog"] div[class^="headerExpanded-"]
|
||||
{
|
||||
border-bottom-left-radius: 0 !important;
|
||||
border-bottom-right-radius: 0 !important;
|
||||
}
|
||||
|
||||
div[class^="auditLog-"] div[class^="changeDetails-"]
|
||||
{
|
||||
border-top-left-radius: 0 !important;
|
||||
border-top-right-radius: 0 !important;
|
||||
}
|
||||
|
||||
[class*="embed-"],
|
||||
div[class^="messagesWrapper-"]
|
||||
div[class*="mentioned"]
|
||||
|
@ -288,11 +322,13 @@ section div[class^="children-"]
|
|||
}
|
||||
}
|
||||
|
||||
div[class*="fullscreenOnMobile"] div[class^="flex"] {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
div[class^="tabBarItem-"] {
|
||||
border-top-left-radius: 8px;
|
||||
border-top-right-radius: 8px;
|
||||
margin-right: 16px;
|
||||
padding: 0 8px;
|
||||
padding: 4px 8px;
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
||||
|
@ -306,3 +342,24 @@ div[class^="jumpToPresentBar-"] {
|
|||
bottom: 16px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
div[class*="templatesList-"] {
|
||||
height: 128px;
|
||||
}
|
||||
|
||||
/* dimmer theme? */
|
||||
div[class^="layer-"] div.theme-light div[class*="root-"]
|
||||
{ background: var(--background-secondary); }
|
||||
div[class^="layer-"] div.theme-light div[class*="footer-"]
|
||||
{ background: var(--background-primary); }
|
||||
div[class^="layer-"] div.theme-light {
|
||||
--header-primary: #dedede;
|
||||
--header-secondary: #cacaca;
|
||||
--text-normal: #dcddde;
|
||||
--interactive-normal: #bebebe;
|
||||
--interactive-hover: #dedede;
|
||||
--background-primary: #3e3e3e;
|
||||
--background-secondary: #2e2e2e;
|
||||
--background-tertiary: #1e1e1e;
|
||||
color: var(--header-primary);
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue