diff --git a/.config/discordcanary/0.0.55/modules/discord_desktop_core/discord-custom.css b/.config/discordcanary/0.0.59/modules/discord_desktop_core/discord-custom.css similarity index 71% rename from .config/discordcanary/0.0.55/modules/discord_desktop_core/discord-custom.css rename to .config/discordcanary/0.0.59/modules/discord_desktop_core/discord-custom.css index 36cb4ac..398d092 100644 --- a/.config/discordcanary/0.0.55/modules/discord_desktop_core/discord-custom.css +++ b/.config/discordcanary/0.0.59/modules/discord_desktop_core/discord-custom.css @@ -3,7 +3,7 @@ @import url(https://rawgit.com/BeardDesign1/Material-design-theme-ressources/master/code-files/update/version.css); -html, .isCompact-1hsne1:not(code) { +html, [class*=isCompact-]:not(code) { font-family: Lato !important; } @@ -19,40 +19,42 @@ code { } /* prevent follow-up timestamps from being hidden (currently hardcoded for dark mode) */ -.theme-dark .timestampVisibleOnHover-276OMc { +.theme-dark [class*=timestampVisibleOnHover-] { color: hsla(0,0%,100%,.2); } /* material theme adjustments */ -.usernameWrapper-1S-G5O .username-_4ZSMR:hover { +[class*=usernameWrapper-] [class*=username-]:hover { border-bottom: 1px solid; } -.attachButton-1UjEWA { +[class*=attachButton-] { width: 50px; } -.textArea-2Spzkt { +[class*=textArea-] { padding: 16px 0 16px 50px !important; } -.containerCompact-3V0ioj.container-1YxwTf { +/*[class*=containerCompact-][class*=container-] {*/ +/*.containerCompact-3V0ioj.container-1YxwTf {*/ +[class*=containerCompactBounded-] { padding: 0; margin: 0 !important; } -.divider-3gKybi { +[class*=divider-] { height: 30px; } -.divider-3gKybi > span { +[class*=divider-] > span { background: hsl(0, 0%, 25%) !important; } -.divider-3gKybi.dividerRed-MKoLlr > span { +[class*=divider-][class*=dividerRed-] > span { background: hsl(358, 22%, 30%) !important; } -.channels-Ie2l6A .scrollerWrap-2lJEkd { +[class*=channels-] [class*=scrollerWrap-] { box-shadow: none; } @@ -60,7 +62,7 @@ code { background: none; } -.chat-3bRxxu .messages-3amgkR { +[class*=chat-] [class*=messages-] { background: hsl(0, 0%, 17%) !important; }; @@ -68,7 +70,7 @@ code { box-shadow: none; } -.messagesWrapper-3lZDfY .messages-3amgkR { +[class*=messagesWrapper-] [class*=messages-] { padding-bottom: 1.2rem; } @@ -110,6 +112,8 @@ code { max-width: 10px; } +/* right-aligned nicknames */ + :root { /* ch as unit makes the most sense here, * but doesn't work properly with calculating offset of the .accessory div */ @@ -120,44 +124,53 @@ code { --timestamp-width: 9ch;*/ /* use `6ch` for 24h timestamps */ } -.containerCompact-3bB5aN { /* accessory */ +[class*=containerCompact-] { /* accessory */ padding-left: calc(70px - var(--timestamp-default-width) + var(--timestamp-width) + var(--username-width) ); + position: relative; } -.containerCompact-3V0ioj .timestampCompactBase-26h38e { +[class*=containerCompact-] [class*=timestampCompactBase-] { float: left; top: 1.5ex; width: var(--timestamp-width); /*text-align: center;*/ } -.headerCompact-3wRt2W { +/*.headerCompact-3wRt2W {*/ +[class*=headerCompact-] { position: absolute; left: 0; + padding-bottom: 1px; /* for on-hover underline on border; user_style.css */ } -.containerCompact-3V0ioj .usernameWrapper-1S-G5O, *[class^="username"] { +/*.containerCompact-3V0ioj .usernameWrapper-1S-G5O {*/ +[class*=headerCompact-] > span { display: inline-block; text-align: right; width: var(--username-width); overflow: hidden; - text-overflow: clip; - padding-bottom: 1px; /* for on-hover underline on border; user_style.css */ + text-overflow: ellipsis; } -.isCompact-1hsne1 { +[class*=markup-][class*=isCompact-] { margin-left: 0 !important; padding-left: calc(var(--username-width) + var(--timestamp-width) + var(--header-offset)) !important; text-indent: 0; } -.containerCompact-3bB5aN { +/*.containerCompact-3bB5aN {*/ +[class*=containerCompact-][class*=content-] ~ [class*=containerCompact-] { padding-left: calc(var(--username-width) + var(--timestamp-width) + var(--header-offset) + 0rem); } -.containerCompact-3V0ioj.container-1YxwTf .isMentioned-N-h9aa .markup-2BOw-j { +[class*=containerCompact-][class*=container-] [class*=isMentioned-] [class*=markup-] { /*padding: 0;*/ /*margin: 0;*/ border-right: solid #FAA61A; border-width: 0 2px; } + +/* Material theme sets this */ +[class*=container-] h2 { + margin-left: 0; +}