Translations update from Weblate

res/css/structures/_GroupView.scss

@@ -56,7 +56,7 @@ limitations under the License.
  position: absolute;
  height: 20px;
  width: 20px;
- background-color: $groupheader-button-color;
+ background-color: $header-panel-text-primary-color;
  mask-repeat: no-repeat;
  mask-size: contain;
  }

res/css/structures/_HeaderButtons.scss

@@ -28,7 +28,7 @@ limitations under the License.
 
 .mx_HeaderButtons::before {
  content: "";
- background-color: $header-divider-color;
+ background-color: $header-panel-text-primary-color;
  opacity: 0.5;
  margin: 6px 8px;
  border-radius: 1px;

res/css/structures/_RightPanel.scss

@@ -229,7 +229,7 @@ $pulse-color: $alert;
  margin: 11px auto 29px auto;
  height: 42px;
  width: 42px;
- background-color: $rightpanel-button-color;
+ background-color: $header-panel-text-primary-color;
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;

res/css/structures/_TabbedView.scss

@@ -49,7 +49,7 @@ limitations under the License.
  }
 
  .mx_TabbedView_tabLabel_active .mx_TabbedView_maskedIcon::before {
- background-color: $tab-label-active-icon-bg-color;
+ background-color: $tab-label-active-fg-color;
  }
 
  .mx_TabbedView_maskedIcon {

res/css/views/messages/_CreateEvent.scss

@@ -16,7 +16,7 @@ limitations under the License.
 
 .mx_CreateEvent {
  &::before {
- background-color: $composer-e2e-icon-color;
+ background-color: $header-panel-text-primary-color;
  mask-image: url('$(res)/img/element-icons/chat-bubbles.svg');
  }
 }

res/css/views/messages/_MJitsiWidgetEvent.scss

@@ -16,7 +16,7 @@ limitations under the License.
 
 .mx_MJitsiWidgetEvent {
  &::before {
- background-color: $composer-e2e-icon-color; // XXX: Variable abuse
+ background-color: $header-panel-text-primary-color; // XXX: Variable abuse
  mask-image: url('$(res)/img/element-icons/call/video-call.svg');
  }
 }

res/css/views/messages/_common_CryptoEvent.scss

@@ -26,7 +26,7 @@ limitations under the License.
 
  &.mx_cryptoEvent_icon::after {
  mask-image: url('$(res)/img/e2e/normal.svg');
- background-color: $composer-e2e-icon-color;
+ background-color: $header-panel-text-primary-color;
  }
 
  &.mx_cryptoEvent_icon_verified::after {

res/css/views/right_panel/_BaseCard.scss

@@ -51,7 +51,7 @@ limitations under the License.
  left: 0;
  mask-repeat: no-repeat;
  mask-position: center;
- background-color: $rightpanel-button-color;
+ background-color: $header-panel-text-primary-color;
  }
  }
 

res/css/views/right_panel/_UserInfo.scss

@@ -40,7 +40,7 @@ limitations under the License.
  mask-image: url('$(res)/img/minimise.svg');
  mask-repeat: no-repeat;
  mask-position: 7px center;
- background-color: $rightpanel-button-color;
+ background-color: $header-panel-text-primary-color;
  }
  }
 

res/css/views/rooms/_E2EIcon.scss

@@ -70,7 +70,7 @@ limitations under the License.
 
 .mx_E2EIcon_normal::after {
  mask-image: url('$(res)/img/e2e/normal.svg');
- background-color: $composer-e2e-icon-color;
+ background-color: $header-panel-text-primary-color;
 }
 
 .mx_E2EIcon_verified::after {

res/css/views/rooms/_EntityTile.scss

@@ -43,7 +43,7 @@ limitations under the License.
  mask-repeat: no-repeat;
  width: 16px;
  height: 16px;
- background-color: $rightpanel-button-color;
+ background-color: $header-panel-text-primary-color;
 }
 
 .mx_EntityTile .mx_PresenceLabel {

res/css/views/rooms/_EventTile.scss

@@ -443,7 +443,7 @@ $left-gutter: 64px;
 .mx_EventTile_e2eIcon_normal {
  &::after {
  mask-image: url('$(res)/img/e2e/normal.svg');
- background-color: $composer-e2e-icon-color;
+ background-color: $header-panel-text-primary-color;
  }
  opacity: 1;
 }

res/css/views/rooms/_MemberInfo.scss

@@ -39,7 +39,7 @@ limitations under the License.
  mask-image: url('$(res)/img/minimise.svg');
  mask-repeat: no-repeat;
  mask-position: 16px center;
- background-color: $rightpanel-button-color;
+ background-color: $header-panel-text-primary-color;
 }
 
 .mx_MemberInfo_name h2 {

res/css/views/rooms/_MessageComposer.scss

@@ -137,13 +137,6 @@ limitations under the License.
  animation: 0.2s visualbell;
 }
 
-.mx_MessageComposer_input blockquote {
- color: $blockquote-fg-color;
- margin: 0 0 16px;
- padding: 0 15px;
- border-left: 4px solid $blockquote-bar-color;
-}
-
 .mx_MessageComposer_input pre {
  background-color: $rte-code-bg-color;
  border-radius: 3px;

res/css/views/voip/CallView/_CallViewButtons.scss

@@ -20,10 +20,11 @@ limitations under the License.
  position: absolute;
  display: flex;
  justify-content: center;
- bottom: 5px;
+ bottom: 24px;
  opacity: 1;
  transition: opacity 0.5s;
  z-index: 200; // To be above _all_ feeds
+ gap: 18px;
 
  &.mx_CallViewButtons_hidden {
  opacity: 0.001; // opacity 0 can cause a re-layout
@@ -32,69 +33,121 @@ limitations under the License.
 
  .mx_CallViewButtons_button {
  cursor: pointer;
- margin-left: 2px;
- margin-right: 2px;
+
+ background-color: $call-view-button-on-background;
+
+ border-radius: 100%;
+ height: 40px;
+ width: 40px;
+
+ display: flex;
+ justify-content: center;
+ align-items: center;
 
  &::before {
  content: '';
  display: inline-block;
 
- height: 48px;
- width: 48px;
+ mask-repeat: no-repeat;
+ mask-size: contain;
+ mask-position: center;
 
- background-repeat: no-repeat;
- background-size: contain;
- background-position: center;
- }
+ background-color: $call-view-button-on-foreground;
 
- &.mx_CallViewButtons_dialpad::before {
- background-image: url('$(res)/img/voip/dialpad.svg');
+  height: 24px;
+ width: 24px;
  }
 
- &.mx_CallViewButtons_button_micOn::before {
-  background-image: url('$(res)/img/voip/mic-on.svg');
- }
+ // State buttons
+ &.mx_CallViewButtons_button_on {
+  background-color: $call-view-button-on-background;
 
- &.mx_CallViewButtons_button_micOff::before {
- background-image: url('$(res)/img/voip/mic-off.svg');
- }
+  &::before {
+  background-color: $call-view-button-on-foreground;
+  }
 
- &.mx_CallViewButtons_button_vidOn::before {
- background-image: url('$(res)/img/voip/vid-on.svg');
- }
+  &.mx_CallViewButtons_button_mic::before {
+  mask-image: url('$(res)/img/voip/call-view/mic-on.svg');
+  }
 
- &.mx_CallViewButtons_button_vidOff::before {
- background-image: url('$(res)/img/voip/vid-off.svg');
- }
+  &.mx_CallViewButtons_button_vid::before {
+  mask-image: url('$(res)/img/voip/call-view/cam-on.svg');
+  }
 
- &.mx_CallViewButtons_button_screensharingOn::before {
- background-image: url('$(res)/img/voip/screensharing-on.svg');
- }
+ &.mx_CallViewButtons_button_screensharing {
+ background-color: $accent;
 
- &.mx_CallViewButtons_button_screensharingOff::before {
- background-image: url('$(res)/img/voip/screensharing-off.svg');
+ &::before {
+ mask-image: url('$(res)/img/voip/call-view/screensharing.svg');
+ background-color: white; // Same on both themes
+ }
+ }
+
+ &.mx_CallViewButtons_button_sidebar::before {
+ mask-image: url('$(res)/img/voip/call-view/sidebar-on.svg');
+ }
  }
 
- &.mx_CallViewButtons_button_sidebarOn::before {
- background-image: url('$(res)/img/voip/sidebar-on.svg');
+ &.mx_CallViewButtons_button_off {
+ background-color: $call-view-button-off-background;
+
+ &::before {
+ background-color: $call-view-button-off-foreground;
+ }
+
+ &.mx_CallViewButtons_button_mic::before {
+ mask-image: url('$(res)/img/voip/call-view/mic-off.svg');
+ }
+
+ &.mx_CallViewButtons_button_vid::before {
+ mask-image: url('$(res)/img/voip/call-view/cam-off.svg');
+ }
+
+ &.mx_CallViewButtons_button_screensharing {
+ background-color: $call-view-button-on-background;
+
+ &::before {
+ mask-image: url('$(res)/img/voip/call-view/screensharing.svg');
+ background-color: $call-view-button-on-foreground;
+ }
+ }
+
+ &.mx_CallViewButtons_button_sidebar {
+ background-color: $call-view-button-on-background;
+
+ &::before {
+ mask-image: url('$(res)/img/voip/call-view/sidebar-off.svg');
+ background-color: $call-view-button-on-foreground;
+ }
+ }
  }
+ // State buttons
 
- &.mx_CallViewButtons_button_sidebarOff::before {
- background-image: url('$(res)/img/voip/sidebar-off.svg');
+ // Stateless buttons
+ &.mx_CallViewButtons_dialpad::before {
+ mask-image: url('$(res)/img/voip/call-view/dialpad.svg');
  }
 
- &.mx_CallViewButtons_button_hangup::before {
- background-image: url('$(res)/img/voip/hangup.svg');
+ &.mx_CallViewButtons_button_hangup {
+ background-color: $alert;
+
+ &::before {
+ mask-image: url('$(res)/img/voip/call-view/hangup.svg');
+ background-color: white; // Same on both themes
+ }
  }
 
  &.mx_CallViewButtons_button_more::before {
- background-image: url('$(res)/img/voip/more.svg');
+ mask-image: url('$(res)/img/voip/call-view/more.svg');
  }
+ // Stateless buttons
 
+ // Invisible state
  &.mx_CallViewButtons_button_invisible {
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  }
+ // Invisible state
  }
 }

res/css/views/voip/_CallView.scss

@@ -49,13 +49,16 @@ limitations under the License.
  }
 
  .mx_CallViewButtons {
- bottom: 0px;
+ bottom: 13px;
  }
 
  .mx_CallViewButtons_button {
+ width: 34px;
+ height: 34px;
+
  &::before {
- width: 36px;
- height: 36px;
+ width: 22px;
+ height: 22px;
  }
  }
 
@@ -74,7 +77,6 @@ limitations under the License.
  > .mx_VideoFeed {
  width: 100%;
  height: 100%;
- border-width: 0 !important; // Override mx_VideoFeed_speaking
 
  &.mx_VideoFeed_voice {
  display: flex;

res/css/views/voip/_CallViewSidebar.scss

@@ -39,6 +39,8 @@ limitations under the License.
  display: flex;
  align-items: center;
  justify-content: center;
+
+ background-color: $video-feed-secondary-background;
  }
 
  .mx_VideoFeed_video {

res/css/views/voip/_VideoFeed.scss

@@ -26,14 +26,6 @@ limitations under the License.
  aspect-ratio: 16 / 9;
  }
 
- &.mx_VideoFeed_speaking {
- border: $accent 2px solid;
-
- .mx_VideoFeed_video {
- border-radius: 0;
- }
- }
-
  .mx_VideoFeed_video {
  width: 100%;
  background-color: transparent;