Updated on 2026-08-14

features/manage-tokens/impl/src/main/java/com/tangem/managetokens/presentation/managetokens/ui/components/TokenIcon.kt

@@ -12,6 +12,7 @@ import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.graphics.toArgb
 import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.platform.LocalDensity
 import androidx.compose.ui.res.painterResource
 import coil.compose.SubcomposeAsyncImage
 import coil.request.ImageRequest
@@ -25,8 +26,7 @@ import kotlinx.coroutines.launch
 
 @Composable
 internal fun TokenIcon(state: TokenIconState, modifier: Modifier = Modifier) {
-    val iconModifier = modifier
-        .size(TangemTheme.dimens.size36)
+    val iconModifier = modifier.size(TangemTheme.dimens.size36)
     if (state.iconReference != null) {
         DefaultCurrencyIcon(
             modifier = iconModifier,
@@ -73,11 +73,14 @@ private inline fun DefaultCurrencyIcon(
     crossinline errorIcon: @Composable () -> Unit,
     modifier: Modifier = Modifier,
 ) {
-    val itemBackgroundColor = TangemTheme.colors.background.primary.toArgb()
     var iconBackgroundColor by remember { mutableStateOf(Color.Transparent) }
+    var isBackgroundColorDefined by remember { mutableStateOf(false) }
+    val itemBackgroundColor = TangemTheme.colors.background.primary.toArgb()
     val isDarkTheme = isSystemInDarkTheme()
     val coroutineScope = rememberCoroutineScope()
 
+    val pixelsSize = with(LocalDensity.current) { TangemTheme.dimens.size36.roundToPx() }
+
     SubcomposeAsyncImage(
         modifier = modifier
             .background(
@@ -86,17 +89,21 @@ private inline fun DefaultCurrencyIcon(
             ),
         model = ImageRequest.Builder(context = LocalContext.current)
             .data(iconReference.getReference())
+            .size(size = pixelsSize)
+            .memoryCacheKey(key = iconReference.getReference().toString() + pixelsSize)
             .crossfade(enable = true)
             .allowHardware(false)
             .listener(
                 onSuccess = { _, result ->
-                    if (isDarkTheme) {
+                    if (!isBackgroundColorDefined && isDarkTheme) {
                         coroutineScope.launch {
                             val color = ImageBackgroundContrastChecker(
                                 drawable = result.drawable,
                                 backgroundColor = itemBackgroundColor,
-                            ).getContrastColorIfNeeded(isDarkTheme)
+                                size = pixelsSize,
+                            ).getContrastColor(isDarkTheme = true)
                             iconBackgroundColor = color
+                            isBackgroundColorDefined = true
                         }
                     }
                 },

features/send/impl/src/main/java/com/tangem/features/send/impl/presentation/ui/amount/SendAmountContent.kt

@@ -15,6 +15,7 @@ import com.tangem.core.ui.components.currency.fiaticon.FiatIcon
 import com.tangem.core.ui.components.currency.tokenicon.TokenIcon
 import com.tangem.core.ui.extensions.resolveReference
 import com.tangem.core.ui.res.TangemTheme
+
 import com.tangem.features.send.impl.R
 import com.tangem.features.send.impl.presentation.state.SendStates
 import com.tangem.features.send.impl.presentation.state.amount.SendAmountSegmentedButtonsConfig
@@ -72,8 +73,8 @@ private fun SendAmountCurrencyButton(button: SendAmountSegmentedButtonsConfig) {
         if (button.isFiat) {
             FiatIcon(
                 url = button.iconUrl,
-                modifier = Modifier
-                    .size(TangemTheme.dimens.size18),
+                size = TangemTheme.dimens.size18,
+                modifier = Modifier.size(TangemTheme.dimens.size18),
             )
         } else {
             button.iconState?.let {

features/swap/presentation/src/main/java/com/tangem/feature/swap/ui/SwapSelectTokenScreen.kt

@@ -20,6 +20,7 @@ import androidx.compose.ui.graphics.ColorFilter
 import androidx.compose.ui.graphics.ColorMatrix
 import androidx.compose.ui.graphics.toArgb
 import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.platform.LocalDensity
 import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.text.style.TextAlign
@@ -217,6 +218,7 @@ private fun TokenItem(token: TokenToSelect, network: Network, screenBackgroundCo
 @Composable
 private fun TokenIcon(token: TokenToSelect, screenBackgroundColor: Color, @DrawableRes iconPlaceholder: Int?) {
     var iconBackgroundColor by remember { mutableStateOf(Color.Transparent) }
+    var isBackgroundColorDefined by remember { mutableStateOf(false) }
     val isDarkTheme = isSystemInDarkTheme()
     val coroutineScope = rememberCoroutineScope()
 
@@ -231,29 +233,35 @@ private fun TokenIcon(token: TokenToSelect, screenBackgroundColor: Color, @Drawa
                 shape = TangemTheme.shapes.roundedCorners8,
             ),
     ) {
-        val iconModifier = Modifier
-            .size(TangemTheme.dimens.size40)
+        val pixelsSize = with(LocalDensity.current) { TangemTheme.dimens.size40.roundToPx() }
+        val iconModifier = Modifier.size(TangemTheme.dimens.size40)
+
         val colorFilter = if (!token.available) {
             val matrix = ColorMatrix().apply { setToSaturation(0f) }
             ColorFilter.colorMatrix(matrix)
         } else {
             null
         }
+
         SubcomposeAsyncImage(
             modifier = iconModifier,
             model = ImageRequest.Builder(LocalContext.current)
                 .data(data)
+                .size(size = pixelsSize)
+                .memoryCacheKey(key = data.toString() + pixelsSize)
                 .crossfade(true)
                 .allowHardware(false)
                 .listener(
                     onSuccess = { _, result ->
-                        if (isDarkTheme) {
+                        if (!isBackgroundColorDefined && isDarkTheme) {
                             coroutineScope.launch {
                                 val color = ImageBackgroundContrastChecker(
                                     drawable = result.drawable,
                                     backgroundColor = screenBackgroundColor.toArgb(),
-                                ).getContrastColorIfNeeded(isDarkTheme)
+                                    size = pixelsSize,
+                                ).getContrastColor(isDarkTheme = true)
                                 iconBackgroundColor = color
+                                isBackgroundColorDefined = true
                             }
                         }
                     },

features/swap/presentation/src/main/java/com/tangem/feature/swap/ui/TransactionCard.kt

@@ -20,6 +20,7 @@ import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.graphics.toArgb
 import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.platform.LocalDensity
 import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.text.AnnotatedString
@@ -292,8 +293,9 @@ private fun TokenIcon(
     @DrawableRes iconPlaceholder: Int? = null,
     @DrawableRes networkIconRes: Int? = null,
 ) {
-    val itemBackgroundColor = TangemTheme.colors.background.primary.toArgb()
     var iconBackgroundColor by remember { mutableStateOf(Color.Transparent) }
+    var isBackgroundColorDefined by remember { mutableStateOf(false) }
+    val itemBackgroundColor = TangemTheme.colors.background.primary.toArgb()
     val isDarkTheme = isSystemInDarkTheme()
     val coroutineScope = rememberCoroutineScope()
 
@@ -310,13 +312,16 @@ private fun TokenIcon(
                 shape = TangemTheme.shapes.roundedCorners8,
             )
 
-        val data = tokenIconUrl.ifEmpty {
-            iconPlaceholder
-        }
+        val data = tokenIconUrl.ifEmpty { iconPlaceholder }
+
+        val pixelsSize = with(LocalDensity.current) { TangemTheme.dimens.size36.roundToPx() }
+
         SubcomposeAsyncImage(
             modifier = tokenImageModifier,
             model = ImageRequest.Builder(LocalContext.current)
                 .data(data)
+                .size(size = pixelsSize)
+                .memoryCacheKey(key = data.toString() + pixelsSize)
                 .crossfade(true)
                 .allowHardware(false)
                 .listener(
@@ -326,8 +331,10 @@ private fun TokenIcon(
                                 val color = ImageBackgroundContrastChecker(
                                     drawable = result.drawable,
                                     backgroundColor = itemBackgroundColor,
-                                ).getContrastColorIfNeeded(isDarkTheme)
+                                    size = pixelsSize,
+                                ).getContrastColor(true)
                                 iconBackgroundColor = color
+                                isBackgroundColorDefined = true
                             }
                         }
                     },

features/tokendetails/impl/src/main/kotlin/com/tangem/feature/tokendetails/presentation/tokendetails/ui/components/TokenIcon.kt

@@ -14,6 +14,7 @@ import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.graphics.ColorFilter
 import androidx.compose.ui.graphics.toArgb
 import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.platform.LocalDensity
 import androidx.compose.ui.res.painterResource
 import coil.compose.SubcomposeAsyncImage
 import coil.request.ImageRequest
@@ -136,11 +137,13 @@ private inline fun DefaultCurrencyIcon(
     crossinline errorIcon: @Composable () -> Unit,
     modifier: Modifier = Modifier,
 ) {
-    val itemBackgroundColor = TangemTheme.colors.background.primary.toArgb()
     var iconBackgroundColor by remember { mutableStateOf(Color.Transparent) }
+    var isBackgroundColorDefined by remember { mutableStateOf(false) }
+    val itemBackgroundColor = TangemTheme.colors.background.primary.toArgb()
     val isDarkTheme = isSystemInDarkTheme()
     val coroutineScope = rememberCoroutineScope()
 
+    val pixelsSize = with(LocalDensity.current) { TangemTheme.dimens.size48.roundToPx() }
     SubcomposeAsyncImage(
         modifier = modifier
             .background(
@@ -149,17 +152,21 @@ private inline fun DefaultCurrencyIcon(
             ),
         model = ImageRequest.Builder(context = LocalContext.current)
             .data(iconData)
+            .size(pixelsSize)
+            .memoryCacheKey(iconData.toString() + pixelsSize)
             .crossfade(enable = true)
             .allowHardware(false)
             .listener(
                 onSuccess = { _, result ->
-                    if (isDarkTheme) {
+                    if (!isBackgroundColorDefined && isDarkTheme) {
                         coroutineScope.launch {
                             val color = ImageBackgroundContrastChecker(
                                 drawable = result.drawable,
                                 backgroundColor = itemBackgroundColor,
-                            ).getContrastColorIfNeeded(isDarkTheme)
+                                size = pixelsSize,
+                            ).getContrastColor(isDarkTheme = true)
                             iconBackgroundColor = color
+                            isBackgroundColorDefined = true
                         }
                     }
                 },