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

Revert "Use Compound primary colors for most actions" (#12264)

Browse source 
* Revert ed5ef023b2

* Update failing snapshots

* Update snapshots after develop merge
This commit is contained in:
Florian Duros 2024-02-20 17:24:40 +01:00 • committed by GitHub
parent d20e9e4f8e
commit 96a33b800a
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
87 changed files with 99 additions and 104 deletions
Download patch file Download diff file Expand all files Collapse all files

27
res/css/_common.pcss
View file

@ -562,7 +562,7 @@ legend {
border-radius: 8px;
font: var(--cpd-font-body-md-regular);
color: $button-fg-color;
background-color: var(--cpd-color-bg-action-primary-rest);
background-color: $accent;
width: auto;
padding: 7px;
padding-left: 1.5em;
@ -595,8 +595,8 @@ legend {
/* flip colours for the secondary ones */
font-weight: var(--cpd-font-weight-semibold);
border: 1px solid var(--cpd-color-border-interactive-secondary);
color: var(--cpd-color-text-primary);
border: 1px solid currentColor;
color: $accent;
background-color: transparent;
font-family: inherit;
}
@ -616,9 +616,8 @@ legend {
.mx_Dialog input[type="submit"].mx_Dialog_primary,
.mx_Dialog_buttons button.mx_Dialog_primary:not(.mx_Dialog_nonDialogButton):not(.mx_AccessibleButton),
.mx_Dialog_buttons input[type="submit"].mx_Dialog_primary {
color: var(--cpd-color-text-on-solid-primary);
background-color: var(--cpd-color-bg-action-primary-rest);
border-color: var(--cpd-color-bg-action-primary-rest);
color: $accent-fg-color;
background-color: $accent;
min-width: 156px;
}
@ -626,15 +625,15 @@ legend {
.mx_Dialog input[type="submit"].danger,
.mx_Dialog_buttons button.danger:not(.mx_Dialog_nonDialogButton):not(.mx_AccessibleButton),
.mx_Dialog_buttons input[type="submit"].danger {
background-color: var(--cpd-color-bg-critical-primary);
border: solid 1px var(--cpd-color-bg-critical-primary);
color: var(--cpd-color-text-on-solid-primary);
background-color: $alert;
border: solid 1px $alert;
color: $accent-fg-color;
}
.mx_Dialog button.warning:not(.mx_Dialog_nonDialogButton):not([class|="maplibregl"]),
.mx_Dialog input[type="submit"].warning {
border: solid 1px var(--cpd-color-border-critical-primary);
color: var(--cpd-color-text-critical-primary);
border: solid 1px $alert;
color: $alert;
}
.mx_Dialog button:not(.mx_Dialog_nonDialogButton):not([class|="maplibregl"]):not(.mx_AccessibleButton):disabled,
@ -816,9 +815,11 @@ legend {
}
@define-mixin composerButtonHighLight {
background: var(--cpd-color-bg-subtle-primary);
/* TODO: Refactor as this will break for apps that override the accent color */
background: var(--cpd-color-green-300);
/* make the icon the accent color too */
&::before {
background-color: var(--cpd-color-icon-primary) !important;
background-color: $accent !important;
}
}