er2/diskort
1
1
Fork 0
Code Issues Pull requests Releases 1 Activity

mica from win11

Browse source
This commit is contained in:
Er2 2022-03-29 19:11:13 +03:00
parent 68db679de7
commit d6b0bb3028
3 changed files with 53 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/hide.less
View file

@ -100,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;

1
src/settings.less
View file

@ -28,6 +28,7 @@ div[class^="standardSidebarView-"] {
width: unset; // to increase size width: unset; // to increase size
background: var(--background-secondary); // bugfix background: var(--background-secondary); // bugfix
& > div { & > div {
padding-left: @rounder;
flex-direction: row; flex-direction: row;
height: @tab-height; height: @tab-height;
} }

54
src/style.less
View file

@ -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";