diff --git a/denden.css b/denden.css index a8fba90..197c58c 100644 --- a/denden.css +++ b/denden.css @@ -442,9 +442,12 @@ /* Reset default backgrounds */ [class*="chatGradient"], [class*="channelTextArea"] > div { - background: none; + background: unset; } - [class*="sidebar"]:has(nav[aria-label])::after /* User area pseudo-element? */ { + [aria-label="Message Actions"] div { + margin: 0 2px; + } + [class*="sidebar"]:has(nav[aria-label])::after /* This is a seemingly random User area pseudo-element with the default theme, so I'm throwing it into orbit. */ { content: unset; } /* Reset borders */ @@ -455,17 +458,20 @@ border-radius: unset; } /* Buttons */ - :is( - nav[aria-label] div:has(> a), /* Sidebar/direct messages */ - main [role="button"], /* Message actions ("React", "Reply", "Forward" and "More"), Message box buttons*/ + :is(nav[aria-label] div:has(> a), /* Sidebar/direct messages */ + [aria-label="Message Actions"] [role], /* Message actions ("React", "Reply", "Forward" and "More") */ + [class*="channelTextArea"] [class*="buttons"] [role], [class*="channelTextArea"] [class*="attach"]>[aria-label], /* Message box buttons (GIF, Sticker, Emoji picker)*/ section[aria-label="User area"] button, /* Mute/Unmute, Deafen/Undeafen, User settings buttons */ - ):not([class*="username"], main article *, main a, main span:has(img)) /* Doesn't apply to: Usernames, Embeds, Links, Stickers, Emoji */ { + [class*="toolbar"] [role="button"], /* Chat toolbar buttons */ + ):not([class*="username"], [class*="search"] *) /* Doesn't apply to: Usernames, Toolbar search icon */ { background-image: linear-gradient(var(--neutral-75), var(--neutral-80)); box-shadow: inset 0 -5px 13px -5px var(--neutral-65); &:hover { background-image: linear-gradient(var(--neutral-50), var(--neutral-70)); box-shadow: inset 0 -5px 13px -5px var(--gel); } + /* Rounded buttons */ + border-radius: var(--radius-round); } /* Message box and User profile area */ main > form [class*="channelTextArea"],