Merge pull request #6963 from SimonBrandner/task/colors-5
Color clean-up numero cinco
This commit is contained in:
@@ -51,7 +51,7 @@ $groupFilterPanelWidth: 56px; // only applies in this file, used for calculation
|
||||
height: 0px;
|
||||
width: 90%;
|
||||
border: none;
|
||||
border-bottom: 1px solid $groupFilterPanel-divider-color;
|
||||
border-bottom: 1px solid $tertiary-content;
|
||||
}
|
||||
|
||||
.mx_GroupFilterPanel .mx_GroupFilterPanel_scroller {
|
||||
|
||||
@@ -24,7 +24,7 @@ limitations under the License.
|
||||
align-items: center;
|
||||
|
||||
height: 24px;
|
||||
color: $roomlist-header-color;
|
||||
color: $tertiary-content;
|
||||
margin-top: 4px;
|
||||
|
||||
.mx_LeftPanelWidget_stickable {
|
||||
@@ -62,7 +62,7 @@ limitations under the License.
|
||||
mask-position: center;
|
||||
mask-size: contain;
|
||||
mask-repeat: no-repeat;
|
||||
background-color: $roomlist-header-color;
|
||||
background-color: $tertiary-content;
|
||||
mask-image: url('$(res)/img/feather-customised/chevron-down.svg');
|
||||
}
|
||||
|
||||
|
||||
@@ -49,7 +49,7 @@ $activeBorderColor: $secondary-content;
|
||||
mask-repeat: no-repeat;
|
||||
margin-left: $gutterSize;
|
||||
margin-bottom: 12px;
|
||||
background-color: $roomlist-header-color;
|
||||
background-color: $tertiary-content;
|
||||
mask-image: url('$(res)/img/element-icons/expand-space-panel.svg');
|
||||
|
||||
&.expanded {
|
||||
@@ -170,7 +170,7 @@ $activeBorderColor: $secondary-content;
|
||||
mask-position: center;
|
||||
mask-size: 20px;
|
||||
mask-repeat: no-repeat;
|
||||
background-color: $roomlist-header-color;
|
||||
background-color: $tertiary-content;
|
||||
mask-image: url('$(res)/img/feather-customised/chevron-down.svg');
|
||||
}
|
||||
|
||||
|
||||
@@ -51,7 +51,7 @@ limitations under the License.
|
||||
}
|
||||
|
||||
.mx_CompleteSecurity_waiting {
|
||||
color: $notice-secondary-color;
|
||||
color: $tertiary-content;
|
||||
}
|
||||
|
||||
.mx_CompleteSecurity_actionRow {
|
||||
|
||||
@@ -21,12 +21,12 @@ limitations under the License.
|
||||
min-width: 32px; // for when the button is used in a flexbox
|
||||
min-height: 32px; // for when the button is used in a flexbox
|
||||
border-radius: 32px;
|
||||
background-color: $voice-playback-button-bg-color;
|
||||
background-color: $system;
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
position: absolute; // sizing varies by icon
|
||||
background-color: $voice-playback-button-fg-color;
|
||||
background-color: $secondary-content;
|
||||
mask-repeat: no-repeat;
|
||||
mask-size: contain;
|
||||
}
|
||||
|
||||
@@ -31,7 +31,7 @@ limitations under the License.
|
||||
|
||||
.mx_Waveform {
|
||||
.mx_Waveform_bar {
|
||||
background-color: $voice-record-waveform-incomplete-fg-color;
|
||||
background-color: $quaternary-content;
|
||||
height: 100%;
|
||||
/* Variable set by a JS component */
|
||||
transform: scaleY(max(0.05, var(--barHeight)));
|
||||
|
||||
@@ -33,5 +33,5 @@ limitations under the License.
|
||||
|
||||
.mx_NewSessionReviewDialog_deviceID {
|
||||
font-size: $font-12px;
|
||||
color: $notice-secondary-color;
|
||||
color: $tertiary-content;
|
||||
}
|
||||
|
||||
@@ -128,7 +128,7 @@ limitations under the License.
|
||||
font-size: $font-10px;
|
||||
transform: translateY(-13px);
|
||||
padding: 0 2px;
|
||||
background-color: $field-focused-label-bg-color;
|
||||
background-color: $background;
|
||||
pointer-events: initial;
|
||||
}
|
||||
|
||||
@@ -144,7 +144,7 @@ limitations under the License.
|
||||
.mx_Field input:disabled + label,
|
||||
.mx_Field textarea:disabled,
|
||||
.mx_Field textarea:disabled + label {
|
||||
background-color: $field-focused-label-bg-color;
|
||||
background-color: $background;
|
||||
color: $greyed-fg-color;
|
||||
}
|
||||
|
||||
|
||||
@@ -56,7 +56,7 @@ limitations under the License.
|
||||
padding: 10px 20px;
|
||||
margin: auto 0;
|
||||
text-align: center;
|
||||
color: $notice-secondary-color;
|
||||
color: $tertiary-content;
|
||||
overflow-wrap: break-word;
|
||||
font-size: $font-12px;
|
||||
}
|
||||
|
||||
@@ -122,7 +122,7 @@ limitations under the License.
|
||||
|
||||
h3 {
|
||||
text-transform: uppercase;
|
||||
color: $notice-secondary-color;
|
||||
color: $tertiary-content;
|
||||
font-weight: 600;
|
||||
font-size: $font-12px;
|
||||
margin: 4px 0;
|
||||
|
||||
@@ -122,7 +122,7 @@ limitations under the License.
|
||||
.mx_EntityTile_power {
|
||||
padding-inline-start: 6px;
|
||||
font-size: $font-10px;
|
||||
color: $notice-secondary-color;
|
||||
color: $tertiary-content;
|
||||
max-width: 6em;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
|
||||
@@ -48,7 +48,7 @@ limitations under the License.
|
||||
// to work correctly.
|
||||
padding-bottom: 8px;
|
||||
height: 24px;
|
||||
color: $roomlist-header-color;
|
||||
color: $tertiary-content;
|
||||
|
||||
.mx_RoomSublist_stickable {
|
||||
flex: 1;
|
||||
@@ -165,7 +165,7 @@ limitations under the License.
|
||||
mask-position: center;
|
||||
mask-size: contain;
|
||||
mask-repeat: no-repeat;
|
||||
background-color: $roomlist-header-color;
|
||||
background-color: $tertiary-content;
|
||||
mask-image: url('$(res)/img/feather-customised/chevron-down.svg');
|
||||
}
|
||||
|
||||
@@ -236,7 +236,7 @@ limitations under the License.
|
||||
cursor: pointer;
|
||||
font-size: $font-13px;
|
||||
line-height: $font-18px;
|
||||
color: $roomtile-preview-color;
|
||||
color: $secondary-content;
|
||||
|
||||
// Update the render() function for RoomSublist if these change
|
||||
// Update the ListLayout class for minVisibleTiles if these change.
|
||||
@@ -256,7 +256,7 @@ limitations under the License.
|
||||
mask-position: center;
|
||||
mask-size: contain;
|
||||
mask-repeat: no-repeat;
|
||||
background: $roomlist-header-color;
|
||||
background: $tertiary-content;
|
||||
left: -1px; // adjust for image position
|
||||
}
|
||||
|
||||
@@ -368,7 +368,7 @@ limitations under the License.
|
||||
margin-top: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-right: 16px; // additional 16px
|
||||
border: 1px solid $roomsublist-divider-color;
|
||||
border: 1px solid $primary-content;
|
||||
opacity: 0.1;
|
||||
}
|
||||
|
||||
|
||||
@@ -71,7 +71,7 @@ limitations under the License.
|
||||
.mx_RoomTile_messagePreview {
|
||||
font-size: $font-13px;
|
||||
line-height: $font-18px;
|
||||
color: $roomtile-preview-color;
|
||||
color: $secondary-content;
|
||||
}
|
||||
|
||||
.mx_RoomTile_nameWithPreview {
|
||||
|
||||
Reference in New Issue
Block a user