diff --git a/src/hide.less b/src/hide.less index 20d3a47..9d0b0f7 100644 --- a/src/hide.less +++ b/src/hide.less @@ -4,7 +4,6 @@ */ // Site -[class*="perksContainer-"], [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 div[class*="background-"], // nitro animation at top @@ -100,8 +99,6 @@ div[class^="autocompleteShadow-"], // bugged [class^="unreadPill-"], // NEW at right, not needed div[class^="overviewSidebar-"], // at community creation, not needed section div[class^="children-"] div[class^="spacer-"], // to check - -div[class^="children-"]::after, // shadow at title { all: unset !important; display: none !important; diff --git a/src/settings.less b/src/settings.less index 4075df2..9866f37 100644 --- a/src/settings.less +++ b/src/settings.less @@ -8,7 +8,9 @@ div[class^="standardSidebarView-"] { flex-direction: column; div[class^="sidebarRegion-"] { - overflow: hidden; + overflow: auto hidden; + scrollbar-width: thin; + background: var(--background-secondary); // bugfix flex-basis: unset; // bugfix to normalize height flex-grow: 0; // fix scaling @@ -17,18 +19,13 @@ div[class^="standardSidebarView-"] { { display: none; } & > div { - background: var(--background-primary); - scrollbar-width: thin; overflow: auto hidden !important; justify-content: left; max-width: 100%; & > nav { padding: 0; - width: unset; // to increase size - background: var(--background-secondary); // bugfix & > div { - padding-left: @rounder; flex-direction: row; height: @tab-height; } diff --git a/src/style.less b/src/style.less index 3d900a6..60e0084 100644 --- a/src/style.less +++ b/src/style.less @@ -20,7 +20,7 @@ li[class^="channel-"], [class^="avatar-"], [role="dialog"], - div[class^="menu-"] div, // menu elements + div[class^="menu-"] div, div[class^="role-"], div[class^="colorPicker"] div div[class^="saturation"] div, #channels ul li div > div[class^="content-"], @@ -33,12 +33,6 @@ border-radius: @round !important; } -// Blur menus -[role="menu"] { - background-color: unset; - backdrop-filter: blur(@round) saturate(100%); -} - // Rounder // Popouts [class^="authBox"], // login @@ -51,6 +45,7 @@ // UI elements [class^="checkboxWrapper-"], // checkbox [class*="embed"], + div[class^="sidebar-"], div[class^="markup-"] pre code, // ```code``` div[class^="item-"], // in settings div[class^="group-"], // radiogroup @@ -69,9 +64,8 @@ div[class^="select-"], div[class^="messagesWrapper-"] div, - - div[class^="container"] > div, - div[class^="chat-"] > div[class^="content-"], + div[class^="container-"], + div[class^="chat-"], { border-radius: @rounder !important; } @@ -198,44 +192,4 @@ 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";