I did it by 1 day?
This commit is contained in:
parent
797a95a03c
commit
67c676c0d2
1 changed files with 158 additions and 11 deletions
169
btfl.css
169
btfl.css
|
@ -7,19 +7,42 @@
|
||||||
[class^="username-"],
|
[class^="username-"],
|
||||||
[class^="discrimBase-"],
|
[class^="discrimBase-"],
|
||||||
[class*="banner-"],
|
[class*="banner-"],
|
||||||
|
[class*="perks"],
|
||||||
|
[class*="socialLink-"],
|
||||||
[class^="usernameInnerRow-"],
|
[class^="usernameInnerRow-"],
|
||||||
[class^="membersGroup-"],
|
[class^="membersGroup-"],
|
||||||
[class^="searchBar-"],
|
[class^="searchBar-"],
|
||||||
[class^="nowPlaying"],
|
[class^="nowPlaying"],
|
||||||
[class^="marketing"],
|
[class^="marketing"],
|
||||||
|
[class^="clickableSticker-"],
|
||||||
|
[class^="unreadPill-"],
|
||||||
|
[class^="applicationInstall"],
|
||||||
|
[class*="nitro"],
|
||||||
|
div[class^="art-"],
|
||||||
|
div[class^="threadSuggestionBar-"],
|
||||||
|
div[class^="newMessagesBar-"],
|
||||||
div[class^="nameTag-"],
|
div[class^="nameTag-"],
|
||||||
div[class*="hero"],
|
div[class*="hero"],
|
||||||
/*div[class^="button"] button[class^="button-"],*/
|
/*div[class^="button"] button[class^="button-"],*/
|
||||||
button[class^="shinyButton"], [class*="giftButton"],
|
button[class^="shinyButton"], [class*="giftButton"],
|
||||||
|
button[class*="followButton-"],
|
||||||
|
/*button[class*="emojiItemDisabled-"],*/
|
||||||
div[class*="premium"],
|
div[class*="premium"],
|
||||||
|
div[id*="premium"],
|
||||||
|
div[role="separator"],
|
||||||
|
div[class*="goal"],
|
||||||
|
div[class^="pill"],
|
||||||
h2[class^="privateChannelsHeaderContainer"],
|
h2[class^="privateChannelsHeaderContainer"],
|
||||||
nav[class^="nav-"],
|
nav[class^="nav-"],
|
||||||
|
|
||||||
|
/* Settings */
|
||||||
|
div[aria-controls*="nitro"],
|
||||||
|
div[aria-controls="library-inventory-tab"],
|
||||||
|
div[aria-controls="subscriptions-tab"],
|
||||||
|
div[aria-controls="billing-tab"],
|
||||||
|
div[aria-controls^="hypesquad"],
|
||||||
|
div[class^="socialLinks-"],
|
||||||
|
|
||||||
/* buttons on chat area */
|
/* buttons on chat area */
|
||||||
div[class^="channelTextArea-"] div div > div button:not([class^="emojiButton"]),
|
div[class^="channelTextArea-"] div div > div button:not([class^="emojiButton"]),
|
||||||
[class^="stickerIcon-"],
|
[class^="stickerIcon-"],
|
||||||
|
@ -30,11 +53,16 @@ div[class^="toolbar-3_"],
|
||||||
div[class^="emojiPicker-"]
|
div[class^="emojiPicker-"]
|
||||||
> div[class^="header-"],
|
> div[class^="header-"],
|
||||||
|
|
||||||
|
section div[class^="children-"] div[class^="spacer-"],
|
||||||
|
|
||||||
nav[class^="privateChannels-"] div div
|
nav[class^="privateChannels-"] div div
|
||||||
*[data-list-item-id$="nitro"],
|
*[data-list-item-id$="nitro"],
|
||||||
|
|
||||||
#gif-picker-tab, #sticker-picker-tab,
|
#gif-picker-tab, #sticker-picker-tab,
|
||||||
#private-channels-0, #private-channels-1, #private-channels-2
|
#private-channels-0, #private-channels-1, #private-channels-2,
|
||||||
|
|
||||||
|
/* main page */
|
||||||
|
#app-mount div:not([class]) div[class=""] div:not([class])
|
||||||
{
|
{
|
||||||
all: unset;
|
all: unset;
|
||||||
display: none;
|
display: none;
|
||||||
|
@ -52,13 +80,28 @@ div[aria-label="Servers"] ~ div
|
||||||
/* to show */
|
/* to show */
|
||||||
div[class^="scroller-"] div[class^="tutorialContainer-"]
|
div[class^="scroller-"] div[class^="tutorialContainer-"]
|
||||||
{
|
{
|
||||||
/* FIXME: Look above */
|
/* FIXME: goto FIXME above */
|
||||||
display: unset;
|
display: unset;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
:not([class^="listItemContents-"]) > div[class^="userInfo-"] {
|
||||||
|
padding-top: 48px;
|
||||||
|
justify-content: left;
|
||||||
|
}
|
||||||
|
div[class^="userInfo-"] button {
|
||||||
|
margin-left: 32px;
|
||||||
|
margin-top: -8px;
|
||||||
|
}
|
||||||
div[class^="userInfo-"] div[class^="avatar-"] {
|
div[class^="userInfo-"] div[class^="avatar-"] {
|
||||||
top: 25px;
|
top: 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
div[class^="headerTop-"] div[class^="headerText"]
|
||||||
|
{ margin-left: 84px; }
|
||||||
|
div[class^="profileBanner"] div[class*="avatar"]:not([class^="imageUploaderInner"]) {
|
||||||
|
margin-left: -8px;
|
||||||
|
margin-top: -8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
div[class^="peopleListItem-"]
|
div[class^="peopleListItem-"]
|
||||||
|
@ -67,7 +110,11 @@ div[class^="userInfo-"] div[class^="avatar-"] {
|
||||||
top: 0;
|
top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#emoji-picker-tab-panel {
|
div[class^="messagesWrapper-"] div {
|
||||||
|
scrollbar-width: thin;
|
||||||
|
}
|
||||||
|
|
||||||
|
#emoji-picker-tab-panel:not([role="dialog"]) {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0; bottom: 0;
|
top: 0; bottom: 0;
|
||||||
left: 0; right: 0;
|
left: 0; right: 0;
|
||||||
|
@ -76,9 +123,30 @@ div[class^="userInfo-"] div[class^="avatar-"] {
|
||||||
#emoji-picker-tab-panel
|
#emoji-picker-tab-panel
|
||||||
div[class^="wrapper-"] {
|
div[class^="wrapper-"] {
|
||||||
top: 0;
|
top: 0;
|
||||||
|
border-radius: 5px 0 0 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
div[class^="avatarWrapper-"] {
|
||||||
|
margin-right: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
div[class^="radioBar-"] {
|
||||||
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* rounder */
|
/* rounder */
|
||||||
|
div[class^="item-"],
|
||||||
|
div[class^="select-"],
|
||||||
|
div[class^="popout"],
|
||||||
|
div[class^="userPopout-"],
|
||||||
|
div[class^="accountProfile"],
|
||||||
|
div[class^="profileBanner"],
|
||||||
|
div[class^="connectedAccount"],
|
||||||
|
div[class*="fullscreenOnMobile"],
|
||||||
|
div[class*="root"] div[class^="flex-"],
|
||||||
|
[class*="embed"],
|
||||||
|
div[class^="menu"],
|
||||||
|
div[class^="messagesWrapper-"] div,
|
||||||
div[class^="markup-"] pre code,
|
div[class^="markup-"] pre code,
|
||||||
div[class^="sidebar-"],
|
div[class^="sidebar-"],
|
||||||
div[class^="container-"],
|
div[class^="container-"],
|
||||||
|
@ -93,15 +161,30 @@ div[class^="sidebar-"]
|
||||||
}
|
}
|
||||||
|
|
||||||
/* sharper */
|
/* sharper */
|
||||||
[class^="avatar-"]
|
button[class*="button"],
|
||||||
|
[role="dialog"],
|
||||||
|
div[class^="colorPicker"] div div[class^="saturation"] div,
|
||||||
|
[class*="Text"], [class*="text"],
|
||||||
|
div[class*="input"],
|
||||||
|
input[class^="inputDefault-"],
|
||||||
|
[class^="avatar-"],
|
||||||
|
div[class^="menu-"] div
|
||||||
{
|
{
|
||||||
border-radius: 5px;
|
border-radius: 8px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
[class*="embed-"],
|
||||||
|
div[class^="messagesWrapper-"]
|
||||||
|
div[class*="mentioned"]
|
||||||
|
{
|
||||||
|
border-top-left-radius: 4px;
|
||||||
|
border-bottom-left-radius: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* no banners */
|
/* no banners */
|
||||||
/* user popup */
|
/* user popup */
|
||||||
div[class^="userPopout-"] div[class^="headerTop-"] { padding-top: 120px; }
|
div[class^="userPopout-"] div[class^="headerTop-"] { padding-top: 72px; }
|
||||||
div[class^="userPopout-"] div[class^="avatarWrapper"] { top: 16px; }
|
div[class^="userPopout-"] div[class^="avatarWrapper"] { left: 8px; top: 16px; }
|
||||||
|
|
||||||
/* profile */
|
/* profile */
|
||||||
header div[class^="nameTagWithCustomStatus-"],
|
header div[class^="nameTagWithCustomStatus-"],
|
||||||
|
@ -117,15 +200,24 @@ aside[class^="membersWrap-"]
|
||||||
width: 0;
|
width: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
div[class^="children-"] div[class^="nicknames-"],
|
||||||
|
div[class^="children-"] div[class^="topic-"]
|
||||||
|
{
|
||||||
|
width: unset !important;
|
||||||
|
flex-grow: 0;
|
||||||
|
}
|
||||||
|
|
||||||
aside[class^="membersWrap-"] div[class^="content-"],
|
aside[class^="membersWrap-"] div[class^="content-"],
|
||||||
nav[class^="privateChannels-"]
|
nav[class^="privateChannels-"] div ul[class^="content-"]:only-child,
|
||||||
div[class^="content-"]:only-child
|
ul[class^="emojiListRow-"]
|
||||||
{
|
{
|
||||||
height: unset !important;
|
height: unset !important;
|
||||||
|
flex-grow: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
div[class^="members-"],
|
div[class^="members-"],
|
||||||
div[class^="member-"]
|
div[class^="member-"],
|
||||||
|
div[class*="root"] div[class^="flex-"] div[class^="header"]
|
||||||
{
|
{
|
||||||
padding: 0;
|
padding: 0;
|
||||||
flex: 0 0 100%;
|
flex: 0 0 100%;
|
||||||
|
@ -143,3 +235,58 @@ section div[class^="children-"]
|
||||||
{
|
{
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* mobile mode */
|
||||||
|
/*
|
||||||
|
[class^="channel-"] { max-width: unset; margin: 0 8px; }
|
||||||
|
[class^="layer-"] { padding: 0; margin: auto; }
|
||||||
|
[class^="layer-"] > [class^="container-"],
|
||||||
|
[class^="standardSidebarView-"] { overflow-x: scroll; }
|
||||||
|
[class^="base-"], [class^="contentRegion-"] { min-width: 200%; }
|
||||||
|
[class^="content-"] [class^="sidebar"] { width: calc(50% - 72px); }
|
||||||
|
[class^="chat-"] { width: 100%; }
|
||||||
|
[class^="tools"] { position: unset !important; }
|
||||||
|
|
||||||
|
[class*="positionLayer-"],
|
||||||
|
[class*="fullscreenOnMobile"] {
|
||||||
|
overflow: auto;
|
||||||
|
max-width: 100%;
|
||||||
|
max-height: 100%;
|
||||||
|
position: absolute;
|
||||||
|
top: 0 !important;
|
||||||
|
left: 0 !important;
|
||||||
|
right: 0 !important;
|
||||||
|
bottom: 0 !important;
|
||||||
|
}
|
||||||
|
[class*="fullscreenOnMobile"] [class^="body"] {
|
||||||
|
width: 100%; height: 100%;
|
||||||
|
}
|
||||||
|
[class*="item-"],
|
||||||
|
[class^="member-"],
|
||||||
|
#channels li,
|
||||||
|
[role="tab"],
|
||||||
|
div[class^="tabBarItem-"] {
|
||||||
|
margin-top: 16px;
|
||||||
|
padding: 0 8px;
|
||||||
|
font-size: 11pt;
|
||||||
|
}
|
||||||
|
*/
|
||||||
|
|
||||||
|
div[class^="tabBarItem-"] {
|
||||||
|
border-top-left-radius: 8px;
|
||||||
|
border-top-right-radius: 8px;
|
||||||
|
margin-right: 16px;
|
||||||
|
padding: 0 8px;
|
||||||
|
margin-top: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
[role="tab"][class*="selected-"],
|
||||||
|
[role="tab"]:hover
|
||||||
|
{
|
||||||
|
background-color: var(--background-modifier-hover);
|
||||||
|
}
|
||||||
|
|
||||||
|
div[class^="jumpToPresentBar-"] {
|
||||||
|
bottom: 16px;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in a new issue