Fix regression on some colors. Introduce a temporary color, since the color values are not in Compound. temporaryColorBgSpecial
This commit is contained in:
parent
84fad3e7f3
commit
d60a590cb5
4 changed files with 11 additions and 3 deletions
|
|
@ -56,6 +56,7 @@ import io.element.android.libraries.designsystem.theme.components.Button
|
||||||
import io.element.android.libraries.designsystem.theme.components.Icon
|
import io.element.android.libraries.designsystem.theme.components.Icon
|
||||||
import io.element.android.libraries.designsystem.theme.components.Text
|
import io.element.android.libraries.designsystem.theme.components.Text
|
||||||
import io.element.android.libraries.designsystem.theme.components.TextButton
|
import io.element.android.libraries.designsystem.theme.components.TextButton
|
||||||
|
import io.element.android.libraries.designsystem.theme.temporaryColorBgSpecial
|
||||||
import io.element.android.libraries.designsystem.utils.LogCompositions
|
import io.element.android.libraries.designsystem.utils.LogCompositions
|
||||||
import io.element.android.libraries.theme.ElementTheme
|
import io.element.android.libraries.theme.ElementTheme
|
||||||
import io.element.android.libraries.ui.strings.CommonStrings
|
import io.element.android.libraries.ui.strings.CommonStrings
|
||||||
|
|
@ -159,7 +160,7 @@ private fun AnalyticsOptInContentRow(
|
||||||
modifier = modifier
|
modifier = modifier
|
||||||
.fillMaxWidth()
|
.fillMaxWidth()
|
||||||
.background(
|
.background(
|
||||||
color = ElementTheme.materialColors.surfaceVariant,
|
color = ElementTheme.colors.temporaryColorBgSpecial,
|
||||||
shape = bgShape,
|
shape = bgShape,
|
||||||
)
|
)
|
||||||
.padding(vertical = 12.dp, horizontal = 20.dp),
|
.padding(vertical = 12.dp, horizontal = 20.dp),
|
||||||
|
|
|
||||||
|
|
@ -36,6 +36,7 @@ import androidx.compose.ui.unit.dp
|
||||||
import io.element.android.libraries.designsystem.preview.ElementPreviewDark
|
import io.element.android.libraries.designsystem.preview.ElementPreviewDark
|
||||||
import io.element.android.libraries.designsystem.preview.ElementPreviewLight
|
import io.element.android.libraries.designsystem.preview.ElementPreviewLight
|
||||||
import io.element.android.libraries.designsystem.theme.components.Icon
|
import io.element.android.libraries.designsystem.theme.components.Icon
|
||||||
|
import io.element.android.libraries.designsystem.theme.temporaryColorBgSpecial
|
||||||
import io.element.android.libraries.theme.ElementTheme
|
import io.element.android.libraries.theme.ElementTheme
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|
@ -59,7 +60,7 @@ fun RoundedIconAtom(
|
||||||
modifier = modifier
|
modifier = modifier
|
||||||
.size(size.toContainerSize())
|
.size(size.toContainerSize())
|
||||||
.background(
|
.background(
|
||||||
color = ElementTheme.materialColors.surfaceVariant,
|
color = ElementTheme.colors.temporaryColorBgSpecial,
|
||||||
shape = RoundedCornerShape(size.toCornerSize())
|
shape = RoundedCornerShape(size.toCornerSize())
|
||||||
)
|
)
|
||||||
) {
|
) {
|
||||||
|
|
|
||||||
|
|
@ -65,6 +65,10 @@ val SemanticColors.messageFromOtherBackground
|
||||||
Color(0xFF26282D)
|
Color(0xFF26282D)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Temporary color, which is not in the token right now
|
||||||
|
val SemanticColors.temporaryColorBgSpecial
|
||||||
|
get() = if (isLight) Color(0xFFE4E8F0) else Color(0xFF3A4048)
|
||||||
|
|
||||||
@Preview
|
@Preview
|
||||||
@Composable
|
@Composable
|
||||||
internal fun ColorAliasesLightPreview() = ElementPreviewLight { ContentToPreview() }
|
internal fun ColorAliasesLightPreview() = ElementPreviewLight { ContentToPreview() }
|
||||||
|
|
@ -86,6 +90,7 @@ private fun ContentToPreview() {
|
||||||
"placeholderBackground" to ElementTheme.colors.placeholderBackground,
|
"placeholderBackground" to ElementTheme.colors.placeholderBackground,
|
||||||
"messageFromMeBackground" to ElementTheme.colors.messageFromMeBackground,
|
"messageFromMeBackground" to ElementTheme.colors.messageFromMeBackground,
|
||||||
"messageFromOtherBackground" to ElementTheme.colors.messageFromOtherBackground,
|
"messageFromOtherBackground" to ElementTheme.colors.messageFromOtherBackground,
|
||||||
|
"temporaryColorBgSpecial" to ElementTheme.colors.temporaryColorBgSpecial,
|
||||||
)
|
)
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -40,6 +40,7 @@ import io.element.android.libraries.designsystem.preview.ElementPreviewDark
|
||||||
import io.element.android.libraries.designsystem.preview.ElementPreviewLight
|
import io.element.android.libraries.designsystem.preview.ElementPreviewLight
|
||||||
import io.element.android.libraries.designsystem.preview.debugPlaceholderBackground
|
import io.element.android.libraries.designsystem.preview.debugPlaceholderBackground
|
||||||
import io.element.android.libraries.designsystem.theme.components.Icon
|
import io.element.android.libraries.designsystem.theme.components.Icon
|
||||||
|
import io.element.android.libraries.designsystem.theme.temporaryColorBgSpecial
|
||||||
import io.element.android.libraries.theme.ElementTheme
|
import io.element.android.libraries.theme.ElementTheme
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|
@ -69,7 +70,7 @@ fun UnsavedAvatar(
|
||||||
contentDescription = null,
|
contentDescription = null,
|
||||||
)
|
)
|
||||||
} else {
|
} else {
|
||||||
Box(modifier = commonModifier.background(ElementTheme.materialColors.surfaceVariant)) {
|
Box(modifier = commonModifier.background(ElementTheme.colors.temporaryColorBgSpecial)) {
|
||||||
Icon(
|
Icon(
|
||||||
imageVector = Icons.Outlined.AddAPhoto,
|
imageVector = Icons.Outlined.AddAPhoto,
|
||||||
contentDescription = "",
|
contentDescription = "",
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue