diff --git a/Backpack/src/main/java/net/skyscanner/backpack/toggle/BpkSwitch.kt b/Backpack/src/main/java/net/skyscanner/backpack/toggle/BpkSwitch.kt index 707a5934d4..4c9644e80b 100644 --- a/Backpack/src/main/java/net/skyscanner/backpack/toggle/BpkSwitch.kt +++ b/Backpack/src/main/java/net/skyscanner/backpack/toggle/BpkSwitch.kt @@ -20,64 +20,85 @@ package net.skyscanner.backpack.toggle import android.content.Context import android.content.res.ColorStateList +import android.graphics.Color import android.util.AttributeSet -import androidx.appcompat.widget.SwitchCompat +import androidx.appcompat.content.res.AppCompatResources +import androidx.appcompat.view.ContextThemeWrapper +import com.google.android.material.materialswitch.MaterialSwitch import net.skyscanner.backpack.R +import net.skyscanner.backpack.util.colorStateList import net.skyscanner.backpack.util.createContextThemeWrapper import net.skyscanner.backpack.util.use -private fun wrapContext(context: Context, attrs: AttributeSet?): Context { - val withBaseStyle = createContextThemeWrapper(context, attrs, androidx.appcompat.R.attr.switchStyle) - return createContextThemeWrapper(withBaseStyle, attrs, R.attr.bpkSwitchStyle) -} - /** * BpkSwitch allow users to toggle between two states, on or off. * - * This class extends [SwitchCompat] directly and thus follows the same interface and design, - * with the exception of [SwitchCompat.getTrackTintList] and [SwitchCompat.getThumbTintList] that are set + * This class extends [MaterialSwitch] directly and thus follows the same interface and design, + * with the exception of [MaterialSwitch.getTrackTintList] and [MaterialSwitch.getThumbTintList] that are set * according to Backpack's design. * - * @see SwitchCompat + * @see MaterialSwitch */ open class BpkSwitch @JvmOverloads constructor( context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0, -) : SwitchCompat(wrapContext(context, attrs), attrs, defStyleAttr) { +) : MaterialSwitch( + createContextThemeWrapper( + ContextThemeWrapper(context, R.style.Widget_Material3_CompoundButton_MaterialSwitch), + attrs, + R.attr.bpkSwitchStyle, + ), + attrs, + defStyleAttr, +) { init { initialize(attrs, defStyleAttr) } - fun initialize(attrs: AttributeSet?, defStyleAttr: Int) { + private fun initialize(attrs: AttributeSet?, defStyleAttr: Int) { val textDisabledColor = context.getColor(R.color.bpkTextDisabled) val textEnabledColor = context.getColor(R.color.bpkTextPrimary) + val textSecondaryColor = context.getColor(R.color.bpkTextSecondary) + val coreAccentColor = context.getColor(R.color.bpkCoreAccent) + val canvasContrastColor = context.getColor(R.color.bpkCanvasContrast) + var primaryInverseColor = context.getColor(R.color.bpkTextPrimaryInverse) context.theme.obtainStyledAttributes(attrs, R.styleable.BpkSwitch, defStyleAttr, 0).use { - val primaryColor = context.getColor(R.color.bpkCoreAccent) - val checkedColor = it.getColor(R.styleable.BpkSwitch_switchPrimaryColor, primaryColor) - - trackTintList = context.getColorStateList(R.color.bpkTextDisabled) - thumbTintList = getColorStateList(checkedColor, context.getColor(R.color.bpkTextOnDark)) + primaryInverseColor = it.getColor(R.styleable.BpkSwitch_switchPrimaryColor, primaryInverseColor) } + + thumbTintList = colorStateList( + disabledUncheckedColor = textDisabledColor, + disabledCheckedColor = textDisabledColor, + checkedColor = primaryInverseColor, + uncheckedColor = textSecondaryColor, + ) + trackTintList = colorStateList( + disabledUncheckedColor = textDisabledColor, + disabledCheckedColor = textDisabledColor, + checkedColor = coreAccentColor, + uncheckedColor = canvasContrastColor, + ) + trackDecorationDrawable = AppCompatResources.getDrawable(context, R.drawable.bpk_switch_decoration) + trackDecorationTintList = colorStateList( + disabledUncheckedColor = textDisabledColor, + disabledCheckedColor = textDisabledColor, + checkedColor = coreAccentColor, + uncheckedColor = textSecondaryColor, + ) + thumbIconTintList = colorStateList( + Color.TRANSPARENT, + Color.TRANSPARENT, + Color.TRANSPARENT, + Color.TRANSPARENT, + ) + setTextColor( ColorStateList( arrayOf(intArrayOf(-android.R.attr.state_enabled), intArrayOf()), intArrayOf(textDisabledColor, textEnabledColor), ), ) - switchMinWidth = resources.getDimensionPixelSize(R.dimen.bpk_switch_min_width) } - - private fun getColorStateList(checkedColor: Int, uncheckedColor: Int) = - ColorStateList( - arrayOf( - intArrayOf(android.R.attr.state_checked), - intArrayOf(-android.R.attr.state_checked), - ), - intArrayOf( - checkedColor, - uncheckedColor, - ), - ) } diff --git a/Backpack/src/main/java/net/skyscanner/backpack/util/ColorStateList.kt b/Backpack/src/main/java/net/skyscanner/backpack/util/ColorStateList.kt index 5468bac47b..452421e358 100644 --- a/Backpack/src/main/java/net/skyscanner/backpack/util/ColorStateList.kt +++ b/Backpack/src/main/java/net/skyscanner/backpack/util/ColorStateList.kt @@ -40,3 +40,19 @@ internal fun colorStateList( ), intArrayOf(disabledColor, pressedColor, focusedColor, activatedColor, color), ) + +internal fun colorStateList( + @ColorInt disabledUncheckedColor: Int, + @ColorInt disabledCheckedColor: Int, + @ColorInt checkedColor: Int, + @ColorInt uncheckedColor: Int, +): ColorStateList = + ColorStateList( + arrayOf( + intArrayOf(-android.R.attr.state_enabled, -android.R.attr.state_checked), + intArrayOf(-android.R.attr.state_enabled, android.R.attr.state_checked), + intArrayOf(android.R.attr.state_checked), + intArrayOf(), + ), + intArrayOf(disabledUncheckedColor, disabledCheckedColor, checkedColor, uncheckedColor), + ) diff --git a/Backpack/src/main/res/drawable/bpk_switch_decoration.xml b/Backpack/src/main/res/drawable/bpk_switch_decoration.xml new file mode 100644 index 0000000000..c15505b6c3 --- /dev/null +++ b/Backpack/src/main/res/drawable/bpk_switch_decoration.xml @@ -0,0 +1,9 @@ + + + + + + diff --git a/app/screenshots/oss/debug/default/net.skyscanner.backpack.compose.switch.BpkSwitchTest_customContent.png b/app/screenshots/oss/debug/default/net.skyscanner.backpack.compose.switch.BpkSwitchTest_customContent.png index 3e8f2edf44..40e8bb03d0 100644 Binary files a/app/screenshots/oss/debug/default/net.skyscanner.backpack.compose.switch.BpkSwitchTest_customContent.png and b/app/screenshots/oss/debug/default/net.skyscanner.backpack.compose.switch.BpkSwitchTest_customContent.png differ diff --git a/app/screenshots/oss/debug/default/net.skyscanner.backpack.compose.switch.BpkSwitchTest_defaultChecked.png b/app/screenshots/oss/debug/default/net.skyscanner.backpack.compose.switch.BpkSwitchTest_defaultChecked.png index b0ec4e9db0..9db38beb5c 100644 Binary files a/app/screenshots/oss/debug/default/net.skyscanner.backpack.compose.switch.BpkSwitchTest_defaultChecked.png and b/app/screenshots/oss/debug/default/net.skyscanner.backpack.compose.switch.BpkSwitchTest_defaultChecked.png differ diff --git a/app/screenshots/oss/debug/default/net.skyscanner.backpack.compose.switch.BpkSwitchTest_defaultUnchecked.png b/app/screenshots/oss/debug/default/net.skyscanner.backpack.compose.switch.BpkSwitchTest_defaultUnchecked.png index a97524c83d..2ae047cf89 100644 Binary files a/app/screenshots/oss/debug/default/net.skyscanner.backpack.compose.switch.BpkSwitchTest_defaultUnchecked.png and b/app/screenshots/oss/debug/default/net.skyscanner.backpack.compose.switch.BpkSwitchTest_defaultUnchecked.png differ diff --git a/app/screenshots/oss/debug/default/net.skyscanner.backpack.compose.switch.BpkSwitchTest_disabledChecked.png b/app/screenshots/oss/debug/default/net.skyscanner.backpack.compose.switch.BpkSwitchTest_disabledChecked.png index 543de13428..1cdbfffac9 100644 Binary files a/app/screenshots/oss/debug/default/net.skyscanner.backpack.compose.switch.BpkSwitchTest_disabledChecked.png and b/app/screenshots/oss/debug/default/net.skyscanner.backpack.compose.switch.BpkSwitchTest_disabledChecked.png differ diff --git a/app/screenshots/oss/debug/default/net.skyscanner.backpack.compose.switch.BpkSwitchTest_disabledUnchecked.png b/app/screenshots/oss/debug/default/net.skyscanner.backpack.compose.switch.BpkSwitchTest_disabledUnchecked.png index 73890eb9f8..f5856bc303 100644 Binary files a/app/screenshots/oss/debug/default/net.skyscanner.backpack.compose.switch.BpkSwitchTest_disabledUnchecked.png and b/app/screenshots/oss/debug/default/net.skyscanner.backpack.compose.switch.BpkSwitchTest_disabledUnchecked.png differ diff --git a/app/screenshots/oss/debug/default/net.skyscanner.backpack.toggle.BpkSwitchTest_defaultChecked.png b/app/screenshots/oss/debug/default/net.skyscanner.backpack.toggle.BpkSwitchTest_defaultChecked.png index f0d298b2b1..22362db56e 100644 Binary files a/app/screenshots/oss/debug/default/net.skyscanner.backpack.toggle.BpkSwitchTest_defaultChecked.png and b/app/screenshots/oss/debug/default/net.skyscanner.backpack.toggle.BpkSwitchTest_defaultChecked.png differ diff --git a/app/screenshots/oss/debug/default/net.skyscanner.backpack.toggle.BpkSwitchTest_defaultUnchecked.png b/app/screenshots/oss/debug/default/net.skyscanner.backpack.toggle.BpkSwitchTest_defaultUnchecked.png index 2badfabb5e..bf1a08c4e6 100644 Binary files a/app/screenshots/oss/debug/default/net.skyscanner.backpack.toggle.BpkSwitchTest_defaultUnchecked.png and b/app/screenshots/oss/debug/default/net.skyscanner.backpack.toggle.BpkSwitchTest_defaultUnchecked.png differ diff --git a/app/screenshots/oss/debug/default/net.skyscanner.backpack.toggle.BpkSwitchTest_disabledChecked.png b/app/screenshots/oss/debug/default/net.skyscanner.backpack.toggle.BpkSwitchTest_disabledChecked.png index f0d298b2b1..a9eff8fdc2 100644 Binary files a/app/screenshots/oss/debug/default/net.skyscanner.backpack.toggle.BpkSwitchTest_disabledChecked.png and b/app/screenshots/oss/debug/default/net.skyscanner.backpack.toggle.BpkSwitchTest_disabledChecked.png differ diff --git a/app/screenshots/oss/debug/default/net.skyscanner.backpack.toggle.BpkSwitchTest_disabledUnchecked.png b/app/screenshots/oss/debug/default/net.skyscanner.backpack.toggle.BpkSwitchTest_disabledUnchecked.png index 2badfabb5e..81cee2350b 100644 Binary files a/app/screenshots/oss/debug/default/net.skyscanner.backpack.toggle.BpkSwitchTest_disabledUnchecked.png and b/app/screenshots/oss/debug/default/net.skyscanner.backpack.toggle.BpkSwitchTest_disabledUnchecked.png differ diff --git a/app/screenshots/oss/debug/dm/net.skyscanner.backpack.compose.switch.BpkSwitchTest_defaultChecked.png b/app/screenshots/oss/debug/dm/net.skyscanner.backpack.compose.switch.BpkSwitchTest_defaultChecked.png index 665b8fee50..fdd3a6088c 100644 Binary files a/app/screenshots/oss/debug/dm/net.skyscanner.backpack.compose.switch.BpkSwitchTest_defaultChecked.png and b/app/screenshots/oss/debug/dm/net.skyscanner.backpack.compose.switch.BpkSwitchTest_defaultChecked.png differ diff --git a/app/screenshots/oss/debug/dm/net.skyscanner.backpack.compose.switch.BpkSwitchTest_defaultUnchecked.png b/app/screenshots/oss/debug/dm/net.skyscanner.backpack.compose.switch.BpkSwitchTest_defaultUnchecked.png index b2618d1039..96ceb93e7b 100644 Binary files a/app/screenshots/oss/debug/dm/net.skyscanner.backpack.compose.switch.BpkSwitchTest_defaultUnchecked.png and b/app/screenshots/oss/debug/dm/net.skyscanner.backpack.compose.switch.BpkSwitchTest_defaultUnchecked.png differ diff --git a/app/screenshots/oss/debug/dm/net.skyscanner.backpack.compose.switch.BpkSwitchTest_disabledChecked.png b/app/screenshots/oss/debug/dm/net.skyscanner.backpack.compose.switch.BpkSwitchTest_disabledChecked.png index b684f287b2..9ce008601b 100644 Binary files a/app/screenshots/oss/debug/dm/net.skyscanner.backpack.compose.switch.BpkSwitchTest_disabledChecked.png and b/app/screenshots/oss/debug/dm/net.skyscanner.backpack.compose.switch.BpkSwitchTest_disabledChecked.png differ diff --git a/app/screenshots/oss/debug/dm/net.skyscanner.backpack.compose.switch.BpkSwitchTest_disabledUnchecked.png b/app/screenshots/oss/debug/dm/net.skyscanner.backpack.compose.switch.BpkSwitchTest_disabledUnchecked.png index 46f312cbb6..210b9f4253 100644 Binary files a/app/screenshots/oss/debug/dm/net.skyscanner.backpack.compose.switch.BpkSwitchTest_disabledUnchecked.png and b/app/screenshots/oss/debug/dm/net.skyscanner.backpack.compose.switch.BpkSwitchTest_disabledUnchecked.png differ diff --git a/app/screenshots/oss/debug/dm/net.skyscanner.backpack.toggle.BpkSwitchTest_defaultChecked.png b/app/screenshots/oss/debug/dm/net.skyscanner.backpack.toggle.BpkSwitchTest_defaultChecked.png index 95948ee331..5bc7db1bc8 100644 Binary files a/app/screenshots/oss/debug/dm/net.skyscanner.backpack.toggle.BpkSwitchTest_defaultChecked.png and b/app/screenshots/oss/debug/dm/net.skyscanner.backpack.toggle.BpkSwitchTest_defaultChecked.png differ diff --git a/app/screenshots/oss/debug/dm/net.skyscanner.backpack.toggle.BpkSwitchTest_defaultUnchecked.png b/app/screenshots/oss/debug/dm/net.skyscanner.backpack.toggle.BpkSwitchTest_defaultUnchecked.png index 8d77d1ced8..2fd5f6c876 100644 Binary files a/app/screenshots/oss/debug/dm/net.skyscanner.backpack.toggle.BpkSwitchTest_defaultUnchecked.png and b/app/screenshots/oss/debug/dm/net.skyscanner.backpack.toggle.BpkSwitchTest_defaultUnchecked.png differ diff --git a/app/screenshots/oss/debug/dm/net.skyscanner.backpack.toggle.BpkSwitchTest_disabledChecked.png b/app/screenshots/oss/debug/dm/net.skyscanner.backpack.toggle.BpkSwitchTest_disabledChecked.png index 95948ee331..916a166ed9 100644 Binary files a/app/screenshots/oss/debug/dm/net.skyscanner.backpack.toggle.BpkSwitchTest_disabledChecked.png and b/app/screenshots/oss/debug/dm/net.skyscanner.backpack.toggle.BpkSwitchTest_disabledChecked.png differ diff --git a/app/screenshots/oss/debug/dm/net.skyscanner.backpack.toggle.BpkSwitchTest_disabledUnchecked.png b/app/screenshots/oss/debug/dm/net.skyscanner.backpack.toggle.BpkSwitchTest_disabledUnchecked.png index 8d77d1ced8..8f8f24ffe7 100644 Binary files a/app/screenshots/oss/debug/dm/net.skyscanner.backpack.toggle.BpkSwitchTest_disabledUnchecked.png and b/app/screenshots/oss/debug/dm/net.skyscanner.backpack.toggle.BpkSwitchTest_disabledUnchecked.png differ diff --git a/app/screenshots/oss/debug/rtl/net.skyscanner.backpack.compose.switch.BpkSwitchTest_defaultUnchecked.png b/app/screenshots/oss/debug/rtl/net.skyscanner.backpack.compose.switch.BpkSwitchTest_defaultUnchecked.png index b1e28c3448..19ece311cb 100644 Binary files a/app/screenshots/oss/debug/rtl/net.skyscanner.backpack.compose.switch.BpkSwitchTest_defaultUnchecked.png and b/app/screenshots/oss/debug/rtl/net.skyscanner.backpack.compose.switch.BpkSwitchTest_defaultUnchecked.png differ diff --git a/app/screenshots/oss/debug/rtl/net.skyscanner.backpack.toggle.BpkSwitchTest_defaultUnchecked.png b/app/screenshots/oss/debug/rtl/net.skyscanner.backpack.toggle.BpkSwitchTest_defaultUnchecked.png index cf8d11ad43..1e6854f820 100644 Binary files a/app/screenshots/oss/debug/rtl/net.skyscanner.backpack.toggle.BpkSwitchTest_defaultUnchecked.png and b/app/screenshots/oss/debug/rtl/net.skyscanner.backpack.toggle.BpkSwitchTest_defaultUnchecked.png differ diff --git a/app/screenshots/oss/debug/themed/net.skyscanner.backpack.toggle.BpkSwitchTest_defaultChecked.png b/app/screenshots/oss/debug/themed/net.skyscanner.backpack.toggle.BpkSwitchTest_defaultChecked.png index 0f327a2563..2ef9a973f5 100644 Binary files a/app/screenshots/oss/debug/themed/net.skyscanner.backpack.toggle.BpkSwitchTest_defaultChecked.png and b/app/screenshots/oss/debug/themed/net.skyscanner.backpack.toggle.BpkSwitchTest_defaultChecked.png differ diff --git a/app/screenshots/oss/debug/themed/net.skyscanner.backpack.toggle.BpkSwitchTest_defaultUnchecked.png b/app/screenshots/oss/debug/themed/net.skyscanner.backpack.toggle.BpkSwitchTest_defaultUnchecked.png index 2badfabb5e..bf1a08c4e6 100644 Binary files a/app/screenshots/oss/debug/themed/net.skyscanner.backpack.toggle.BpkSwitchTest_defaultUnchecked.png and b/app/screenshots/oss/debug/themed/net.skyscanner.backpack.toggle.BpkSwitchTest_defaultUnchecked.png differ diff --git a/app/screenshots/oss/debug/themed/net.skyscanner.backpack.toggle.BpkSwitchTest_disabledChecked.png b/app/screenshots/oss/debug/themed/net.skyscanner.backpack.toggle.BpkSwitchTest_disabledChecked.png index 0f327a2563..a9eff8fdc2 100644 Binary files a/app/screenshots/oss/debug/themed/net.skyscanner.backpack.toggle.BpkSwitchTest_disabledChecked.png and b/app/screenshots/oss/debug/themed/net.skyscanner.backpack.toggle.BpkSwitchTest_disabledChecked.png differ diff --git a/app/screenshots/oss/debug/themed/net.skyscanner.backpack.toggle.BpkSwitchTest_disabledUnchecked.png b/app/screenshots/oss/debug/themed/net.skyscanner.backpack.toggle.BpkSwitchTest_disabledUnchecked.png index 2badfabb5e..81cee2350b 100644 Binary files a/app/screenshots/oss/debug/themed/net.skyscanner.backpack.toggle.BpkSwitchTest_disabledUnchecked.png and b/app/screenshots/oss/debug/themed/net.skyscanner.backpack.toggle.BpkSwitchTest_disabledUnchecked.png differ diff --git a/backpack-compose/src/main/kotlin/net/skyscanner/backpack/compose/switch/BpkSwitch.kt b/backpack-compose/src/main/kotlin/net/skyscanner/backpack/compose/switch/BpkSwitch.kt index a582c15cbd..aae84cc4da 100644 --- a/backpack-compose/src/main/kotlin/net/skyscanner/backpack/compose/switch/BpkSwitch.kt +++ b/backpack-compose/src/main/kotlin/net/skyscanner/backpack/compose/switch/BpkSwitch.kt @@ -23,16 +23,17 @@ import androidx.compose.foundation.layout.Arrangement import androidx.compose.foundation.layout.Row import androidx.compose.foundation.layout.RowScope import androidx.compose.foundation.selection.toggleable -import androidx.compose.material.ExperimentalMaterialApi -import androidx.compose.material.LocalMinimumTouchTargetEnforcement -import androidx.compose.material.Switch -import androidx.compose.material.SwitchDefaults +import androidx.compose.material3.ExperimentalMaterial3Api +import androidx.compose.material3.LocalMinimumTouchTargetEnforcement +import androidx.compose.material3.Switch +import androidx.compose.material3.SwitchDefaults import androidx.compose.runtime.Composable import androidx.compose.runtime.CompositionLocalProvider import androidx.compose.runtime.remember import androidx.compose.ui.Alignment import androidx.compose.ui.ExperimentalComposeUiApi import androidx.compose.ui.Modifier +import androidx.compose.ui.graphics.Color import androidx.compose.ui.semantics.Role import androidx.compose.ui.semantics.invisibleToUser import androidx.compose.ui.semantics.semantics @@ -97,7 +98,7 @@ fun BpkSwitch( } } -@OptIn(ExperimentalMaterialApi::class, ExperimentalComposeUiApi::class) +@OptIn(ExperimentalMaterial3Api::class, ExperimentalComposeUiApi::class) @Composable private fun BpkSwitchImpl( checked: Boolean, @@ -116,16 +117,22 @@ private fun BpkSwitchImpl( enabled = enabled, interactionSource = interactionSource, colors = SwitchDefaults.colors( - checkedThumbColor = BpkTheme.colors.coreAccent, - checkedTrackColor = BpkTheme.colors.textDisabled, - checkedTrackAlpha = BpkTheme.colors.textDisabled.alpha, - uncheckedThumbColor = BpkTheme.colors.textOnDark, - uncheckedTrackColor = BpkTheme.colors.textDisabled, - uncheckedTrackAlpha = BpkTheme.colors.textDisabled.alpha, - disabledCheckedThumbColor = BpkTheme.colors.coreAccent, + checkedThumbColor = BpkTheme.colors.textPrimaryInverse, + checkedTrackColor = BpkTheme.colors.coreAccent, + checkedBorderColor = BpkTheme.colors.coreAccent, + checkedIconColor = Color.Transparent, + uncheckedThumbColor = BpkTheme.colors.textSecondary, + uncheckedTrackColor = BpkTheme.colors.canvasContrast, + uncheckedBorderColor = BpkTheme.colors.textSecondary, + uncheckedIconColor = Color.Transparent, + disabledCheckedThumbColor = BpkTheme.colors.textDisabled, disabledCheckedTrackColor = BpkTheme.colors.textDisabled, - disabledUncheckedThumbColor = BpkTheme.colors.textOnDark, + disabledCheckedBorderColor = BpkTheme.colors.textDisabled, + disabledCheckedIconColor = Color.Transparent, + disabledUncheckedThumbColor = BpkTheme.colors.textDisabled, disabledUncheckedTrackColor = BpkTheme.colors.textDisabled, + disabledUncheckedBorderColor = BpkTheme.colors.textDisabled, + disabledUncheckedIconColor = Color.Transparent, ), ) } diff --git a/docs/compose/Switch/screenshots/default.png b/docs/compose/Switch/screenshots/default.png index 9a0c6c6ab7..8cf8898b00 100644 Binary files a/docs/compose/Switch/screenshots/default.png and b/docs/compose/Switch/screenshots/default.png differ diff --git a/docs/compose/Switch/screenshots/default_dm.png b/docs/compose/Switch/screenshots/default_dm.png index ef8312e368..3b2f913cbc 100644 Binary files a/docs/compose/Switch/screenshots/default_dm.png and b/docs/compose/Switch/screenshots/default_dm.png differ diff --git a/docs/view/Switch/screenshots/default.png b/docs/view/Switch/screenshots/default.png index 6afd0c69bf..3e06fdf9b3 100644 Binary files a/docs/view/Switch/screenshots/default.png and b/docs/view/Switch/screenshots/default.png differ diff --git a/docs/view/Switch/screenshots/default_dm.png b/docs/view/Switch/screenshots/default_dm.png index ea484c0d9a..0447feb42d 100644 Binary files a/docs/view/Switch/screenshots/default_dm.png and b/docs/view/Switch/screenshots/default_dm.png differ