Matrix/element-call-Github
1
0
Fork 0
mirror of https://github.com/vector-im/element-call.git synced 2026-09-07 21:45:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

Remove stopgap color variables from previous design system

Browse Source 
They have been largely unused for a long time. This changes the colors of checkboxes and the 'end call' button to align with current designs as well.
This commit is contained in:
Robin
2026-07-09 12:28:39 +02:00
parent f2c42c314c
commit de75a69cad
3 changed files with 0 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/button/Button.module.css
View File

@@ -5,10 +5,6 @@ SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
Please see LICENSE in the repository root for full details. Please see LICENSE in the repository root for full details.
*/ */
.endCall > svg {
color: var(--stopgap-color-on-solid-accent);
}
.rotate > svg { .rotate > svg {
animation: spin 1s linear infinite; animation: spin 1s linear infinite;
} }

6
src/index.css
View File

@@ -28,12 +28,6 @@ layer(compound);
--font-size-title: calc(24px * var(--font-scale)); --font-size-title: calc(24px * var(--font-scale));
--font-size-headline: calc(32px * var(--font-scale)); --font-size-headline: calc(32px * var(--font-scale));
/* These colors are needed during the transitionary period between the old and
new Compound design systems, but should be removed ASAP */
--stopgap-color-on-solid-accent: var(--cpd-color-bg-canvas-default);
--stopgap-background-85: rgba(255, 255, 255, 0.85);
--stopgap-bgColor3: #444;
--cpd-color-border-accent: var(--cpd-color-green-800); --cpd-color-border-accent: var(--cpd-color-green-800);
/* The distance to inset non-full-width content from the edge of the window /* The distance to inset non-full-width content from the edge of the window
along the inline axis. This ramps up from 16px for typical mobile windows, to along the inline axis. This ramps up from 16px for typical mobile windows, to

8
src/input/Input.module.css
View File

@@ -173,14 +173,6 @@ Please see LICENSE in the repository root for full details.
border-color: var(--cpd-color-border-disabled); border-color: var(--cpd-color-border-disabled);
} }
.checkbox svg {
display: none;
}
.checkbox svg * {
stroke: var(--stopgap-color-on-solid-accent);
}
.checkboxField input[type="checkbox"]:checked + label > .checkbox { .checkboxField input[type="checkbox"]:checked + label > .checkbox {
background: var(--cpd-color-text-action-accent); background: var(--cpd-color-text-action-accent);
border-color: var(--cpd-color-text-action-accent); border-color: var(--cpd-color-text-action-accent);