PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Color cleanup 8 (#7108)

Browse source 
* $accent-color -> $accent

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>

* Remove $accent-bg-color

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>

* $notice-primary-color -> $alert

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>

* Remove $notice-primary-bg-color

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>

* Remove $accent-50pct

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>

* $warning-color -> $alert

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>

* Remove $accent-darker

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>

* Remove $orange-warning-color

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>

* Remove $warning-bg-color

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>

* Remove $info-bg-color

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
This commit is contained in:
Šimon Brandner 2021-11-11 14:37:29 +01:00 committed by GitHub
parent 5ad3261cb2
commit 9abb2f5ff4
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
111 changed files with 271 additions and 306 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
res/css/_common.scss
View file

@ -74,11 +74,11 @@ pre, code {
.error, .warning, .error, .warning,
.text-error, .text-warning { .text-error, .text-warning {
color: $warning-color; color: $alert;
} }
.text-success { .text-success {
color: $accent-color; color: $accent;
} }
.text-muted { .text-muted {
@ -102,7 +102,7 @@ h2 {
a:hover, a:hover,
a:link, a:link,
a:visited { a:visited {
color: $accent-color-alt; color: $accent-alt;
} }
input[type=text], input[type=text],
@ -238,7 +238,7 @@ input[type=text]:focus, input[type=password]:focus, textarea:focus {
// //
// They are not used for layout!! // They are not used for layout!!
#mx_theme_accentColor { #mx_theme_accentColor {
color: $accent-color; color: $accent;
} }
#mx_theme_secondaryAccentColor { #mx_theme_secondaryAccentColor {
@ -364,7 +364,7 @@ input[type=text]:focus, input[type=password]:focus, textarea:focus {
} }
.mx_Dialog_title.danger { .mx_Dialog_title.danger {
color: $warning-color; color: $alert;
} }
.mx_Dialog_cancelButton { .mx_Dialog_cancelButton {
@ -414,8 +414,8 @@ input[type=text]:focus, input[type=password]:focus, textarea:focus {
// flip colours for the secondary ones // flip colours for the secondary ones
font-weight: 600; font-weight: 600;
border: 1px solid $accent-color; border: 1px solid $accent;
color: $accent-color; color: $accent;
background-color: $button-secondary-bg-color; background-color: $button-secondary-bg-color;
font-family: inherit; font-family: inherit;
} }
@ -443,7 +443,7 @@ input[type=text]:focus, input[type=password]:focus, textarea:focus {
.mx_Dialog_buttons button.mx_Dialog_primary, .mx_Dialog_buttons button.mx_Dialog_primary,
.mx_Dialog_buttons input[type="submit"].mx_Dialog_primary { .mx_Dialog_buttons input[type="submit"].mx_Dialog_primary {
color: $accent-fg-color; color: $accent-fg-color;
background-color: $accent-color; background-color: $accent;
min-width: 156px; min-width: 156px;
} }
@ -451,15 +451,15 @@ input[type=text]:focus, input[type=password]:focus, textarea:focus {
.mx_Dialog input[type="submit"].danger, .mx_Dialog input[type="submit"].danger,
.mx_Dialog_buttons button.danger, .mx_Dialog_buttons button.danger,
.mx_Dialog_buttons input[type="submit"].danger { .mx_Dialog_buttons input[type="submit"].danger {
background-color: $warning-color; background-color: $alert;
border: solid 1px $warning-color; border: solid 1px $alert;
color: $accent-fg-color; color: $accent-fg-color;
} }
.mx_Dialog button.warning, .mx_Dialog button.warning,
.mx_Dialog input[type="submit"].warning { .mx_Dialog input[type="submit"].warning {
border: solid 1px $warning-color; border: solid 1px $alert;
color: $warning-color; color: $alert;
} }
.mx_Dialog button:not(.mx_Dialog_nonDialogButton):disabled, .mx_Dialog button:not(.mx_Dialog_nonDialogButton):disabled,
@ -499,7 +499,7 @@ input[type=text]:focus, input[type=password]:focus, textarea:focus {
.mx_linkButton { .mx_linkButton {
cursor: pointer; cursor: pointer;
color: $accent-color; color: $accent;
} }
.mx_TextInputDialog_label { .mx_TextInputDialog_label {

2
res/css/structures/_CustomRoomTagPanel.scss
View file

@ -44,7 +44,7 @@ limitations under the License.
.mx_CustomRoomTagPanel .mx_AccessibleButton.CustomRoomTagPanel_tileSelected::before { .mx_CustomRoomTagPanel .mx_AccessibleButton.CustomRoomTagPanel_tileSelected::before {
content: ''; content: '';
height: 56px; height: 56px;
background-color: $accent-color-alt; background-color: $accent-alt;
width: 5px; width: 5px;
position: absolute; position: absolute;
left: -9px; left: -9px;

4
res/css/structures/_GroupFilterPanel.scss
View file

@ -152,7 +152,7 @@ $groupFilterPanelWidth: 56px; // only applies in this file, used for calculation
.mx_GroupFilterPanel .mx_TagTile.mx_TagTile_selected::before { .mx_GroupFilterPanel .mx_TagTile.mx_TagTile_selected::before {
content: ''; content: '';
height: 100%; height: 100%;
background-color: $accent-color; background-color: $accent;
width: 4px; width: 4px;
position: absolute; position: absolute;
left: -12px; left: -12px;
@ -203,5 +203,5 @@ $groupFilterPanelWidth: 56px; // only applies in this file, used for calculation
} }
.mx_TagTile_badgeHighlight { .mx_TagTile_badgeHighlight {
background-color: $warning-color; background-color: $alert;
} }

6
res/css/structures/_GroupView.scss
View file

@ -81,13 +81,13 @@ limitations under the License.
} }
.mx_GroupView_editable:focus { .mx_GroupView_editable:focus {
border-bottom: 1px solid $accent-color !important; border-bottom: 1px solid $accent !important;
outline: none; outline: none;
box-shadow: none; box-shadow: none;
} }
.mx_GroupView_header_isUserMember .mx_GroupView_header_name:hover div:not(.mx_GroupView_editable) { .mx_GroupView_header_isUserMember .mx_GroupView_header_name:hover div:not(.mx_GroupView_editable) {
color: $accent-color; color: $accent;
cursor: pointer; cursor: pointer;
} }
@ -229,7 +229,7 @@ limitations under the License.
vertical-align: top; vertical-align: top;
line-height: $font-24px; line-height: $font-24px;
padding-left: 28px; padding-left: 28px;
color: $accent-color; color: $accent;
} }
.mx_GroupView_rooms .mx_RoomDetailList { .mx_GroupView_rooms .mx_RoomDetailList {

2
res/css/structures/_HomePage.scss
View file

@ -77,7 +77,7 @@ limitations under the License.
font-size: $font-15px; font-size: $font-15px;
line-height: $font-20px; line-height: $font-20px;
color: #fff; // on all themes color: #fff; // on all themes
background-color: $accent-color; background-color: $accent;
&::before { &::before {
top: 20px; top: 20px;

2
res/css/structures/_MatrixChat.scss
View file

@ -52,7 +52,7 @@ limitations under the License.
.mx_MatrixChat_syncError { .mx_MatrixChat_syncError {
color: $accent-fg-color; color: $accent-fg-color;
background-color: $warning-bg-color; background-color: #DF2A8B; // Only used here
border-radius: 5px; border-radius: 5px;
display: table; display: table;
padding: 30px; padding: 30px;

10
res/css/structures/_RightPanel.scss
View file

@ -71,10 +71,10 @@ limitations under the License.
} }
&:hover { &:hover {
background: rgba($accent-color, 0.1); background: rgba($accent, 0.1);
&::before { &::before {
background-color: $accent-color; background-color: $accent;
} }
} }
} }
@ -104,7 +104,7 @@ limitations under the License.
} }
$dot-size: 8px; $dot-size: 8px;
$pulse-color: $notice-primary-color; $pulse-color: $alert;
.mx_RightPanel_pinnedMessagesButton { .mx_RightPanel_pinnedMessagesButton {
&::before { &::before {
@ -175,7 +175,7 @@ $pulse-color: $notice-primary-color;
.mx_RightPanel_headerButton_highlight { .mx_RightPanel_headerButton_highlight {
&::before { &::before {
background-color: $accent-color !important; background-color: $accent !important;
} }
} }
@ -183,7 +183,7 @@ $pulse-color: $notice-primary-color;
font-size: $font-8px; font-size: $font-8px;
border-radius: 8px; border-radius: 8px;
color: $accent-fg-color; color: $accent-fg-color;
background-color: $accent-color; background-color: $accent;
font-weight: bold; font-weight: bold;
position: absolute; position: absolute;
top: -4px; top: -4px;

6
res/css/structures/_RoomStatusBar.scss
View file

@ -57,7 +57,7 @@ limitations under the License.
.mx_RoomStatusBar_unreadMessagesBar { .mx_RoomStatusBar_unreadMessagesBar {
padding-top: 10px; padding-top: 10px;
color: $warning-color; color: $alert;
cursor: pointer; cursor: pointer;
} }
@ -96,7 +96,7 @@ limitations under the License.
} }
.mx_RoomStatusBar_unsentTitle { .mx_RoomStatusBar_unsentTitle {
color: $warning-color; color: $alert;
font-size: $font-15px; font-size: $font-15px;
} }
@ -167,7 +167,7 @@ limitations under the License.
} }
.mx_RoomStatusBar_connectionLostBar_title { .mx_RoomStatusBar_connectionLostBar_title {
color: $warning-color; color: $alert;
} }
.mx_RoomStatusBar_connectionLostBar_desc { .mx_RoomStatusBar_connectionLostBar_desc {

8
res/css/structures/_RoomView.scss
View file

@ -103,7 +103,7 @@ limitations under the License.
.mx_RoomView_auxPanel_hiddenHighlights { .mx_RoomView_auxPanel_hiddenHighlights {
border-bottom: 1px solid $primary-hairline-color; border-bottom: 1px solid $primary-hairline-color;
padding: 10px 26px; padding: 10px 26px;
color: $warning-color; color: $alert;
cursor: pointer; cursor: pointer;
} }
@ -241,8 +241,8 @@ li.mx_RoomView_myReadMarker_container {
} }
hr.mx_RoomView_myReadMarker { hr.mx_RoomView_myReadMarker {
border-top: solid 1px $accent-color; border-top: solid 1px $accent;
border-bottom: solid 1px $accent-color; border-bottom: solid 1px $accent;
margin-top: 0px; margin-top: 0px;
position: relative; position: relative;
top: -1px; top: -1px;
@ -299,7 +299,7 @@ hr.mx_RoomView_myReadMarker {
.mx_RoomView_ongoingConfCallNotification { .mx_RoomView_ongoingConfCallNotification {
width: 100%; width: 100%;
text-align: center; text-align: center;
background-color: $warning-color; background-color: $alert;
color: $accent-fg-color; color: $accent-fg-color;
font-weight: bold; font-weight: bold;
padding: 6px 0; padding: 6px 0;

4
res/css/structures/_SpaceHierarchy.scss
View file

@ -99,7 +99,7 @@ limitations under the License.
.mx_SpaceHierarchy_error { .mx_SpaceHierarchy_error {
position: relative; position: relative;
font-weight: $font-semi-bold; font-weight: $font-semi-bold;
color: $notice-primary-color; color: $alert;
font-size: $font-15px; font-size: $font-15px;
line-height: $font-18px; line-height: $font-18px;
margin: 20px auto 12px; margin: 20px auto 12px;
@ -238,7 +238,7 @@ limitations under the License.
mask-position: center; mask-position: center;
mask-size: contain; mask-size: contain;
mask-repeat: no-repeat; mask-repeat: no-repeat;
background-color: $accent-color; background-color: $accent;
mask-image: url('$(res)/img/element-icons/roomlist/checkmark.svg'); mask-image: url('$(res)/img/element-icons/roomlist/checkmark.svg');
} }
} }

4
res/css/structures/_SpacePanel.scss
View file

@ -324,10 +324,10 @@ $activeBorderColor: $secondary-content;
} }
.mx_IconizedContextMenu_optionList .mx_AccessibleButton.mx_SpacePanel_contextMenu_inviteButton { .mx_IconizedContextMenu_optionList .mx_AccessibleButton.mx_SpacePanel_contextMenu_inviteButton {
color: $accent-color; color: $accent;
.mx_SpacePanel_iconInvite::before { .mx_SpacePanel_iconInvite::before {
background-color: $accent-color; background-color: $accent;
mask-image: url('$(res)/img/element-icons/room/invite.svg'); mask-image: url('$(res)/img/element-icons/room/invite.svg');
} }
} }

10
res/css/structures/_SpaceRoomView.scss
View file

@ -49,10 +49,10 @@ $SpaceRoomViewInnerWidth: 428px;
} }
&:hover { &:hover {
border-color: $accent-color; border-color: $accent;
&::before { &::before {
background-color: $accent-color; background-color: $accent;
} }
> span { > span {
@ -128,7 +128,7 @@ $SpaceRoomViewInnerWidth: 428px;
font-weight: $font-semi-bold; font-weight: $font-semi-bold;
font-size: $font-12px; font-size: $font-12px;
line-height: $font-15px; line-height: $font-15px;
color: $notice-primary-color; color: $alert;
margin-bottom: 28px; margin-bottom: 28px;
} }
@ -427,11 +427,11 @@ $SpaceRoomViewInnerWidth: 428px;
} }
.mx_SpaceRoomView_inviteTeammates_inviteDialogButton { .mx_SpaceRoomView_inviteTeammates_inviteDialogButton {
color: $accent-color; color: $accent;
&::before { &::before {
mask-image: url('$(res)/img/element-icons/room/invite.svg'); mask-image: url('$(res)/img/element-icons/room/invite.svg');
background-color: $accent-color; background-color: $accent;
} }
} }
} }

8
res/css/structures/_TabbedView.scss
View file

@ -44,7 +44,7 @@ limitations under the License.
} }
.mx_TabbedView_tabLabel_active { .mx_TabbedView_tabLabel_active {
background-color: $accent-color; background-color: $accent;
color: $tab-label-active-fg-color; color: $tab-label-active-fg-color;
} }
@ -89,14 +89,14 @@ limitations under the License.
} }
.mx_TabbedView_tabLabel_active { .mx_TabbedView_tabLabel_active {
color: $accent-color; color: $accent;
.mx_TabbedView_tabLabel_text { .mx_TabbedView_tabLabel_text {
color: $accent-color; color: $accent;
} }
} }
.mx_TabbedView_tabLabel_active .mx_TabbedView_maskedIcon::before { .mx_TabbedView_tabLabel_active .mx_TabbedView_maskedIcon::before {
background-color: $accent-color; background-color: $accent;
} }
.mx_TabbedView_maskedIcon { .mx_TabbedView_maskedIcon {

2
res/css/structures/_ToastContainer.scss
View file

@ -76,7 +76,7 @@ limitations under the License.
&::after { &::after {
mask-image: url("$(res)/img/e2e/warning.svg"); mask-image: url("$(res)/img/e2e/warning.svg");
background-color: $notice-primary-color; background-color: $alert;
} }
} }

2
res/css/structures/auth/_CompleteSecurity.scss
View file

@ -63,7 +63,7 @@ limitations under the License.
margin-inline-start: 18px; margin-inline-start: 18px;
&.warning { &.warning {
color: $warning-color; color: $alert;
} }
} }
} }

6
res/css/structures/auth/_Login.scss
View file

@ -50,7 +50,7 @@ limitations under the License.
} }
.mx_Login_error { .mx_Login_error {
color: $warning-color; color: $alert;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
margin-top: 12px; margin-top: 12px;
@ -63,7 +63,7 @@ limitations under the License.
} }
.mx_Login_error.mx_Login_serverError.mx_Login_serverErrorNonFatal { .mx_Login_error.mx_Login_serverError.mx_Login_serverErrorNonFatal {
color: $orange-warning-color; color: #ff8d13; // Only used here
} }
.mx_Login_type_container { .mx_Login_type_container {
@ -82,7 +82,7 @@ limitations under the License.
.mx_Login_underlinedServerName { .mx_Login_underlinedServerName {
width: max-content; width: max-content;
border-bottom: 1px dashed $accent-color; border-bottom: 1px dashed $accent;
} }
div.mx_AccessibleButton_kind_link.mx_Login_forgot { div.mx_AccessibleButton_kind_link.mx_Login_forgot {

2
res/css/structures/auth/_SetupEncryptionBody.scss
View file

@ -19,6 +19,6 @@ limitations under the License.
margin-top: $font-14px; margin-top: $font-14px;
a.mx_SetupEncryptionBody_reset_link:is(:link, :hover, :visited) { a.mx_SetupEncryptionBody_reset_link:is(:link, :hover, :visited) {
color: $warning-color; color: $alert;
} }
} }

2
res/css/views/auth/_AuthBody.scss
View file

@ -68,7 +68,7 @@ limitations under the License.
} }
input.error { input.error {
color: $warning-color; color: $alert;
} }
.mx_Field input { .mx_Field input {

2
res/css/views/auth/_AuthButtons.scss
View file

@ -38,7 +38,7 @@ limitations under the License.
margin-right: 4px; margin-right: 4px;
min-width: 80px; min-width: 80px;
background-color: $accent-color; background-color: $accent;
color: $background; color: $background;
cursor: pointer; cursor: pointer;

4
res/css/views/auth/_InteractiveAuthEntryComponents.scss
View file

@ -56,7 +56,7 @@ limitations under the License.
} }
.mx_InteractiveAuthEntryComponents_msisdnEntry:focus { .mx_InteractiveAuthEntryComponents_msisdnEntry:focus {
border: 1px solid $accent-color; border: 1px solid $accent;
} }
.mx_InteractiveAuthEntryComponents_msisdnSubmit { .mx_InteractiveAuthEntryComponents_msisdnSubmit {
@ -78,7 +78,7 @@ limitations under the License.
} }
.mx_InteractiveAuthEntryComponents_termsSubmit:disabled { .mx_InteractiveAuthEntryComponents_termsSubmit:disabled {
background-color: $accent-color-darker; background-color: #92caad; // Only used here
cursor: default; cursor: default;
} }

4
res/css/views/auth/_PassphraseField.scss
View file

@ -14,9 +14,9 @@ See the License for the specific language governing permissions and
limitations under the License. limitations under the License.
*/ */
$PassphraseStrengthHigh: $accent-color; $PassphraseStrengthHigh: $accent;
$PassphraseStrengthMedium: $username-variant5-color; $PassphraseStrengthMedium: $username-variant5-color;
$PassphraseStrengthLow: $notice-primary-color; $PassphraseStrengthLow: $alert;
progress.mx_PassphraseField_progress { progress.mx_PassphraseField_progress {
appearance: none; appearance: none;

2
res/css/views/avatars/_DecoratedRoomAvatar.scss
View file

@ -56,7 +56,7 @@ limitations under the License.
} }
.mx_DecoratedRoomAvatar_icon_online::before { .mx_DecoratedRoomAvatar_icon_online::before {
background-color: $accent-color; background-color: $accent;
} }
.mx_DecoratedRoomAvatar_icon_away::before { .mx_DecoratedRoomAvatar_icon_away::before {

2
res/css/views/avatars/_MemberStatusMessageAvatar.scss
View file

@ -25,5 +25,5 @@ limitations under the License.
} }
.mx_MemberStatusMessageAvatar_hasStatus .mx_BaseAvatar { .mx_MemberStatusMessageAvatar_hasStatus .mx_BaseAvatar {
border-color: $accent-color; border-color: $accent;
} }

4
res/css/views/beta/_BetaCard.scss
View file

@ -85,7 +85,7 @@ limitations under the License.
} }
.mx_BetaCard_betaPill { .mx_BetaCard_betaPill {
background-color: $accent-color-alt; background-color: $accent-alt;
padding: 4px 10px; padding: 4px 10px;
border-radius: 8px; border-radius: 8px;
text-transform: uppercase; text-transform: uppercase;
@ -100,7 +100,7 @@ limitations under the License.
} }
} }
$pulse-color: $accent-color-alt; $pulse-color: $accent-alt;
$dot-size: 12px; $dot-size: 12px;
.mx_BetaDot { .mx_BetaDot {

8
res/css/views/context_menus/_IconizedContextMenu.scss
View file

@ -125,21 +125,21 @@ limitations under the License.
.mx_IconizedContextMenu_optionList_red { .mx_IconizedContextMenu_optionList_red {
.mx_AccessibleButton { .mx_AccessibleButton {
color: $warning-color !important; color: $alert !important;
} }
.mx_IconizedContextMenu_icon::before { .mx_IconizedContextMenu_icon::before {
background-color: $warning-color; background-color: $alert;
} }
} }
.mx_IconizedContextMenu_active { .mx_IconizedContextMenu_active {
&.mx_AccessibleButton, .mx_AccessibleButton { &.mx_AccessibleButton, .mx_AccessibleButton {
color: $accent-color !important; color: $accent !important;
} }
.mx_IconizedContextMenu_icon::before { .mx_IconizedContextMenu_icon::before {
background-color: $accent-color; background-color: $accent;
} }
} }

4
res/css/views/context_menus/_StatusMessageContextMenu.scss
View file

@ -55,9 +55,9 @@ input.mx_StatusMessageContextMenu_message {
} }
.mx_StatusMessageContextMenu_clear { .mx_StatusMessageContextMenu_clear {
color: $warning-color; color: $alert;
background-color: transparent; background-color: transparent;
border: 1px solid $warning-color; border: 1px solid $alert;
} }
.mx_StatusMessageContextMenu_actionContainer .mx_Spinner { .mx_StatusMessageContextMenu_actionContainer .mx_Spinner {

6
res/css/views/dialogs/_AddExistingToSpaceDialog.scss
View file

@ -98,7 +98,7 @@ limitations under the License.
font-weight: $font-semi-bold; font-weight: $font-semi-bold;
font-size: $font-15px; font-size: $font-15px;
line-height: $font-18px; line-height: $font-18px;
color: $notice-primary-color; color: $alert;
} }
.mx_AddExistingToSpace_errorCaption { .mx_AddExistingToSpace_errorCaption {
@ -199,7 +199,7 @@ limitations under the License.
.mx_Dropdown_menu { .mx_Dropdown_menu {
.mx_SubspaceSelector_dropdownOptionActive { .mx_SubspaceSelector_dropdownOptionActive {
color: $accent-color; color: $accent;
padding-right: 32px; padding-right: 32px;
position: relative; position: relative;
@ -213,7 +213,7 @@ limitations under the License.
mask-position: center; mask-position: center;
mask-size: contain; mask-size: contain;
mask-repeat: no-repeat; mask-repeat: no-repeat;
background-color: $accent-color; background-color: $accent;
mask-image: url('$(res)/img/element-icons/roomlist/checkmark.svg'); mask-image: url('$(res)/img/element-icons/roomlist/checkmark.svg');
} }
} }

2
res/css/views/dialogs/_AddressPickerDialog.scss
View file

@ -61,7 +61,7 @@ limitations under the License.
.mx_AddressPickerDialog_error { .mx_AddressPickerDialog_error {
margin-top: 10px; margin-top: 10px;
color: $warning-color; color: $alert;
} }
.mx_AddressPickerDialog_cancel { .mx_AddressPickerDialog_cancel {

2
res/css/views/dialogs/_CreateCommunityPrototypeDialog.scss
View file

@ -39,7 +39,7 @@ limitations under the License.
} }
&.mx_CreateCommunityPrototypeDialog_subtext_error { &.mx_CreateCommunityPrototypeDialog_subtext_error {
color: $warning-color; color: $alert;
} }
} }

2
res/css/views/dialogs/_CreateRoomDialog.scss
View file

@ -22,7 +22,7 @@ limitations under the License.
list-style: none; list-style: none;
font-weight: 600; font-weight: 600;
cursor: pointer; cursor: pointer;
color: $accent-color; color: $accent;
// list-style doesn't do it for webkit // list-style doesn't do it for webkit
&::-webkit-details-marker { &::-webkit-details-marker {

6
res/css/views/dialogs/_CreateSpaceFromCommunityDialog.scss
View file

@ -106,7 +106,7 @@ limitations under the License.
font-weight: $font-semi-bold; font-weight: $font-semi-bold;
font-size: $font-15px; font-size: $font-15px;
line-height: $font-18px; line-height: $font-18px;
color: $notice-primary-color; color: $alert;
} }
.mx_CreateSpaceFromCommunityDialog_errorCaption { .mx_CreateSpaceFromCommunityDialog_errorCaption {
@ -168,7 +168,7 @@ limitations under the License.
.mx_CreateSpaceFromCommunityDialog_SuccessInfoDialog_checkmark { .mx_CreateSpaceFromCommunityDialog_SuccessInfoDialog_checkmark {
position: relative; position: relative;
border-radius: 50%; border-radius: 50%;
border: 3px solid $accent-color; border: 3px solid $accent;
width: 68px; width: 68px;
height: 68px; height: 68px;
margin: 12px auto 32px; margin: 12px auto 32px;
@ -178,7 +178,7 @@ limitations under the License.
height: inherit; height: inherit;
content: ''; content: '';
position: absolute; position: absolute;
background-color: $accent-color; background-color: $accent;
mask-repeat: no-repeat; mask-repeat: no-repeat;
mask-position: center; mask-position: center;
mask-image: url('$(res)/img/element-icons/roomlist/checkmark.svg'); mask-image: url('$(res)/img/element-icons/roomlist/checkmark.svg');

10
res/css/views/dialogs/_DevtoolsDialog.scss
View file

@ -215,7 +215,7 @@ limitations under the License.
th { th {
// Colour choice: first one autocomplete gave me. // Colour choice: first one autocomplete gave me.
border-bottom: 1px solid $accent-color; border-bottom: 1px solid $accent;
text-align: left; text-align: left;
} }
@ -233,16 +233,16 @@ limitations under the License.
tr:hover { tr:hover {
// Colour choice: first one autocomplete gave me. // Colour choice: first one autocomplete gave me.
background-color: $accent-color-50pct; background-color: $accent;
} }
} }
.mx_DevTools_SettingsExplorer_mutable { .mx_DevTools_SettingsExplorer_mutable {
background-color: $accent-color; background-color: $accent;
} }
.mx_DevTools_SettingsExplorer_immutable { .mx_DevTools_SettingsExplorer_immutable {
background-color: $warning-color; background-color: $alert;
} }
.mx_DevTools_SettingsExplorer_edit { .mx_DevTools_SettingsExplorer_edit {
@ -251,7 +251,7 @@ limitations under the License.
} }
.mx_DevTools_SettingsExplorer_warning { .mx_DevTools_SettingsExplorer_warning {
border: 2px solid $warning-color; border: 2px solid $alert;
border-radius: 4px; border-radius: 4px;
padding: 4px; padding: 4px;
margin-bottom: 8px; margin-bottom: 8px;

4
res/css/views/dialogs/_FeedbackDialog.scss
View file

@ -42,7 +42,7 @@ limitations under the License.
} }
a, .mx_AccessibleButton_kind_link { a, .mx_AccessibleButton_kind_link {
color: $accent-color; color: $accent;
text-decoration: underline; text-decoration: underline;
} }
@ -111,7 +111,7 @@ limitations under the License.
.mx_StyledRadioButton_checked { .mx_StyledRadioButton_checked {
font-size: 24px; font-size: 24px;
border-color: $accent-color; border-color: $accent;
} }
&::after { &::after {

4
res/css/views/dialogs/_ForwardDialog.scss
View file

@ -138,7 +138,7 @@ limitations under the License.
} }
&.mx_ForwardList_sending .mx_ForwardList_sendIcon { &.mx_ForwardList_sending .mx_ForwardList_sendIcon {
background-color: $accent-color; background-color: $accent;
mask-image: url('$(res)/img/element-icons/circle-sending.svg'); mask-image: url('$(res)/img/element-icons/circle-sending.svg');
mask-position: center; mask-position: center;
mask-repeat: no-repeat; mask-repeat: no-repeat;
@ -148,7 +148,7 @@ limitations under the License.
} }
&.mx_ForwardList_sent .mx_ForwardList_sendIcon { &.mx_ForwardList_sent .mx_ForwardList_sendIcon {
background-color: $accent-color; background-color: $accent;
mask-image: url('$(res)/img/element-icons/circle-sent.svg'); mask-image: url('$(res)/img/element-icons/circle-sent.svg');
mask-position: center; mask-position: center;
mask-repeat: no-repeat; mask-repeat: no-repeat;

4
res/css/views/dialogs/_InviteDialog.scss
View file

@ -362,7 +362,7 @@ limitations under the License.
} }
.mx_InviteDialog_dialPad .mx_InviteDialog_dialPadField:focus-within { .mx_InviteDialog_dialPad .mx_InviteDialog_dialPadField:focus-within {
border-color: $accent-color; border-color: $accent;
} }
.mx_InviteDialog_dialPadField .mx_Field_postfix { .mx_InviteDialog_dialPadField .mx_Field_postfix {
@ -447,7 +447,7 @@ limitations under the License.
margin-left: 32px; margin-left: 32px;
font-size: $font-15px; font-size: $font-15px;
line-height: $font-24px; line-height: $font-24px;
color: $notice-primary-color; color: $alert;
} }
} }
} }

4
res/css/views/dialogs/_LeaveSpaceDialog.scss
View file

@ -69,8 +69,8 @@ limitations under the License.
margin-top: 20px; margin-top: 20px;
.mx_Dialog_primary { .mx_Dialog_primary {
background-color: $notice-primary-color !important; // override default colour background-color: $alert !important; // override default colour
border-color: $notice-primary-color; border-color: $alert;
} }
} }
} }

2
res/css/views/dialogs/_MessageEditHistoryDialog.scss
View file

@ -29,7 +29,7 @@ limitations under the License.
} }
.mx_MessageEditHistoryDialog_error { .mx_MessageEditHistoryDialog_error {
color: $warning-color; color: $alert;
text-align: center; text-align: center;
} }

2
res/css/views/dialogs/_ServerPickerDialog.scss
View file

@ -43,7 +43,7 @@ limitations under the License.
} }
> a { > a {
color: $accent-color; color: $accent;
margin-left: 8px; margin-left: 8px;
} }
} }

2
res/css/views/dialogs/_SetEmailDialog.scss
View file

@ -29,5 +29,5 @@ limitations under the License.
.mx_SetEmailDialog_email_input:focus { .mx_SetEmailDialog_email_input:focus {
outline: none; outline: none;
box-shadow: none; box-shadow: none;
border: 1px solid $accent-color; border: 1px solid $accent;
} }

2
res/css/views/dialogs/_SpaceSettingsDialog.scss
View file

@ -21,7 +21,7 @@ limitations under the License.
font-weight: $font-semi-bold; font-weight: $font-semi-bold;
font-size: $font-12px; font-size: $font-12px;
line-height: $font-15px; line-height: $font-15px;
color: $notice-primary-color; color: $alert;
margin-bottom: 28px; margin-bottom: 28px;
} }

6
res/css/views/dialogs/_TabbedIntegrationManagerDialog.scss
View file

@ -35,7 +35,7 @@ limitations under the License.
.mx_TabbedIntegrationManagerDialog_currentManager { .mx_TabbedIntegrationManagerDialog_currentManager {
width: 100%; width: 100%;
height: 100%; height: 100%;
border-top: 1px solid $accent-color; border-top: 1px solid $accent;
iframe { iframe {
background-color: #fff; background-color: #fff;
@ -48,7 +48,7 @@ limitations under the License.
.mx_TabbedIntegrationManagerDialog_tab { .mx_TabbedIntegrationManagerDialog_tab {
display: inline-block; display: inline-block;
border: 1px solid $accent-color; border: 1px solid $accent;
border-bottom: 0; border-bottom: 0;
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-top-right-radius: 3px; border-top-right-radius: 3px;
@ -57,6 +57,6 @@ limitations under the License.
} }
.mx_TabbedIntegrationManagerDialog_currentTab { .mx_TabbedIntegrationManagerDialog_currentTab {
background-color: $accent-color; background-color: $accent;
color: $accent-fg-color; color: $accent-fg-color;
} }

2
res/css/views/dialogs/_TermsDialog.scss
View file

@ -42,7 +42,7 @@ limitations under the License.
.mx_TermsDialog_link { .mx_TermsDialog_link {
display: inline-block; display: inline-block;
mask-image: url('$(res)/img/external-link.svg'); mask-image: url('$(res)/img/external-link.svg');
background-color: $accent-color; background-color: $accent;
width: 10px; width: 10px;
height: 10px; height: 10px;
} }

12
res/css/views/dialogs/security/_AccessSecretStorageDialog.scss
View file

@ -32,7 +32,7 @@ limitations under the License.
} }
.mx_AccessSecretStorageDialog_reset_link { .mx_AccessSecretStorageDialog_reset_link {
color: $warning-color; color: $alert;
} }
} }
@ -68,7 +68,7 @@ limitations under the License.
.mx_AccessSecretStorageDialog_passPhraseInput { .mx_AccessSecretStorageDialog_passPhraseInput {
width: 300px; width: 300px;
border: 1px solid $accent-color; border: 1px solid $accent;
border-radius: 5px; border-radius: 5px;
} }
@ -100,18 +100,18 @@ limitations under the License.
} }
.mx_AccessSecretStorageDialog_recoveryKeyFeedback_valid { .mx_AccessSecretStorageDialog_recoveryKeyFeedback_valid {
color: $accent-color; color: $accent;
&::before { &::before {
mask-image: url('$(res)/img/feather-customised/check.svg'); mask-image: url('$(res)/img/feather-customised/check.svg');
background-color: $accent-color; background-color: $accent;
} }
} }
.mx_AccessSecretStorageDialog_recoveryKeyFeedback_invalid { .mx_AccessSecretStorageDialog_recoveryKeyFeedback_invalid {
color: $warning-color; color: $alert;
&::before { &::before {
mask-image: url('$(res)/img/feather-customised/x.svg'); mask-image: url('$(res)/img/feather-customised/x.svg');
background-color: $warning-color; background-color: $alert;
} }
} }

4
res/css/views/dialogs/security/_CreateKeyBackupDialog.scss
View file

@ -20,7 +20,7 @@ limitations under the License.
} }
.mx_CreateKeyBackupDialog_primaryContainer { .mx_CreateKeyBackupDialog_primaryContainer {
/* FIXME: plinth colour in new theme(s). background-color: $accent-color; */ /* FIXME: plinth colour in new theme(s). background-color: $accent; */
padding: 20px; padding: 20px;
} }
@ -38,7 +38,7 @@ limitations under the License.
.mx_CreateKeyBackupDialog_passPhraseInput { .mx_CreateKeyBackupDialog_passPhraseInput {
flex: none; flex: none;
width: 250px; width: 250px;
border: 1px solid $accent-color; border: 1px solid $accent;
border-radius: 5px; border-radius: 5px;
padding: 10px; padding: 10px;
margin-bottom: 1em; margin-bottom: 1em;

2
res/css/views/dialogs/security/_CreateSecretStorageDialog.scss
View file

@ -72,7 +72,7 @@ limitations under the License.
} }
.mx_CreateSecretStorageDialog_primaryContainer { .mx_CreateSecretStorageDialog_primaryContainer {
/* FIXME: plinth colour in new theme(s). background-color: $accent-color; */ /* FIXME: plinth colour in new theme(s). background-color: $accent; */
padding-top: 20px; padding-top: 20px;
} }

4
res/css/views/dialogs/security/_RestoreKeyBackupDialog.scss
View file

@ -20,14 +20,14 @@ limitations under the License.
} }
.mx_RestoreKeyBackupDialog_primaryContainer { .mx_RestoreKeyBackupDialog_primaryContainer {
/* FIXME: plinth colour in new theme(s). background-color: $accent-color; */ /* FIXME: plinth colour in new theme(s). background-color: $accent; */
padding: 20px; padding: 20px;
} }
.mx_RestoreKeyBackupDialog_passPhraseInput, .mx_RestoreKeyBackupDialog_passPhraseInput,
.mx_RestoreKeyBackupDialog_recoveryKeyInput { .mx_RestoreKeyBackupDialog_recoveryKeyInput {
width: 300px; width: 300px;
border: 1px solid $accent-color; border: 1px solid $accent;
border-radius: 5px; border-radius: 5px;
padding: 10px; padding: 10px;
} }

4
res/css/views/directory/_NetworkDropdown.scss
View file

@ -73,7 +73,7 @@ limitations under the License.
mask-position: center; mask-position: center;
mask-size: contain; mask-size: contain;
mask-image: url('$(res)/img/feather-customised/x.svg'); mask-image: url('$(res)/img/feather-customised/x.svg');
background-color: $notice-primary-color; background-color: $alert;
} }
} }
} }
@ -108,7 +108,7 @@ limitations under the License.
mask-position: center; mask-position: center;
mask-size: contain; mask-size: contain;
mask-image: url('$(res)/img/feather-customised/check.svg'); mask-image: url('$(res)/img/feather-customised/check.svg');
background-color: $accent-color; background-color: $accent;
} }
} }
} }

28
res/css/views/elements/_AccessibleButton.scss
View file

@ -35,20 +35,20 @@ limitations under the License.
.mx_AccessibleButton_kind_primary { .mx_AccessibleButton_kind_primary {
color: $button-primary-fg-color; color: $button-primary-fg-color;
background-color: $accent-color; background-color: $accent;
border: 1px solid $accent-color; // account for size loss of no border border: 1px solid $accent; // account for size loss of no border
font-weight: 600; font-weight: 600;
} }
.mx_AccessibleButton_kind_primary_outline { .mx_AccessibleButton_kind_primary_outline {
color: $accent-color; color: $accent;
background-color: $button-secondary-bg-color; background-color: $button-secondary-bg-color;
border: 1px solid $accent-color; border: 1px solid $accent;
font-weight: 600; font-weight: 600;
} }
.mx_AccessibleButton_kind_secondary { .mx_AccessibleButton_kind_secondary {
color: $accent-color; color: $accent;
font-weight: 600; font-weight: 600;
} }
@ -60,7 +60,7 @@ limitations under the License.
.mx_AccessibleButton_hasKind.mx_AccessibleButton_kind_primary_sm { .mx_AccessibleButton_hasKind.mx_AccessibleButton_kind_primary_sm {
padding: 5px 12px; padding: 5px 12px;
color: $button-primary-fg-color; color: $button-primary-fg-color;
background-color: $accent-color; background-color: $accent;
} }
.mx_AccessibleButton_kind_primary_sm.mx_AccessibleButton_disabled { .mx_AccessibleButton_kind_primary_sm.mx_AccessibleButton_disabled {
@ -69,13 +69,13 @@ limitations under the License.
.mx_AccessibleButton_kind_danger { .mx_AccessibleButton_kind_danger {
color: $button-danger-fg-color; color: $button-danger-fg-color;
background-color: $notice-primary-color; background-color: $alert;
} }
.mx_AccessibleButton_kind_danger_outline { .mx_AccessibleButton_kind_danger_outline {
color: $notice-primary-color; color: $alert;
background-color: transparent; background-color: transparent;
border: 1px solid $notice-primary-color; border: 1px solid $alert;
} }
.mx_AccessibleButton_kind_danger.mx_AccessibleButton_disabled { .mx_AccessibleButton_kind_danger.mx_AccessibleButton_disabled {
@ -91,7 +91,7 @@ limitations under the License.
.mx_AccessibleButton_hasKind.mx_AccessibleButton_kind_danger_sm { .mx_AccessibleButton_hasKind.mx_AccessibleButton_kind_danger_sm {
padding: 5px 12px; padding: 5px 12px;
color: $button-danger-fg-color; color: $button-danger-fg-color;
background-color: $notice-primary-color; background-color: $alert;
} }
.mx_AccessibleButton_kind_danger_sm.mx_AccessibleButton_disabled { .mx_AccessibleButton_kind_danger_sm.mx_AccessibleButton_disabled {
@ -100,7 +100,7 @@ limitations under the License.
} }
.mx_AccessibleButton_kind_link { .mx_AccessibleButton_kind_link {
color: $accent-color; color: $accent;
} }
.mx_AccessibleButton_kind_link.mx_AccessibleButton_disabled { .mx_AccessibleButton_kind_link.mx_AccessibleButton_disabled {
@ -109,7 +109,7 @@ limitations under the License.
.mx_AccessibleButton_hasKind.mx_AccessibleButton_kind_link_sm { .mx_AccessibleButton_hasKind.mx_AccessibleButton_kind_link_sm {
padding: 5px 12px; padding: 5px 12px;
color: $accent-color; color: $accent;
} }
.mx_AccessibleButton_kind_link_sm.mx_AccessibleButton_disabled { .mx_AccessibleButton_kind_link_sm.mx_AccessibleButton_disabled {
@ -117,7 +117,7 @@ limitations under the License.
} }
.mx_AccessibleButton_hasKind.mx_AccessibleButton_kind_confirm_sm { .mx_AccessibleButton_hasKind.mx_AccessibleButton_kind_confirm_sm {
background-color: $accent-color; background-color: $accent;
&::before { &::before {
mask-image: url('$(res)/img/feather-customised/check.svg'); mask-image: url('$(res)/img/feather-customised/check.svg');
@ -125,7 +125,7 @@ limitations under the License.
} }
.mx_AccessibleButton_hasKind.mx_AccessibleButton_kind_cancel_sm { .mx_AccessibleButton_hasKind.mx_AccessibleButton_kind_cancel_sm {
background-color: $notice-primary-color; background-color: $alert;
&::before { &::before {
mask-image: url('$(res)/img/feather-customised/x.svg'); mask-image: url('$(res)/img/feather-customised/x.svg');

2
res/css/views/elements/_AddressSelector.scss
View file

@ -21,7 +21,7 @@ limitations under the License.
max-height: 116px; max-height: 116px;
overflow-y: auto; overflow-y: auto;
border-radius: 3px; border-radius: 3px;
border: solid 1px $accent-color; border: solid 1px $accent;
cursor: pointer; cursor: pointer;
z-index: 1; z-index: 1;
} }

4
res/css/views/elements/_AddressTile.scss
View file

@ -28,8 +28,8 @@ limitations under the License.
.mx_AddressTile.mx_AddressTile_error { .mx_AddressTile.mx_AddressTile_error {
background-color: rgba(255, 0, 100, 0.1); background-color: rgba(255, 0, 100, 0.1);
color: $warning-color; color: $alert;
border-color: $warning-color; border-color: $alert;
} }
.mx_AddressTile_network { .mx_AddressTile_network {

2
res/css/views/elements/_DesktopCapturerSourcePicker.scss
View file

@ -41,7 +41,7 @@ limitations under the License.
&.mx_desktopCapturerSourcePicker_source_thumbnail_selected, &.mx_desktopCapturerSourcePicker_source_thumbnail_selected,
&:hover, &:hover,
&:focus { &:focus {
border-color: $accent-color; border-color: $accent;
} }
} }

2
res/css/views/elements/_DirectorySearchBox.scss
View file

@ -38,7 +38,7 @@ limitations under the License.
} }
.mx_DirectorySearchBox_clear { .mx_DirectorySearchBox_clear {
background-color: $warning-color; background-color: $alert;
mask: url('$(res)/img/cancel.svg'); mask: url('$(res)/img/cancel.svg');
mask-repeat: no-repeat; mask-repeat: no-repeat;
mask-position: center; mask-position: center;

2
res/css/views/elements/_EditableItemList.scss
View file

@ -33,7 +33,7 @@ limitations under the License.
height: 14px; height: 14px;
mask-image: url('$(res)/img/feather-customised/cancel.svg'); mask-image: url('$(res)/img/feather-customised/cancel.svg');
mask-repeat: no-repeat; mask-repeat: no-repeat;
background-color: $warning-color; background-color: $alert;
mask-size: 100%; mask-size: 100%;
} }

2
res/css/views/elements/_EventListSummary.scss
View file

@ -36,7 +36,7 @@ limitations under the License.
} }
.mx_EventListSummary_toggle { .mx_EventListSummary_toggle {
color: $accent-color; color: $accent;
cursor: pointer; cursor: pointer;
float: right; float: right;
margin-right: 10px; margin-right: 10px;

8
res/css/views/elements/_Field.scss
View file

@ -152,24 +152,24 @@ limitations under the License.
.mx_Field_valid { .mx_Field_valid {
&.mx_Field, &.mx_Field,
&.mx_Field:focus-within { &.mx_Field:focus-within {
border-color: $accent-color; border-color: $accent;
} }
&.mx_Field label, &.mx_Field label,
&.mx_Field:focus-within label { &.mx_Field:focus-within label {
color: $accent-color; color: $accent;
} }
} }
.mx_Field_invalid { .mx_Field_invalid {
&.mx_Field, &.mx_Field,
&.mx_Field:focus-within { &.mx_Field:focus-within {
border-color: $warning-color; border-color: $alert;
} }
&.mx_Field label, &.mx_Field label,
&.mx_Field:focus-within label { &.mx_Field:focus-within label {
color: $warning-color; color: $alert;
} }
} }

2
res/css/views/elements/_ManageIntegsButton.scss
View file

@ -35,7 +35,7 @@ limitations under the License.
font-size: 10pt; font-size: 10pt;
line-height: 1.5em; line-height: 1.5em;
border-radius: 5px; border-radius: 5px;
background-color: $accent-color; background-color: $accent;
color: $accent-fg-color; color: $accent-fg-color;
text-align: center; text-align: center;
z-index: 1000; z-index: 1000;

2
res/css/views/elements/_ProgressBar.scss
View file

@ -22,7 +22,7 @@ progress.mx_ProgressBar {
border: none; border: none;
@mixin ProgressBarBorderRadius 6px; @mixin ProgressBarBorderRadius 6px;
@mixin ProgressBarColour $accent-color; @mixin ProgressBarColour $accent;
@mixin ProgressBarBgColour $progressbar-bg-color; @mixin ProgressBarBgColour $progressbar-bg-color;
::-webkit-progress-value { ::-webkit-progress-value {
transition: width 1s; transition: width 1s;

2
res/css/views/elements/_ReplyChain.scss
View file

@ -20,7 +20,7 @@ limitations under the License.
margin-right: 0; margin-right: 0;
margin-bottom: 8px; margin-bottom: 8px;
padding: 0 10px; padding: 0 10px;
border-left: 2px solid $accent-color; border-left: 2px solid $accent;
border-radius: 2px; border-radius: 2px;
.mx_ReplyChain_show { .mx_ReplyChain_show {

4
res/css/views/elements/_RichText.scss
View file

@ -48,7 +48,7 @@ a.mx_Pill {
} }
.mx_UserPill_selected { .mx_UserPill_selected {
background-color: $accent-color !important; background-color: $accent !important;
} }
/* More specific to override `.markdown-body a` color */ /* More specific to override `.markdown-body a` color */
@ -57,7 +57,7 @@ a.mx_Pill {
.mx_EventTile_content .mx_AtRoomPill, .mx_EventTile_content .mx_AtRoomPill,
.mx_MessageComposer_input .mx_AtRoomPill { .mx_MessageComposer_input .mx_AtRoomPill {
color: $accent-fg-color; color: $accent-fg-color;
background-color: $warning-color; background-color: $alert;
} }
/* More specific to override `.markdown-body a` color */ /* More specific to override `.markdown-body a` color */

6
res/css/views/elements/_SSOButtons.scss
View file

@ -46,13 +46,13 @@ limitations under the License.
} }
.mx_SSOButton_default { .mx_SSOButton_default {
color: $accent-color; color: $accent;
background-color: $button-secondary-bg-color; background-color: $button-secondary-bg-color;
border-color: $accent-color; border-color: $accent;
} }
.mx_SSOButton_default.mx_SSOButton_primary { .mx_SSOButton_default.mx_SSOButton_primary {
color: $button-primary-fg-color; color: $button-primary-fg-color;
background-color: $accent-color; background-color: $accent;
} }
.mx_SSOButton_mini { .mx_SSOButton_mini {

6
res/css/views/elements/_Slider.scss
View file

@ -56,7 +56,7 @@ limitations under the License.
position: absolute; position: absolute;
width: $slider-selection-dot-size; width: $slider-selection-dot-size;
height: $slider-selection-dot-size; height: $slider-selection-dot-size;
background-color: $accent-color; background-color: $accent;
border-radius: 50%; border-radius: 50%;
z-index: 10; z-index: 10;
} }
@ -72,7 +72,7 @@ limitations under the License.
.mx_Slider_selection > hr { .mx_Slider_selection > hr {
margin: 0; margin: 0;
border: 0.2em solid $accent-color; border: 0.2em solid $accent;
} }
.mx_Slider_dot { .mx_Slider_dot {
@ -84,7 +84,7 @@ limitations under the License.
} }
.mx_Slider_dotActive { .mx_Slider_dotActive {
background-color: $accent-color; background-color: $accent;
} }
.mx_Slider_dotValue { .mx_Slider_dotValue {

8
res/css/views/elements/_StyledCheckbox.scss
View file

@ -87,18 +87,18 @@ limitations under the License.
} }
&:checked + label > .mx_Checkbox_background { &:checked + label > .mx_Checkbox_background {
background: $accent-color; background: $accent;
border-color: $accent-color; border-color: $accent;
} }
} }
.mx_Checkbox.mx_Checkbox_kind_outline input[type=checkbox] { .mx_Checkbox.mx_Checkbox_kind_outline input[type=checkbox] {
& + label > .mx_Checkbox_background .mx_Checkbox_checkmark { & + label > .mx_Checkbox_background .mx_Checkbox_checkmark {
background: $accent-color; background: $accent;
} }
&:checked + label > .mx_Checkbox_background { &:checked + label > .mx_Checkbox_background {
background: transparent; background: transparent;
border-color: $accent-color; border-color: $accent;
} }
} }

4
res/css/views/elements/_StyledRadioButton.scss
View file

@ -21,7 +21,7 @@ limitations under the License.
.mx_StyledRadioButton { .mx_StyledRadioButton {
$radio-circle-color: $quaternary-content; $radio-circle-color: $quaternary-content;
$active-radio-circle-color: $accent-color; $active-radio-circle-color: $accent;
position: relative; position: relative;
display: flex; display: flex;
@ -126,5 +126,5 @@ limitations under the License.
} }
.mx_StyledRadioButton_checked { .mx_StyledRadioButton_checked {
border-color: $accent-color; border-color: $accent;
} }

2
res/css/views/elements/_ToggleSwitch.scss
View file

@ -32,7 +32,7 @@ limitations under the License.
} }
.mx_ToggleSwitch.mx_ToggleSwitch_on { .mx_ToggleSwitch.mx_ToggleSwitch_on {
background-color: $accent-color; background-color: $accent;
> .mx_ToggleSwitch_ball { > .mx_ToggleSwitch_ball {
left: calc(100% - $font-20px); left: calc(100% - $font-20px);

8
res/css/views/elements/_Validation.scss
View file

@ -50,20 +50,20 @@ limitations under the License.
} }
&.mx_Validation_valid { &.mx_Validation_valid {
color: $accent-color; color: $accent;
&::before { &::before {
mask-image: url('$(res)/img/feather-customised/check.svg'); mask-image: url('$(res)/img/feather-customised/check.svg');
background-color: $accent-color; background-color: $accent;
} }
} }
&.mx_Validation_invalid { &.mx_Validation_invalid {
color: $warning-color; color: $alert;
&::before { &::before {
mask-image: url('$(res)/img/feather-customised/x.svg'); mask-image: url('$(res)/img/feather-customised/x.svg');
background-color: $warning-color; background-color: $alert;
} }
} }
} }

6
res/css/views/emojipicker/_EmojiPicker.scss
View file

@ -52,7 +52,7 @@ limitations under the License.
&:not(:disabled):hover { &:not(:disabled):hover {
background-color: $focus-bg-color; background-color: $focus-bg-color;
border-bottom: 2px solid $accent-color; border-bottom: 2px solid $accent;
} }
} }
@ -82,7 +82,7 @@ limitations under the License.
.mx_EmojiPicker_anchor_symbols::before { mask-image: url('$(res)/img/emojipicker/symbols.svg'); } .mx_EmojiPicker_anchor_symbols::before { mask-image: url('$(res)/img/emojipicker/symbols.svg'); }
.mx_EmojiPicker_anchor_visible { .mx_EmojiPicker_anchor_visible {
border-bottom: 2px solid $accent-color; border-bottom: 2px solid $accent;
} }
.mx_EmojiPicker_search { .mx_EmojiPicker_search {
@ -178,7 +178,7 @@ limitations under the License.
.mx_EmojiPicker_item_selected { .mx_EmojiPicker_item_selected {
color: rgba(0, 0, 0, .5); color: rgba(0, 0, 0, .5);
border: 1px solid $accent-color; border: 1px solid $accent;
padding: 4px; padding: 4px;
} }

6
res/css/views/messages/_MFileBody.scss
View file

@ -15,7 +15,7 @@ limitations under the License.
*/ */
.mx_MFileBody_download { .mx_MFileBody_download {
color: $accent-color; color: $accent;
.mx_MFileBody_download_icon { .mx_MFileBody_download_icon {
// 12px instead of 14px to better match surrounding font size // 12px instead of 14px to better match surrounding font size
@ -26,13 +26,13 @@ limitations under the License.
mask-position: center; mask-position: center;
mask-repeat: no-repeat; mask-repeat: no-repeat;
mask-image: url("$(res)/img/download.svg"); mask-image: url("$(res)/img/download.svg");
background-color: $accent-color; background-color: $accent;
display: inline-block; display: inline-block;
} }
} }
.mx_MFileBody_download a { .mx_MFileBody_download a {
color: $accent-color; color: $accent;
text-decoration: none; text-decoration: none;
cursor: pointer; cursor: pointer;
} }

4
res/css/views/messages/_MImageBody.scss
View file

@ -81,12 +81,12 @@ $timelineImageBorderRadius: 4px;
background-color: $header-panel-bg-color; background-color: $header-panel-bg-color;
.mx_HiddenImagePlaceholder_button { .mx_HiddenImagePlaceholder_button {
color: $accent-color; color: $accent;
span.mx_HiddenImagePlaceholder_eye { span.mx_HiddenImagePlaceholder_eye {
margin-right: 8px; margin-right: 8px;
background-color: $accent-color; background-color: $accent;
mask-image: url('$(res)/img/feather-customised/eye.svg'); mask-image: url('$(res)/img/feather-customised/eye.svg');
display: inline-block; display: inline-block;
width: 18px; width: 18px;

2
res/css/views/messages/_ReactionsRowButton.scss
View file

@ -32,7 +32,7 @@ limitations under the License.
&.mx_ReactionsRowButton_selected { &.mx_ReactionsRowButton_selected {
background-color: $reaction-row-button-selected-bg-color; background-color: $reaction-row-button-selected-bg-color;
border-color: $accent-color; border-color: $accent;
} }
&.mx_AccessibleButton_disabled { &.mx_AccessibleButton_disabled {

2
res/css/views/messages/_TextualEvent.scss
View file

@ -19,7 +19,7 @@ limitations under the License.
overflow-y: hidden; overflow-y: hidden;
a { a {
color: $accent-color; color: $accent;
cursor: pointer; cursor: pointer;
} }
} }

2
res/css/views/messages/_ViewSourceEvent.scss
View file

@ -34,7 +34,7 @@ limitations under the License.
mask-position: 0 center; mask-position: 0 center;
mask-size: auto 12px; mask-size: auto 12px;
visibility: hidden; visibility: hidden;
background-color: $accent-color; background-color: $accent;
mask-image: url('$(res)/img/feather-customised/maximise.svg'); mask-image: url('$(res)/img/feather-customised/maximise.svg');
} }

4
res/css/views/messages/_common_CryptoEvent.scss
View file

@ -31,12 +31,12 @@ limitations under the License.
&.mx_cryptoEvent_icon_verified::after { &.mx_cryptoEvent_icon_verified::after {
mask-image: url("$(res)/img/e2e/verified.svg"); mask-image: url("$(res)/img/e2e/verified.svg");
background-color: $accent-color; background-color: $accent;
} }
&.mx_cryptoEvent_icon_warning::after { &.mx_cryptoEvent_icon_warning::after {
mask-image: url("$(res)/img/e2e/warning.svg"); mask-image: url("$(res)/img/e2e/warning.svg");
background-color: $notice-primary-color; background-color: $alert;
} }
.mx_cryptoEvent_state, .mx_cryptoEvent_buttons { .mx_cryptoEvent_state, .mx_cryptoEvent_buttons {

2
res/css/views/right_panel/_RoomSummaryCard.scss
View file

@ -190,7 +190,7 @@ limitations under the License.
} }
.mx_RoomSummaryCard_app_pinToggle::before { .mx_RoomSummaryCard_app_pinToggle::before {
background-color: $accent-color; background-color: $accent;
} }
} }

8
res/css/views/right_panel/_UserInfo.scss
View file

@ -188,12 +188,12 @@ limitations under the License.
.mx_UserInfo_field { .mx_UserInfo_field {
cursor: pointer; cursor: pointer;
color: $accent-color; color: $accent;
line-height: $font-16px; line-height: $font-16px;
margin: 8px 0; margin: 8px 0;
&.mx_UserInfo_destructive { &.mx_UserInfo_destructive {
color: $warning-color; color: $alert;
} }
} }
@ -225,12 +225,12 @@ limitations under the License.
&.mx_UserInfo_device_verified { &.mx_UserInfo_device_verified {
.mx_UserInfo_device_trusted { .mx_UserInfo_device_trusted {
color: $accent-color; color: $accent;
} }
} }
&.mx_UserInfo_device_unverified { &.mx_UserInfo_device_unverified {
.mx_UserInfo_device_trusted { .mx_UserInfo_device_trusted {
color: $warning-color; color: $alert;
} }
} }

2
res/css/views/right_panel/_WidgetCard.scss
View file

@ -58,6 +58,6 @@ limitations under the License.
} }
.mx_WidgetCard_maxPinnedTooltip { .mx_WidgetCard_maxPinnedTooltip {
background-color: $notice-primary-color; background-color: $alert;
color: #ffffff; color: #ffffff;
} }

4
res/css/views/room_settings/_AliasSettings.scss
View file

@ -22,7 +22,7 @@ limitations under the License.
} }
.mx_AliasSettings_editable:focus { .mx_AliasSettings_editable:focus {
border-bottom: 1px solid $accent-color; border-bottom: 1px solid $accent;
outline: none; outline: none;
box-shadow: none; box-shadow: none;
} }
@ -30,7 +30,7 @@ limitations under the License.
.mx_AliasSettings { .mx_AliasSettings {
summary { summary {
cursor: pointer; cursor: pointer;
color: $accent-color; color: $accent;
font-weight: 600; font-weight: 600;
list-style: none; list-style: none;

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

@ -310,7 +310,7 @@ $MinWidth: 240px;
.mx_AppPermissionWarning_helpIcon::before { .mx_AppPermissionWarning_helpIcon::before {
display: inline-block; display: inline-block;
background-color: $accent-color; background-color: $accent;
mask-repeat: no-repeat; mask-repeat: no-repeat;
mask-size: 12px; mask-size: 12px;
width: 12px; width: 12px;

4
res/css/views/rooms/_E2EIcon.scss
View file

@ -65,7 +65,7 @@ limitations under the License.
.mx_E2EIcon_warning::after { .mx_E2EIcon_warning::after {
mask-image: url('$(res)/img/e2e/warning.svg'); mask-image: url('$(res)/img/e2e/warning.svg');
background-color: $notice-primary-color; background-color: $alert;
} }
.mx_E2EIcon_normal::after { .mx_E2EIcon_normal::after {
@ -75,5 +75,5 @@ limitations under the License.
.mx_E2EIcon_verified::after { .mx_E2EIcon_verified::after {
mask-image: url('$(res)/img/e2e/verified.svg'); mask-image: url('$(res)/img/e2e/verified.svg');
background-color: $accent-color; background-color: $accent;
} }

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

@ -32,7 +32,7 @@ limitations under the License.
padding: 3px 6px; padding: 3px 6px;
&:focus { &:focus {
border-color: $accent-color-50pct; border-color: rgba($accent, 0.5); // Only ever used here
} }
} }

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

@ -43,7 +43,7 @@ limitations under the License.
background-color: $event-highlight-bg-color; background-color: $event-highlight-bg-color;
} }
color: $warning-color; color: $alert;
} }
/* For replies */ /* For replies */

12
res/css/views/rooms/_EventTile.scss
View file

@ -121,14 +121,14 @@ $left-gutter: 64px;
* TODO: ultimately we probably want some transition on here. * TODO: ultimately we probably want some transition on here.
*/ */
&.mx_EventTile_selected > .mx_EventTile_line { &.mx_EventTile_selected > .mx_EventTile_line {
border-left: $accent-color $selected-message-border-width solid; border-left: $accent $selected-message-border-width solid;
padding-left: calc($left-gutter - $selected-message-border-width); padding-left: calc($left-gutter - $selected-message-border-width);
background-color: $event-selected-color; background-color: $event-selected-color;
} }
&.mx_EventTile_highlight, &.mx_EventTile_highlight,
&.mx_EventTile_highlight .markdown-body { &.mx_EventTile_highlight .markdown-body {
color: $warning-color; color: $alert;
.mx_EventTile_line { .mx_EventTile_line {
background-color: $event-highlight-bg-color; background-color: $event-highlight-bg-color;
@ -146,7 +146,7 @@ $left-gutter: 64px;
} }
.mx_EventTile_searchHighlight { .mx_EventTile_searchHighlight {
background-color: $accent-color; background-color: $accent;
color: $accent-fg-color; color: $accent-fg-color;
border-radius: 5px; border-radius: 5px;
padding-left: 2px; padding-left: 2px;
@ -155,7 +155,7 @@ $left-gutter: 64px;
} }
.mx_EventTile_searchHighlight a { .mx_EventTile_searchHighlight a {
background-color: $accent-color; background-color: $accent;
color: $accent-fg-color; color: $accent-fg-color;
} }
@ -435,7 +435,7 @@ $left-gutter: 64px;
.mx_EventTile_e2eIcon_warning { .mx_EventTile_e2eIcon_warning {
&::after { &::after {
mask-image: url('$(res)/img/e2e/warning.svg'); mask-image: url('$(res)/img/e2e/warning.svg');
background-color: $notice-primary-color; background-color: $alert;
} }
opacity: 1; opacity: 1;
} }
@ -582,7 +582,7 @@ $left-gutter: 64px;
} }
.mx_EventTile_content .markdown-body a { .mx_EventTile_content .markdown-body a {
color: $accent-color-alt; color: $accent-alt;
} }
.mx_EventTile_content .markdown-body blockquote { .mx_EventTile_content .markdown-body blockquote {

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

@ -47,7 +47,7 @@ limitations under the License.
.mx_JumpToBottomButton_highlight .mx_JumpToBottomButton_badge { .mx_JumpToBottomButton_highlight .mx_JumpToBottomButton_badge {
color: $secondary-accent-color; color: $secondary-accent-color;
background-color: $warning-color; background-color: $alert;
} }
.mx_JumpToBottomButton_scrollDown { .mx_JumpToBottomButton_scrollDown {

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

@ -32,7 +32,7 @@ limitations under the License.
} }
> .mx_AccessibleButton { > .mx_AccessibleButton {
color: $accent-color; color: $accent;
text-align: center; text-align: center;
} }
} }

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

@ -86,7 +86,7 @@ limitations under the License.
.mx_MemberList_invite { .mx_MemberList_invite {
flex: 0 0 auto; flex: 0 0 auto;
position: relative; position: relative;
background-color: $accent-color; background-color: $accent;
border-radius: 4px; border-radius: 4px;
margin: 5px 9px 9px; margin: 5px 9px 9px;
display: flex; display: flex;

16
res/css/views/rooms/_MessageComposer.scss
View file

@ -170,18 +170,18 @@ limitations under the License.
/* hack for FF as vertical alignment of custom placeholder text is broken */ /* hack for FF as vertical alignment of custom placeholder text is broken */
.mx_MessageComposer_input textarea::-moz-placeholder { .mx_MessageComposer_input textarea::-moz-placeholder {
line-height: 100%; line-height: 100%;
color: $accent-color; color: $accent;
opacity: 1.0; opacity: 1.0;
} }
.mx_MessageComposer_input textarea::-webkit-input-placeholder { .mx_MessageComposer_input textarea::-webkit-input-placeholder {
color: $accent-color; color: $accent;
} }
.mx_MessageComposer_button_highlight { .mx_MessageComposer_button_highlight {
background: rgba($accent-color, 0.25); background: rgba($accent, 0.25);
// make the icon the accent color too // make the icon the accent color too
&::before { &::before {
background-color: $accent-color !important; background-color: $accent !important;
} }
} }
@ -234,16 +234,16 @@ limitations under the License.
&:hover, &:hover,
&.mx_MessageComposer_closeButtonMenu { &.mx_MessageComposer_closeButtonMenu {
&::after { &::after {
background: rgba($accent-color, 0.1); background: rgba($accent, 0.1);
} }
&::before { &::before {
background-color: $accent-color; background-color: $accent;
} }
} }
&.mx_MessageComposer_hangup:not(.mx_AccessibleButton_disabled)::before { &.mx_MessageComposer_hangup:not(.mx_AccessibleButton_disabled)::before {
background-color: $warning-color; background-color: $alert;
} }
} }
@ -282,7 +282,7 @@ limitations under the License.
width: 32px; width: 32px;
height: 32px; height: 32px;
border-radius: 100%; border-radius: 100%;
background-color: $accent-color; background-color: $accent;
&::before { &::before {
position: absolute; position: absolute;

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

@ -36,7 +36,7 @@ limitations under the License.
&.mx_NotificationBadge_highlighted { &.mx_NotificationBadge_highlighted {
// TODO: Use a more specific variable // TODO: Use a more specific variable
background-color: $warning-color; background-color: $alert;
} }
// These are the 3 background types // These are the 3 background types

12
res/css/views/rooms/_RoomHeader.scss
View file

@ -63,7 +63,7 @@ limitations under the License.
} }
.mx_RoomHeader_textButton_danger { .mx_RoomHeader_textButton_danger {
background-color: $warning-color; background-color: $alert;
} }
.mx_RoomHeader_cancelButton { .mx_RoomHeader_cancelButton {
@ -145,7 +145,7 @@ limitations under the License.
} }
.mx_RoomHeader_name:hover div:not(.mx_RoomHeader_editable) { .mx_RoomHeader_name:hover div:not(.mx_RoomHeader_editable) {
color: $accent-color; color: $accent;
} }
.mx_RoomHeader_placeholder { .mx_RoomHeader_placeholder {
@ -159,7 +159,7 @@ limitations under the License.
} }
.mx_RoomHeader_editable:focus { .mx_RoomHeader_editable:focus {
border-bottom: 1px solid $accent-color !important; border-bottom: 1px solid $accent !important;
outline: none; outline: none;
box-shadow: none; box-shadow: none;
} }
@ -228,10 +228,10 @@ limitations under the License.
} }
&:hover { &:hover {
background: rgba($accent-color, 0.1); background: rgba($accent, 0.1);
&::before { &::before {
background-color: $accent-color; background-color: $accent;
} }
} }
} }
@ -245,7 +245,7 @@ limitations under the License.
mask-image: url('$(res)/img/element-icons/room/apps.svg'); mask-image: url('$(res)/img/element-icons/room/apps.svg');
} }
.mx_RoomHeader_appsButton_highlight::before { .mx_RoomHeader_appsButton_highlight::before {
background-color: $accent-color; background-color: $accent;
} }
.mx_RoomHeader_searchButton::before { .mx_RoomHeader_searchButton::before {

6
res/css/views/rooms/_RoomUpgradeWarningBar.scss
View file

@ -34,16 +34,16 @@ limitations under the License.
} }
.mx_RoomUpgradeWarningBar_header { .mx_RoomUpgradeWarningBar_header {
color: $warning-color; color: $alert;
font-weight: bold; font-weight: bold;
} }
.mx_RoomUpgradeWarningBar_body { .mx_RoomUpgradeWarningBar_body {
color: $warning-color; color: $alert;
} }
.mx_RoomUpgradeWarningBar_upgradelink { .mx_RoomUpgradeWarningBar_upgradelink {
color: $warning-color; color: $alert;
text-decoration: underline; text-decoration: underline;
} }

6
res/css/views/rooms/_SearchBar.scss
View file

@ -31,7 +31,7 @@ limitations under the License.
cursor: pointer; cursor: pointer;
width: 37px; width: 37px;
height: 37px; height: 37px;
background-color: $accent-color; background-color: $accent;
mask: url('$(res)/img/feather-customised/search-input.svg'); mask: url('$(res)/img/feather-customised/search-input.svg');
mask-repeat: no-repeat; mask-repeat: no-repeat;
mask-position: center; mask-position: center;
@ -48,7 +48,7 @@ limitations under the License.
font-size: $font-15px; font-size: $font-15px;
cursor: pointer; cursor: pointer;
color: $primary-content; color: $primary-content;
border-bottom: 2px solid $accent-color; border-bottom: 2px solid $accent;
font-weight: 600; font-weight: 600;
} }
@ -58,7 +58,7 @@ limitations under the License.
} }
.mx_SearchBar_cancel { .mx_SearchBar_cancel {
background-color: $warning-color; background-color: $alert;
mask: url('$(res)/img/cancel.svg'); mask: url('$(res)/img/cancel.svg');
mask-repeat: no-repeat; mask-repeat: no-repeat;
mask-position: center; mask-position: center;

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

@ -42,7 +42,7 @@
.mx_Stickers_addLink { .mx_Stickers_addLink {
display: inline; display: inline;
cursor: pointer; cursor: pointer;
color: $accent-color; color: $accent;
} }
.mx_Stickers_hideStickers { .mx_Stickers_hideStickers {

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

@ -33,7 +33,7 @@ limitations under the License.
height: 4px; height: 4px;
border-radius: 16px; border-radius: 16px;
background-color: $secondary-accent-color; background-color: $secondary-accent-color;
border: 6px solid $accent-color; border: 6px solid $accent;
pointer-events: none; pointer-events: none;
} }

2
res/css/views/settings/_IntegrationManager.scss
View file

@ -40,5 +40,5 @@ limitations under the License.
} }
.mx_IntegrationManager_error h3 { .mx_IntegrationManager_error h3 {
color: $warning-color; color: $alert;
} }

4
res/css/views/settings/_JoinRuleSettings.scss
View file

@ -17,9 +17,9 @@ limitations under the License.
.mx_JoinRuleSettings_upgradeRequired { .mx_JoinRuleSettings_upgradeRequired {
margin-left: 16px; margin-left: 16px;
padding: 4px 16px; padding: 4px 16px;
border: 1px solid $accent-color; border: 1px solid $accent;
border-radius: 8px; border-radius: 8px;
color: $accent-color; color: $accent;
font-size: $font-12px; font-size: $font-12px;
line-height: $font-15px; line-height: $font-15px;
} }

4
res/css/views/settings/_LayoutSwitcher.scss
View file

@ -57,7 +57,7 @@ limitations under the License.
} }
&.mx_LayoutSwitcher_RadioButton_selected { &.mx_LayoutSwitcher_RadioButton_selected {
border-color: $accent-color; border-color: $accent;
} }
} }
@ -70,7 +70,7 @@ limitations under the License.
} }
.mx_StyledRadioButton_checked { .mx_StyledRadioButton_checked {
background-color: rgba($accent-color, 0.08); background-color: rgba($accent, 0.08);
} }
.mx_EventTile { .mx_EventTile {

8
res/css/views/settings/tabs/_SettingsTab.scss
View file

@ -15,11 +15,11 @@ limitations under the License.
*/ */
.mx_SettingsTab { .mx_SettingsTab {
color: $muted-fg-color; color: $primary-content;
} }
.mx_SettingsTab_warningText { .mx_SettingsTab_warningText {
color: $warning-color; color: $alert;
} }
.mx_SettingsTab_heading { .mx_SettingsTab_heading {
@ -91,10 +91,10 @@ limitations under the License.
.mx_SettingsTab_linkBtn { .mx_SettingsTab_linkBtn {
cursor: pointer; cursor: pointer;
color: $accent-color; color: $accent;
word-break: break-all; word-break: break-all;
} }
.mx_SettingsTab a { .mx_SettingsTab a {
color: $accent-color-alt; color: $accent-alt;
} }

2
res/css/views/settings/tabs/user/_AppearanceUserSettingsTab.scss
View file

@ -32,7 +32,7 @@ limitations under the License.
} }
.mx_AppearanceUserSettingsTab_AdvancedToggle { .mx_AppearanceUserSettingsTab_AdvancedToggle {
color: $accent-color; color: $accent;
cursor: pointer; cursor: pointer;
} }

4
res/css/views/settings/tabs/user/_SecurityUserSettingsTab.scss
View file

@ -35,7 +35,7 @@ limitations under the License.
} }
.mx_SecurityUserSettingsTab_warning { .mx_SecurityUserSettingsTab_warning {
color: $notice-primary-color; color: $alert;
position: relative; position: relative;
padding-left: 40px; padding-left: 40px;
margin-top: 30px; margin-top: 30px;
@ -50,7 +50,7 @@ limitations under the License.
content: ""; content: "";
top: 0; top: 0;
left: 0; left: 0;
background-color: $notice-primary-color; background-color: $alert;
mask-image: url('$(res)/img/feather-customised/alert-triangle.svg'); mask-image: url('$(res)/img/feather-customised/alert-triangle.svg');
} }
} }

2
res/css/views/spaces/_SpaceBasicSettings.scss
View file

@ -69,7 +69,7 @@ limitations under the License.
} }
> .mx_SpaceBasicSettings_avatar_remove { > .mx_SpaceBasicSettings_avatar_remove {
color: $notice-primary-color; color: $alert;
} }
} }

2
res/css/views/spaces/_SpaceCreateMenu.scss
View file

@ -116,7 +116,7 @@ $spacePanelWidth: 68px;
} }
.mx_AccessibleButton_kind_link { .mx_AccessibleButton_kind_link {
color: $accent-color; color: $accent;
position: relative; position: relative;
padding: 0; padding: 0;
margin-left: 8px; margin-left: 8px;

4
res/css/views/terms/_InlineTermsAgreement.scss
View file

@ -19,7 +19,7 @@ limitations under the License.
font-size: $font-14px; font-size: $font-14px;
a { a {
color: $accent-color; color: $accent;
text-decoration: none; text-decoration: none;
} }
@ -35,7 +35,7 @@ limitations under the License.
.mx_InlineTermsAgreement_link { .mx_InlineTermsAgreement_link {
display: inline-block; display: inline-block;
mask-image: url('$(res)/img/external-link.svg'); mask-image: url('$(res)/img/external-link.svg');
background-color: $accent-color; background-color: $accent;
mask-repeat: no-repeat; mask-repeat: no-repeat;
mask-size: contain; mask-size: contain;
width: 12px; width: 12px;

Some files were not shown because too many files have changed in this diff Show more