Compare commits
2 commits
c84ba6c4d9
...
d6b0bb3028
Author | SHA1 | Date | |
---|---|---|---|
d6b0bb3028 | |||
68db679de7 |
3 changed files with 59 additions and 7 deletions
|
@ -4,6 +4,7 @@
|
||||||
*/
|
*/
|
||||||
|
|
||||||
// Site
|
// Site
|
||||||
|
[class*="perksContainer-"],
|
||||||
[class^="DocSearch"], // Algolia, f you
|
[class^="DocSearch"], // Algolia, f you
|
||||||
#app-mount div:not([class]) div[class=""] div:not([class]), // main page content
|
#app-mount div:not([class]) div[class=""] div:not([class]), // main page content
|
||||||
#app-mount div:not([class]) div[class=""] div div[class*="background-"], // nitro animation at top
|
#app-mount div:not([class]) div[class=""] div div[class*="background-"], // nitro animation at top
|
||||||
|
@ -99,6 +100,8 @@ div[class^="autocompleteShadow-"], // bugged
|
||||||
[class^="unreadPill-"], // NEW at right, not needed
|
[class^="unreadPill-"], // NEW at right, not needed
|
||||||
div[class^="overviewSidebar-"], // at community creation, not needed
|
div[class^="overviewSidebar-"], // at community creation, not needed
|
||||||
section div[class^="children-"] div[class^="spacer-"], // to check
|
section div[class^="children-"] div[class^="spacer-"], // to check
|
||||||
|
|
||||||
|
div[class^="children-"]::after, // shadow at title
|
||||||
{
|
{
|
||||||
all: unset !important;
|
all: unset !important;
|
||||||
display: none !important;
|
display: none !important;
|
||||||
|
|
|
@ -8,9 +8,7 @@ div[class^="standardSidebarView-"] {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
||||||
div[class^="sidebarRegion-"] {
|
div[class^="sidebarRegion-"] {
|
||||||
overflow: auto hidden;
|
overflow: hidden;
|
||||||
scrollbar-width: thin;
|
|
||||||
background: var(--background-secondary); // bugfix
|
|
||||||
flex-basis: unset; // bugfix to normalize height
|
flex-basis: unset; // bugfix to normalize height
|
||||||
flex-grow: 0; // fix scaling
|
flex-grow: 0; // fix scaling
|
||||||
|
|
||||||
|
@ -19,13 +17,18 @@ div[class^="standardSidebarView-"] {
|
||||||
{ display: none; }
|
{ display: none; }
|
||||||
|
|
||||||
& > div {
|
& > div {
|
||||||
|
background: var(--background-primary);
|
||||||
|
scrollbar-width: thin;
|
||||||
overflow: auto hidden !important;
|
overflow: auto hidden !important;
|
||||||
justify-content: left;
|
justify-content: left;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
|
|
||||||
& > nav {
|
& > nav {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
width: unset; // to increase size
|
||||||
|
background: var(--background-secondary); // bugfix
|
||||||
& > div {
|
& > div {
|
||||||
|
padding-left: @rounder;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
height: @tab-height;
|
height: @tab-height;
|
||||||
}
|
}
|
||||||
|
|
|
@ -20,7 +20,7 @@
|
||||||
li[class^="channel-"],
|
li[class^="channel-"],
|
||||||
[class^="avatar-"],
|
[class^="avatar-"],
|
||||||
[role="dialog"],
|
[role="dialog"],
|
||||||
div[class^="menu-"] div,
|
div[class^="menu-"] div, // menu elements
|
||||||
div[class^="role-"],
|
div[class^="role-"],
|
||||||
div[class^="colorPicker"] div div[class^="saturation"] div,
|
div[class^="colorPicker"] div div[class^="saturation"] div,
|
||||||
#channels ul li div > div[class^="content-"],
|
#channels ul li div > div[class^="content-"],
|
||||||
|
@ -33,6 +33,12 @@
|
||||||
border-radius: @round !important;
|
border-radius: @round !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Blur menus
|
||||||
|
[role="menu"] {
|
||||||
|
background-color: unset;
|
||||||
|
backdrop-filter: blur(@round) saturate(100%);
|
||||||
|
}
|
||||||
|
|
||||||
// Rounder
|
// Rounder
|
||||||
// Popouts
|
// Popouts
|
||||||
[class^="authBox"], // login
|
[class^="authBox"], // login
|
||||||
|
@ -45,7 +51,6 @@
|
||||||
// UI elements
|
// UI elements
|
||||||
[class^="checkboxWrapper-"], // checkbox
|
[class^="checkboxWrapper-"], // checkbox
|
||||||
[class*="embed"],
|
[class*="embed"],
|
||||||
div[class^="sidebar-"],
|
|
||||||
div[class^="markup-"] pre code, // ```code```
|
div[class^="markup-"] pre code, // ```code```
|
||||||
div[class^="item-"], // in settings
|
div[class^="item-"], // in settings
|
||||||
div[class^="group-"], // radiogroup
|
div[class^="group-"], // radiogroup
|
||||||
|
@ -64,8 +69,9 @@
|
||||||
|
|
||||||
div[class^="select-"],
|
div[class^="select-"],
|
||||||
div[class^="messagesWrapper-"] div,
|
div[class^="messagesWrapper-"] div,
|
||||||
div[class^="container-"],
|
|
||||||
div[class^="chat-"],
|
div[class^="container"] > div,
|
||||||
|
div[class^="chat-"] > div[class^="content-"],
|
||||||
{
|
{
|
||||||
border-radius: @rounder !important;
|
border-radius: @rounder !important;
|
||||||
}
|
}
|
||||||
|
@ -192,4 +198,44 @@ div[class^="channelTextArea-"] {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Mica-like material from Windows 11
|
||||||
|
|
||||||
|
[class^="sidebar-"] {
|
||||||
|
&, & > nav {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
& > nav,
|
||||||
|
& > nav div[class^="scroller-"] {
|
||||||
|
.top-border(@rounder);
|
||||||
|
}
|
||||||
|
|
||||||
|
& > nav div[class^="scroller-"] {
|
||||||
|
background-color: var(--background-secondary);
|
||||||
|
}
|
||||||
|
|
||||||
|
nav[class^="private"] {
|
||||||
|
margin-top: 48px;
|
||||||
|
}
|
||||||
|
|
||||||
|
section { // bottom panel
|
||||||
|
.bottom-border(@rounder);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
div[class^="base-"] > div[class^="content-"] > div[class^="container"],
|
||||||
|
div[class^="chat-"]
|
||||||
|
{
|
||||||
|
background-color: unset;
|
||||||
|
& > div {
|
||||||
|
background-color: var(--background-primary);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
[class^="sidebar"] header,
|
||||||
|
[class^="chat"] > section,
|
||||||
|
[class^="container-"] > section {
|
||||||
|
background-color: var(--background-tertiary) !important;
|
||||||
|
}
|
||||||
|
|
||||||
@import "settings";
|
@import "settings";
|
||||||
|
|
Loading…
Reference in a new issue