diff --git a/custom.css b/custom.css index 151d803..471f523 100644 --- a/custom.css +++ b/custom.css @@ -229,7 +229,7 @@ span.mx_MVideoBody video.mx_MVideoBody { .mx_InlineSpinner { display: inline; - position: absolute; + position: relative; left: 0; top: 5px; } @@ -241,11 +241,6 @@ span.mx_MVideoBody video.mx_MVideoBody { filter: invert(100); } -.mx_MImageBody_thumbnail_container { - background: #0000001f; - border-radius: 5px; -} - .mx_SendMessageComposer .mx_BasicMessageComposer { -ms-flex: 1; flex: 1; @@ -281,4 +276,39 @@ span.mx_MVideoBody video.mx_MVideoBody { box-shadow: none; margin: 0; z-index: 0; -} \ No newline at end of file +} + +.mx_EventTile_content .markdown-body code, .mx_EventTile_content .markdown-body pre { + background-color: black; +} + +.hljs { + color: #ece0e0; +} + +.mx_EventTile[data-layout=bubble][data-self=true] { + --backgroundColor: #252525; +} + +.mx_EventTile[data-layout=bubble][data-self=false] { + --backgroundColor: #252525; +} + +.mx_EventTile[data-layout=bubble] .mx_EventTile_avatar img { + -webkit-box-shadow: 0 0 0 3px #252525; + box-shadow: 0 0 0 3px #252525; + border-radius: 50%; +} + +.mx_EventTile[data-layout=bubble].mx_EventTile_selected:before, .mx_EventTile[data-layout=bubble]:hover:before { + background: #25252540; +} + +.mx_EventTile[data-layout=bubble].mx_EventTile_selected .mx_EventTile_avatar img, .mx_EventTile[data-layout=bubble]:hover .mx_EventTile_avatar img { + -webkit-box-shadow: 0 0 0 3px #252525; + box-shadow: 0 0 0 3px #252525; +} + +.mx_MediaBody.mx_AudioPlayer_container .mx_AudioPlayer_seek .mx_Clock { + width: auto; +}