more discord bs

master
kageru 4 years ago
parent c309bb8473
commit 17d42fcae4

@ -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;
}
Loading…
Cancel
Save