search

Telegram-Mini-Apps / TelegramUI

React components library for Telegram Mini Apps inspired by Telegram interface
https://ton.org/mini-apps
MIT License
212 stars 15 forks source link

List, Section: wrong dark bg color on TelegramDesktop #24

Closed mrLexx closed 2 months ago

mrLexx commented 2 months ago

Wrong "dark" bg color on TeleghramDesktop: image

My code:

<List
                style={{
                    background: 'var(--tgui--secondary_bg_color)',
                }}
            >
                <Section
                    footer="The official Telegram app is available for Android, iPhone, iPad, Windows, macOS and Linux."
                    header="Main Settings"
                    style={{
                        background: 'var(--tgui--secondary_bg_color)',
                    }}
                >
                    <Cell before={<IconContainer><Icon28Chat /></IconContainer>}>
                        Chat Settings
                    </Cell>
                    <Cell before={<IconContainer><Icon28Devices /></IconContainer>}>
                        Data and Storage
                    </Cell>
                    <Cell before={<IconContainer><Icon28Stats /></IconContainer>}>
                        Devices
                    </Cell>
                </Section>
            </List>
mrLexx commented 2 months ago

Temporary solution

mrLexx commented 2 months ago

https://github.com/Telegram-Mini-Apps/tma.js/issues/285