Color cleanup 8 (#7108)
* $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
GitHub
parent
5ad3261cb2
commit
9abb2f5ff4
111 changed files with 271 additions and 306 deletions
|
|
@ -44,7 +44,7 @@ limitations under the License.
|
|||
.mx_CustomRoomTagPanel .mx_AccessibleButton.CustomRoomTagPanel_tileSelected::before {
|
||||
content: '';
|
||||
height: 56px;
|
||||
background-color: $accent-color-alt;
|
||||
background-color: $accent-alt;
|
||||
width: 5px;
|
||||
position: absolute;
|
||||
left: -9px;
|
||||
|
|
|
|||
|
|
@ -152,7 +152,7 @@ $groupFilterPanelWidth: 56px; // only applies in this file, used for calculation
|
|||
.mx_GroupFilterPanel .mx_TagTile.mx_TagTile_selected::before {
|
||||
content: '';
|
||||
height: 100%;
|
||||
background-color: $accent-color;
|
||||
background-color: $accent;
|
||||
width: 4px;
|
||||
position: absolute;
|
||||
left: -12px;
|
||||
|
|
@ -203,5 +203,5 @@ $groupFilterPanelWidth: 56px; // only applies in this file, used for calculation
|
|||
}
|
||||
|
||||
.mx_TagTile_badgeHighlight {
|
||||
background-color: $warning-color;
|
||||
background-color: $alert;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -81,13 +81,13 @@ limitations under the License.
|
|||
}
|
||||
|
||||
.mx_GroupView_editable:focus {
|
||||
border-bottom: 1px solid $accent-color !important;
|
||||
border-bottom: 1px solid $accent !important;
|
||||
outline: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.mx_GroupView_header_isUserMember .mx_GroupView_header_name:hover div:not(.mx_GroupView_editable) {
|
||||
color: $accent-color;
|
||||
color: $accent;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
|
@ -229,7 +229,7 @@ limitations under the License.
|
|||
vertical-align: top;
|
||||
line-height: $font-24px;
|
||||
padding-left: 28px;
|
||||
color: $accent-color;
|
||||
color: $accent;
|
||||
}
|
||||
|
||||
.mx_GroupView_rooms .mx_RoomDetailList {
|
||||
|
|
|
|||
|
|
@ -77,7 +77,7 @@ limitations under the License.
|
|||
font-size: $font-15px;
|
||||
line-height: $font-20px;
|
||||
color: #fff; // on all themes
|
||||
background-color: $accent-color;
|
||||
background-color: $accent;
|
||||
|
||||
&::before {
|
||||
top: 20px;
|
||||
|
|
|
|||
|
|
@ -52,7 +52,7 @@ limitations under the License.
|
|||
|
||||
.mx_MatrixChat_syncError {
|
||||
color: $accent-fg-color;
|
||||
background-color: $warning-bg-color;
|
||||
background-color: #DF2A8B; // Only used here
|
||||
border-radius: 5px;
|
||||
display: table;
|
||||
padding: 30px;
|
||||
|
|
|
|||
|
|
@ -71,10 +71,10 @@ limitations under the License.
|
|||
}
|
||||
|
||||
&:hover {
|
||||
background: rgba($accent-color, 0.1);
|
||||
background: rgba($accent, 0.1);
|
||||
|
||||
&::before {
|
||||
background-color: $accent-color;
|
||||
background-color: $accent;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -104,7 +104,7 @@ limitations under the License.
|
|||
}
|
||||
|
||||
$dot-size: 8px;
|
||||
$pulse-color: $notice-primary-color;
|
||||
$pulse-color: $alert;
|
||||
|
||||
.mx_RightPanel_pinnedMessagesButton {
|
||||
&::before {
|
||||
|
|
@ -175,7 +175,7 @@ $pulse-color: $notice-primary-color;
|
|||
|
||||
.mx_RightPanel_headerButton_highlight {
|
||||
&::before {
|
||||
background-color: $accent-color !important;
|
||||
background-color: $accent !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -183,7 +183,7 @@ $pulse-color: $notice-primary-color;
|
|||
font-size: $font-8px;
|
||||
border-radius: 8px;
|
||||
color: $accent-fg-color;
|
||||
background-color: $accent-color;
|
||||
background-color: $accent;
|
||||
font-weight: bold;
|
||||
position: absolute;
|
||||
top: -4px;
|
||||
|
|
|
|||
|
|
@ -57,7 +57,7 @@ limitations under the License.
|
|||
|
||||
.mx_RoomStatusBar_unreadMessagesBar {
|
||||
padding-top: 10px;
|
||||
color: $warning-color;
|
||||
color: $alert;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
|
@ -96,7 +96,7 @@ limitations under the License.
|
|||
}
|
||||
|
||||
.mx_RoomStatusBar_unsentTitle {
|
||||
color: $warning-color;
|
||||
color: $alert;
|
||||
font-size: $font-15px;
|
||||
}
|
||||
|
||||
|
|
@ -167,7 +167,7 @@ limitations under the License.
|
|||
}
|
||||
|
||||
.mx_RoomStatusBar_connectionLostBar_title {
|
||||
color: $warning-color;
|
||||
color: $alert;
|
||||
}
|
||||
|
||||
.mx_RoomStatusBar_connectionLostBar_desc {
|
||||
|
|
|
|||
|
|
@ -103,7 +103,7 @@ limitations under the License.
|
|||
.mx_RoomView_auxPanel_hiddenHighlights {
|
||||
border-bottom: 1px solid $primary-hairline-color;
|
||||
padding: 10px 26px;
|
||||
color: $warning-color;
|
||||
color: $alert;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
|
@ -241,8 +241,8 @@ li.mx_RoomView_myReadMarker_container {
|
|||
}
|
||||
|
||||
hr.mx_RoomView_myReadMarker {
|
||||
border-top: solid 1px $accent-color;
|
||||
border-bottom: solid 1px $accent-color;
|
||||
border-top: solid 1px $accent;
|
||||
border-bottom: solid 1px $accent;
|
||||
margin-top: 0px;
|
||||
position: relative;
|
||||
top: -1px;
|
||||
|
|
@ -299,7 +299,7 @@ hr.mx_RoomView_myReadMarker {
|
|||
.mx_RoomView_ongoingConfCallNotification {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
background-color: $warning-color;
|
||||
background-color: $alert;
|
||||
color: $accent-fg-color;
|
||||
font-weight: bold;
|
||||
padding: 6px 0;
|
||||
|
|
|
|||
|
|
@ -99,7 +99,7 @@ limitations under the License.
|
|||
.mx_SpaceHierarchy_error {
|
||||
position: relative;
|
||||
font-weight: $font-semi-bold;
|
||||
color: $notice-primary-color;
|
||||
color: $alert;
|
||||
font-size: $font-15px;
|
||||
line-height: $font-18px;
|
||||
margin: 20px auto 12px;
|
||||
|
|
@ -238,7 +238,7 @@ limitations under the License.
|
|||
mask-position: center;
|
||||
mask-size: contain;
|
||||
mask-repeat: no-repeat;
|
||||
background-color: $accent-color;
|
||||
background-color: $accent;
|
||||
mask-image: url('$(res)/img/element-icons/roomlist/checkmark.svg');
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -324,10 +324,10 @@ $activeBorderColor: $secondary-content;
|
|||
}
|
||||
|
||||
.mx_IconizedContextMenu_optionList .mx_AccessibleButton.mx_SpacePanel_contextMenu_inviteButton {
|
||||
color: $accent-color;
|
||||
color: $accent;
|
||||
|
||||
.mx_SpacePanel_iconInvite::before {
|
||||
background-color: $accent-color;
|
||||
background-color: $accent;
|
||||
mask-image: url('$(res)/img/element-icons/room/invite.svg');
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -49,10 +49,10 @@ $SpaceRoomViewInnerWidth: 428px;
|
|||
}
|
||||
|
||||
&:hover {
|
||||
border-color: $accent-color;
|
||||
border-color: $accent;
|
||||
|
||||
&::before {
|
||||
background-color: $accent-color;
|
||||
background-color: $accent;
|
||||
}
|
||||
|
||||
> span {
|
||||
|
|
@ -128,7 +128,7 @@ $SpaceRoomViewInnerWidth: 428px;
|
|||
font-weight: $font-semi-bold;
|
||||
font-size: $font-12px;
|
||||
line-height: $font-15px;
|
||||
color: $notice-primary-color;
|
||||
color: $alert;
|
||||
margin-bottom: 28px;
|
||||
}
|
||||
|
||||
|
|
@ -427,11 +427,11 @@ $SpaceRoomViewInnerWidth: 428px;
|
|||
}
|
||||
|
||||
.mx_SpaceRoomView_inviteTeammates_inviteDialogButton {
|
||||
color: $accent-color;
|
||||
color: $accent;
|
||||
|
||||
&::before {
|
||||
mask-image: url('$(res)/img/element-icons/room/invite.svg');
|
||||
background-color: $accent-color;
|
||||
background-color: $accent;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -44,7 +44,7 @@ limitations under the License.
|
|||
}
|
||||
|
||||
.mx_TabbedView_tabLabel_active {
|
||||
background-color: $accent-color;
|
||||
background-color: $accent;
|
||||
color: $tab-label-active-fg-color;
|
||||
}
|
||||
|
||||
|
|
@ -89,14 +89,14 @@ limitations under the License.
|
|||
}
|
||||
|
||||
.mx_TabbedView_tabLabel_active {
|
||||
color: $accent-color;
|
||||
color: $accent;
|
||||
.mx_TabbedView_tabLabel_text {
|
||||
color: $accent-color;
|
||||
color: $accent;
|
||||
}
|
||||
}
|
||||
|
||||
.mx_TabbedView_tabLabel_active .mx_TabbedView_maskedIcon::before {
|
||||
background-color: $accent-color;
|
||||
background-color: $accent;
|
||||
}
|
||||
|
||||
.mx_TabbedView_maskedIcon {
|
||||
|
|
|
|||
|
|
@ -76,7 +76,7 @@ limitations under the License.
|
|||
|
||||
&::after {
|
||||
mask-image: url("$(res)/img/e2e/warning.svg");
|
||||
background-color: $notice-primary-color;
|
||||
background-color: $alert;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -63,7 +63,7 @@ limitations under the License.
|
|||
margin-inline-start: 18px;
|
||||
|
||||
&.warning {
|
||||
color: $warning-color;
|
||||
color: $alert;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -50,7 +50,7 @@ limitations under the License.
|
|||
}
|
||||
|
||||
.mx_Login_error {
|
||||
color: $warning-color;
|
||||
color: $alert;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
margin-top: 12px;
|
||||
|
|
@ -63,7 +63,7 @@ limitations under the License.
|
|||
}
|
||||
|
||||
.mx_Login_error.mx_Login_serverError.mx_Login_serverErrorNonFatal {
|
||||
color: $orange-warning-color;
|
||||
color: #ff8d13; // Only used here
|
||||
}
|
||||
|
||||
.mx_Login_type_container {
|
||||
|
|
@ -82,7 +82,7 @@ limitations under the License.
|
|||
|
||||
.mx_Login_underlinedServerName {
|
||||
width: max-content;
|
||||
border-bottom: 1px dashed $accent-color;
|
||||
border-bottom: 1px dashed $accent;
|
||||
}
|
||||
|
||||
div.mx_AccessibleButton_kind_link.mx_Login_forgot {
|
||||
|
|
|
|||
|
|
@ -19,6 +19,6 @@ limitations under the License.
|
|||
margin-top: $font-14px;
|
||||
|
||||
a.mx_SetupEncryptionBody_reset_link:is(:link, :hover, :visited) {
|
||||
color: $warning-color;
|
||||
color: $alert;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue