danog/telegram-tt
1
0
Fork 0
mirror of https://github.com/danog/telegram-tt.git synced 2025-01-22 05:11:55 +01:00
Code Issues Packages Projects Releases Wiki Activity

Dark Theme: Support browser UI coloring (#1027)

Browse Source
This commit is contained in:
Alexander Zinchuk 2021-04-19 18:36:51 +03:00
parent 81c3d26a0f
commit 0b59ebd7b0
1 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/util/switchTheme.ts
View File

@ -27,16 +27,21 @@ const colors = (Object.keys(themeColors) as Array<keyof typeof themeColors>).map
}));
export default (theme: ISettings['theme'], withAnimation: boolean) => {
const isDarkTheme = theme === 'dark';
const shouldAnimate = isInitialized && withAnimation;
const startIndex = theme === 'dark' ? 0 : 1;
const endIndex = theme === 'dark' ? 1 : 0;
const startIndex = isDarkTheme ? 0 : 1;
const endIndex = isDarkTheme ? 1 : 0;
const startAt = Date.now();
const themeColorTag = document.querySelector('meta[name="theme-color"]');
document.documentElement.classList.remove(`theme-${theme === 'dark' ? 'light' : 'dark'}`);
document.documentElement.classList.remove(`theme-${isDarkTheme ? 'light' : 'dark'}`);
if (isInitialized) {
document.documentElement.classList.add('disable-animations');
}
document.documentElement.classList.add(`theme-${theme}`);
if (themeColorTag) {
themeColorTag.setAttribute('content', isDarkTheme ? '#212121' : '#fff');
}
setTimeout(() => {
document.documentElement.classList.remove('disable-animations');