Merge pull request #6963 from SimonBrandner/task/colors-5

Color clean-up numero cinco
This commit is contained in:
David Baker
2021-10-18 17:09:39 +01:00
committed by GitHub
18 changed files with 49 additions and 83 deletions
@@ -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;
}
+2 -2
View File
@@ -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;
}
+1 -1
View File
@@ -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;
+1 -1
View File
@@ -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;
+5 -5
View File
@@ -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;
}
+1 -1
View File
@@ -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 {