Skip to content
This repository has been archived by the owner on Sep 11, 2024. It is now read-only.

Commit

Permalink
a11y pass
Browse files Browse the repository at this point in the history
  • Loading branch information
Germain committed Jul 12, 2023
1 parent b46a5d1 commit 3e329ea
Show file tree
Hide file tree
Showing 6 changed files with 15 additions and 13 deletions.
2 changes: 1 addition & 1 deletion res/css/views/elements/_StyledRadioButton.pcss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ limitations under the License.
*/

.mx_StyledRadioButton {
$radio-circle-color: $quaternary-content;
$radio-circle-color: $strong-input-border-color;

This comment has been minimized.

Sign in to view

Copy link
@t3chguy

t3chguy Jul 12, 2023

Member

This variable doesn't seem to exist in custom themes
$active-radio-circle-color: $accent;
position: relative;

Expand Down
6 changes: 4 additions & 2 deletions res/css/views/elements/_ToggleSwitch.pcss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,8 @@ limitations under the License.
border-radius: 1.5rem;
padding: 2px;

background-color: $togglesw-off-color;
background-color: $background;
border: 1px solid $strong-input-border-color;

This comment has been minimized.

Sign in to view

Copy link
@t3chguy

t3chguy Jul 12, 2023

Member

This variable doesn't seem to exist in custom themes
opacity: 0.5;

&[aria-disabled="true"] {
Expand All @@ -38,10 +39,11 @@ limitations under the License.
}

.mx_ToggleSwitch.mx_ToggleSwitch_on {
background-color: $accent;
background-color: $inverted-bg-color;

This comment has been minimized.

Sign in to view

Copy link
@t3chguy

t3chguy Jul 12, 2023

Member

This variable doesn't seem to exist in custom themes

> .mx_ToggleSwitch_ball {
left: calc(100% - $font-20px);
background-color: $background;
}
}

Expand Down
4 changes: 2 additions & 2 deletions res/themes/dark/css/_dark.pcss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ $separator: var(--cpd-color-alpha-gray-400);

/* RoomList */
/* ******************** */
$roomlist-bg-color: rgba(45, 45, 45, 0.9); /* TODO: there's no corresponding compound color */
$roomlist-bg-color: var(--cpd-color-bg-subtle-secondary); /* TODO: there's no corresponding compound color */
$roomsublist-skeleton-ui-bg: linear-gradient(180deg, $background 0%, #ffffff00 100%);
$roomtile-default-badge-bg-color: $muted-fg-color;
/* ******************** */
Expand Down Expand Up @@ -247,7 +247,7 @@ $live-badge-color: #ffffff;
/* One-off colors */
/* ******************** */
$progressbar-bg-color: $system;
$kbd-border-color: $menu-border-color;
$kbd-border-color: $strong-input-border-color;
$visual-bell-bg-color: #800;
$event-timestamp-color: $text-secondary-color;
$slider-background-color: $quinary-content;
Expand Down
4 changes: 2 additions & 2 deletions res/themes/legacy-dark/css/_legacy-dark.pcss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -148,7 +148,7 @@ $call-primary-content: $primary-content;
$call-light-quaternary-content: #c1c6cd;

$roomlist-filter-active-bg-color: $panel-actions;
$roomlist-bg-color: $header-panel-bg-color;
$roomlist-bg-color: var(--cpd-color-bg-subtle-secondary);

$roomsublist-skeleton-ui-bg: linear-gradient(180deg, #3e444c 0%, #3e444c00 100%);

Expand Down Expand Up @@ -196,7 +196,7 @@ $message-action-bar-hover-border-color: $header-panel-text-primary-color;
$reaction-row-button-hover-border-color: $header-panel-text-primary-color;
$reaction-row-button-selected-bg-color: #1f6954;

$kbd-border-color: #000000;
$kbd-border-color: $strong-input-border-color;

$tooltip-timeline-bg-color: $spacePanel-bg-color;
$tooltip-timeline-fg-color: #ffffff;
Expand Down
6 changes: 3 additions & 3 deletions res/themes/legacy-light/css/_legacy-light.pcss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -166,7 +166,7 @@ $separator: var(--cpd-color-alpha-gray-400);
/* ******************** */

$roomlist-filter-active-bg-color: $panel-actions;
$roomlist-bg-color: $header-panel-bg-color;
$roomlist-bg-color: var(--cpd-color-bg-subtle-secondary);
$roomlist-header-color: $primary-fg-color;
$roomsublist-skeleton-ui-bg: linear-gradient(180deg, #ffffff 0%, #ffffff00 100%);

Expand Down Expand Up @@ -267,7 +267,7 @@ $visual-bell-bg-color: #faa;

/* Toggle switch */
$togglesw-off-color: #c1c9d6;
$togglesw-ball-color: #fff;
$togglesw-ball-color: var(--cpd-color-bg-action-primary-rest);

/* Slider */
$slider-background-color: #c1c9d6;
Expand All @@ -292,7 +292,7 @@ $message-action-bar-hover-border-color: $focus-bg-color;
$reaction-row-button-hover-border-color: $focus-bg-color;
$reaction-row-button-selected-bg-color: #e9fff9;

$kbd-border-color: $message-action-bar-border-color;
$kbd-border-color: $strong-input-border-color;

$tooltip-timeline-bg-color: $spacePanel-bg-color;
$tooltip-timeline-fg-color: #ffffff;
Expand Down
6 changes: 3 additions & 3 deletions res/themes/light/css/_light.pcss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -199,7 +199,7 @@ $imagebody-giflabel-color: $background;

/* RoomList */
/* ******************** */
$roomlist-bg-color: rgba(245, 245, 245, 0.9);
$roomlist-bg-color: var(--cpd-color-bg-subtle-secondary);
$roomsublist-skeleton-ui-bg: linear-gradient(180deg, $background 0%, #ffffff00 100%);
$roomtile-default-badge-bg-color: $muted-fg-color;
/* ******************** */
Expand Down Expand Up @@ -232,7 +232,7 @@ $button-danger-disabled-bg-color: #f5b6bb; /* TODO: Verify color */
/* Toggle switch */
/* ******************** */
$togglesw-off-color: #c1c9d6;
$togglesw-ball-color: $background;
$togglesw-ball-color: var(--cpd-color-bg-action-primary-rest);
/* ******************** */

/* Authpage */
Expand Down Expand Up @@ -307,7 +307,7 @@ $call-light-quaternary-content: #c1c6cd;
/* One-off colors */
/* ******************** */
$progressbar-bg-color: $panel-actions;
$kbd-border-color: $message-action-bar-border-color;
$kbd-border-color: $strong-input-border-color;
$visual-bell-bg-color: #faa;
$event-timestamp-color: #acacac;
$slider-background-color: $togglesw-off-color;
Expand Down

0 comments on commit 3e329ea

Please sign in to comment.