imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Support a dark theme for voice messages

Browse source 
Fixes https://github.com/vector-im/element-web/issues/17137
This commit is contained in:
Travis Ralston 2021-05-03 16:08:38 -06:00
parent 8dbcc85249
commit ba2da6826f
6 changed files with 26 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

2
res/css/views/rooms/_VoiceRecordComposerTile.scss
View file

@ -40,7 +40,7 @@ limitations under the License.
height: 18px;
vertical-align: middle;
margin-right: 7px; // distance from left edge of waveform container (container has some margin too)
background-color: $muted-fg-color;
background-color: $voice-record-icon-color;
mask-repeat: no-repeat;
mask-size: contain;
mask-image: url('$(res)/img/element-icons/trashcan.svg');

4
res/css/views/voice_messages/_PlayPauseButton.scss
View file

@ -19,12 +19,12 @@ limitations under the License.
width: 32px;
height: 32px;
border-radius: 32px;
background-color: $primary-bg-color;
background-color: $voice-playback-button-bg-color;
&::before {
content: '';
position: absolute; // sizing varies by icon
background-color: $muted-fg-color;
background-color: $voice-playback-button-fg-color;
mask-repeat: no-repeat;
mask-size: contain;
}