diff --git a/about/index.html b/about/index.html index 06cc6b9896..b3f8300b9c 100644 --- a/about/index.html +++ b/about/index.html @@ -44,12 +44,15 @@ + + + @@ -308,6 +311,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -322,6 +339,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -341,6 +359,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/ar/contact/index.html b/ar/contact/index.html index 3c8d6c3f1e..6caa50be06 100644 --- a/ar/contact/index.html +++ b/ar/contact/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat - Contact @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/ar/fdroid/index.html b/ar/fdroid/index.html index 136f0746d4..f36bf14c3b 100644 --- a/ar/fdroid/index.html +++ b/ar/fdroid/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat - Get the app via F-Droid @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/ar/file/index.html b/ar/file/index.html index 36e0c356cd..8c474179e4 100644 --- a/ar/file/index.html +++ b/ar/file/index.html @@ -43,6 +43,8 @@ > + + SimpleX File Transfer @@ -58,6 +60,7 @@ + @@ -318,6 +321,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -332,6 +349,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -351,6 +369,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/ar/index.html b/ar/index.html index 6b6aa1ccd7..a02cc08d2c 100644 --- a/ar/index.html +++ b/ar/index.html @@ -1,6 +1,6 @@ - + + - SimpleX Chat: private and secure messenger without any user IDs (not even random) @@ -61,6 +62,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + @@ -509,6 +538,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -523,6 +566,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -542,6 +586,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/ar/invitation/index.html b/ar/invitation/index.html index 6f614ed7d0..a6c7982ea2 100644 --- a/ar/invitation/index.html +++ b/ar/invitation/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat - Invitation @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/ar/messaging/index.html b/ar/messaging/index.html index 14fe1534e6..cfa740f07f 100644 --- a/ar/messaging/index.html +++ b/ar/messaging/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat: The World's Most Secure Messaging @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/ar/old/index.html b/ar/old/index.html index 48ba1ff7f4..d92235266c 100644 --- a/ar/old/index.html +++ b/ar/old/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat: private and secure messenger without any user IDs (not even random) @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/ar/why/index.html b/ar/why/index.html index f7dbaaa409..3cd2ae6810 100644 --- a/ar/why/index.html +++ b/ar/why/index.html @@ -43,6 +43,8 @@ > + + Why we are building SimpleX Network @@ -58,6 +60,7 @@ + @@ -423,6 +426,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -437,6 +454,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -456,6 +474,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/bg/contact/index.html b/bg/contact/index.html index 8b22ee957c..1d9a9ddb64 100644 --- a/bg/contact/index.html +++ b/bg/contact/index.html @@ -41,6 +41,8 @@ > + + SimpleX Chat - Contact @@ -56,6 +58,7 @@ + @@ -510,6 +513,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -524,6 +541,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -543,6 +561,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/bg/fdroid/index.html b/bg/fdroid/index.html index 5d4a4994f2..2dea6247a4 100644 --- a/bg/fdroid/index.html +++ b/bg/fdroid/index.html @@ -41,6 +41,8 @@ > + + SimpleX Chat - Get the app via F-Droid @@ -56,6 +58,7 @@ + @@ -510,6 +513,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -524,6 +541,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -543,6 +561,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/bg/file/index.html b/bg/file/index.html index 2d0270ff57..80a5151dce 100644 --- a/bg/file/index.html +++ b/bg/file/index.html @@ -41,6 +41,8 @@ > + + SimpleX File Transfer @@ -56,6 +58,7 @@ + @@ -314,6 +317,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -328,6 +345,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -347,6 +365,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/bg/index.html b/bg/index.html index e07b2a631c..559463e340 100644 --- a/bg/index.html +++ b/bg/index.html @@ -1,6 +1,6 @@ - + + - SimpleX Chat: private and secure messenger without any user IDs (not even random) @@ -59,6 +60,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + @@ -500,6 +529,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -514,6 +557,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -533,6 +577,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/bg/invitation/index.html b/bg/invitation/index.html index 2e8c813147..988987e9b1 100644 --- a/bg/invitation/index.html +++ b/bg/invitation/index.html @@ -41,6 +41,8 @@ > + + SimpleX Chat - Invitation @@ -56,6 +58,7 @@ + @@ -510,6 +513,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -524,6 +541,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -543,6 +561,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/bg/messaging/index.html b/bg/messaging/index.html index 075bd17a99..f4931d9649 100644 --- a/bg/messaging/index.html +++ b/bg/messaging/index.html @@ -41,6 +41,8 @@ > + + SimpleX Chat: The World's Most Secure Messaging @@ -56,6 +58,7 @@ + @@ -510,6 +513,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -524,6 +541,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -543,6 +561,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/bg/old/index.html b/bg/old/index.html index b0129c47dc..537e001836 100644 --- a/bg/old/index.html +++ b/bg/old/index.html @@ -41,6 +41,8 @@ > + + SimpleX Chat: private and secure messenger without any user IDs (not even random) @@ -56,6 +58,7 @@ + @@ -510,6 +513,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -524,6 +541,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -543,6 +561,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/bg/why/index.html b/bg/why/index.html index 331be16716..bd4cb25a6b 100644 --- a/bg/why/index.html +++ b/bg/why/index.html @@ -41,6 +41,8 @@ > + + Why we are building SimpleX Network @@ -56,6 +58,7 @@ + @@ -414,6 +417,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -428,6 +445,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -447,6 +465,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/blog/20201022-simplex-chat.html b/blog/20201022-simplex-chat.html index 2105d318c0..d720d2e11c 100644 --- a/blog/20201022-simplex-chat.html +++ b/blog/20201022-simplex-chat.html @@ -44,6 +44,8 @@ + + SimpleX blog: Simplex Chat @@ -57,6 +59,7 @@ + @@ -315,6 +318,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -329,6 +346,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -348,6 +366,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/blog/20210512-simplex-chat-terminal-ui.html b/blog/20210512-simplex-chat-terminal-ui.html index 3626983af1..d0d6aa20d9 100644 --- a/blog/20210512-simplex-chat-terminal-ui.html +++ b/blog/20210512-simplex-chat-terminal-ui.html @@ -44,6 +44,8 @@ + + SimpleX blog: Announcing SimpleX Chat Prototype! @@ -57,6 +59,7 @@ + @@ -315,6 +318,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -329,6 +346,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -348,6 +366,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/blog/20210914-simplex-chat-v0.4-released.html b/blog/20210914-simplex-chat-v0.4-released.html index 464bd6f1da..c4122b3478 100644 --- a/blog/20210914-simplex-chat-v0.4-released.html +++ b/blog/20210914-simplex-chat-v0.4-released.html @@ -44,6 +44,8 @@ + + SimpleX blog: SimpleX announces SimpleX Chat v0.4 @@ -57,6 +59,7 @@ + @@ -315,6 +318,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -329,6 +346,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -348,6 +366,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/blog/20211208-simplex-chat-v0.5-released.html b/blog/20211208-simplex-chat-v0.5-released.html index 3b22df4d80..9f2255f129 100644 --- a/blog/20211208-simplex-chat-v0.5-released.html +++ b/blog/20211208-simplex-chat-v0.5-released.html @@ -44,6 +44,8 @@ + + SimpleX blog: SimpleX announces SimpleX Chat v0.5 @@ -57,6 +59,7 @@ + @@ -315,6 +318,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -329,6 +346,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -348,6 +366,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/blog/20220112-simplex-chat-v1-released.html b/blog/20220112-simplex-chat-v1-released.html index e5fdff0960..966e8e83fe 100644 --- a/blog/20220112-simplex-chat-v1-released.html +++ b/blog/20220112-simplex-chat-v1-released.html @@ -44,6 +44,8 @@ + + SimpleX blog: SimpleX announces SimpleX Chat v1 @@ -57,6 +59,7 @@ + @@ -315,6 +318,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -329,6 +346,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -348,6 +366,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/blog/20220214-simplex-chat-ios-public-beta.html b/blog/20220214-simplex-chat-ios-public-beta.html index 7a503610fc..02a53cca93 100644 --- a/blog/20220214-simplex-chat-ios-public-beta.html +++ b/blog/20220214-simplex-chat-ios-public-beta.html @@ -44,6 +44,8 @@ + + SimpleX blog: SimpleX announces SimpleX Chat public beta for iOS @@ -57,6 +59,7 @@ + @@ -315,6 +318,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -329,6 +346,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -348,6 +366,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/blog/20220308-simplex-chat-mobile-apps.html b/blog/20220308-simplex-chat-mobile-apps.html index f86aee5fcc..73f23279db 100644 --- a/blog/20220308-simplex-chat-mobile-apps.html +++ b/blog/20220308-simplex-chat-mobile-apps.html @@ -44,6 +44,8 @@ + + SimpleX blog: SimpleX announces SimpleX Chat mobile apps for iOS and Android @@ -57,6 +59,7 @@ + @@ -315,6 +318,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -329,6 +346,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -348,6 +366,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/blog/20220404-simplex-chat-instant-notifications.html b/blog/20220404-simplex-chat-instant-notifications.html index 1b8135005b..5ed7d2f19d 100644 --- a/blog/20220404-simplex-chat-instant-notifications.html +++ b/blog/20220404-simplex-chat-instant-notifications.html @@ -44,6 +44,8 @@ + + SimpleX blog: Instant notifications for SimpleX Chat mobile apps @@ -57,6 +59,7 @@ + @@ -315,6 +318,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -329,6 +346,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -348,6 +366,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/blog/20220511-simplex-chat-v2-images-files.html b/blog/20220511-simplex-chat-v2-images-files.html index e76b96535d..eb65c35acb 100644 --- a/blog/20220511-simplex-chat-v2-images-files.html +++ b/blog/20220511-simplex-chat-v2-images-files.html @@ -44,6 +44,8 @@ + + SimpleX blog: SimpleX Chat v2.0 - sending images and files in mobile apps @@ -57,6 +59,7 @@ + @@ -315,6 +318,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -329,6 +346,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -348,6 +366,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/blog/20220524-simplex-chat-better-privacy.html b/blog/20220524-simplex-chat-better-privacy.html index 0c1fb7360c..ec491c1bf9 100644 --- a/blog/20220524-simplex-chat-better-privacy.html +++ b/blog/20220524-simplex-chat-better-privacy.html @@ -44,6 +44,8 @@ + + SimpleX blog: SimpleX Chat v2.1 - better conversation privacy @@ -57,6 +59,7 @@ + @@ -315,6 +318,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -329,6 +346,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -348,6 +366,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/blog/20220604-simplex-chat-new-privacy-security-settings.html b/blog/20220604-simplex-chat-new-privacy-security-settings.html index 0a01c2090f..49b17e6f15 100644 --- a/blog/20220604-simplex-chat-new-privacy-security-settings.html +++ b/blog/20220604-simplex-chat-new-privacy-security-settings.html @@ -44,6 +44,8 @@ + + SimpleX blog: SimpleX Chat v2.2 - the new privacy and security features @@ -57,6 +59,7 @@ + @@ -315,6 +318,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -329,6 +346,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -348,6 +366,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/blog/20220711-simplex-chat-v3-released-ios-notifications-audio-video-calls-database-export-import-protocol-improvements.html b/blog/20220711-simplex-chat-v3-released-ios-notifications-audio-video-calls-database-export-import-protocol-improvements.html index 990befcbc6..dae7e807e0 100644 --- a/blog/20220711-simplex-chat-v3-released-ios-notifications-audio-video-calls-database-export-import-protocol-improvements.html +++ b/blog/20220711-simplex-chat-v3-released-ios-notifications-audio-video-calls-database-export-import-protocol-improvements.html @@ -44,6 +44,8 @@ + + SimpleX blog: SimpleX announces SimpleX Chat v3 — with encrypted calls and iOS push notifications @@ -57,6 +59,7 @@ + @@ -315,6 +318,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -329,6 +346,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -348,6 +366,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/blog/20220723-simplex-chat-v3.1-tor-groups-efficiency.html b/blog/20220723-simplex-chat-v3.1-tor-groups-efficiency.html index 2d809b81f5..3f61b4b850 100644 --- a/blog/20220723-simplex-chat-v3.1-tor-groups-efficiency.html +++ b/blog/20220723-simplex-chat-v3.1-tor-groups-efficiency.html @@ -44,6 +44,8 @@ + + SimpleX blog: SimpleX Chat v3.1-beta is released — improved battery/traffic usage @@ -57,6 +59,7 @@ + @@ -315,6 +318,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -329,6 +346,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -348,6 +366,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/blog/20220808-simplex-chat-v3.1-chat-groups.html b/blog/20220808-simplex-chat-v3.1-chat-groups.html index 08d476a70c..dc19a4ccdc 100644 --- a/blog/20220808-simplex-chat-v3.1-chat-groups.html +++ b/blog/20220808-simplex-chat-v3.1-chat-groups.html @@ -44,6 +44,8 @@ + + SimpleX blog: SimpleX Chat v3.1 is released — with secret groups and server access via Tor @@ -57,6 +59,7 @@ + @@ -315,6 +318,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -329,6 +346,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -348,6 +366,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/blog/20220901-simplex-chat-v3.2-incognito-mode.html b/blog/20220901-simplex-chat-v3.2-incognito-mode.html index 3c62ab55df..93c81a4398 100644 --- a/blog/20220901-simplex-chat-v3.2-incognito-mode.html +++ b/blog/20220901-simplex-chat-v3.2-incognito-mode.html @@ -44,6 +44,8 @@ + + SimpleX blog: SimpleX Chat v3.2 is released — meet Incognito mode, unique to Simplex Chat @@ -57,6 +59,7 @@ + @@ -315,6 +318,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -329,6 +346,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -348,6 +366,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/blog/20220928-simplex-chat-v4-encrypted-database.html b/blog/20220928-simplex-chat-v4-encrypted-database.html index 32bcf65bd6..a165b048df 100644 --- a/blog/20220928-simplex-chat-v4-encrypted-database.html +++ b/blog/20220928-simplex-chat-v4-encrypted-database.html @@ -44,6 +44,8 @@ + + SimpleX blog: SimpleX Chat v4.0 with encrypted database is released @@ -57,6 +59,7 @@ + @@ -315,6 +318,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -329,6 +346,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -348,6 +366,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/blog/20221108-simplex-chat-v4.2-security-audit-new-website.html b/blog/20221108-simplex-chat-v4.2-security-audit-new-website.html index d1c95caeda..7771a7196b 100644 --- a/blog/20221108-simplex-chat-v4.2-security-audit-new-website.html +++ b/blog/20221108-simplex-chat-v4.2-security-audit-new-website.html @@ -44,6 +44,8 @@ + + SimpleX blog: Security assessment by Trail of Bits, the new website and v4.2 released @@ -57,6 +59,7 @@ + @@ -315,6 +318,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -329,6 +346,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -348,6 +366,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/blog/20221206-simplex-chat-v4.3-voice-messages.html b/blog/20221206-simplex-chat-v4.3-voice-messages.html index 52d80ca6d9..1aeeb9bae9 100644 --- a/blog/20221206-simplex-chat-v4.3-voice-messages.html +++ b/blog/20221206-simplex-chat-v4.3-voice-messages.html @@ -44,6 +44,8 @@ + + SimpleX blog: SimpleX Chat reviews and v4.3 released – with instant voice messages, irreversible deletion of sent messages and improved server configuration. @@ -57,6 +59,7 @@ + @@ -315,6 +318,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -329,6 +346,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -348,6 +366,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/blog/20230103-simplex-chat-v4.4-disappearing-messages.html b/blog/20230103-simplex-chat-v4.4-disappearing-messages.html index e59cc52033..1a439065fe 100644 --- a/blog/20230103-simplex-chat-v4.4-disappearing-messages.html +++ b/blog/20230103-simplex-chat-v4.4-disappearing-messages.html @@ -44,6 +44,8 @@ + + SimpleX blog: SimpleX Chat v4.4 released – with disappearing messages, live messages, connection security verification and French language! @@ -57,6 +59,7 @@ + @@ -315,6 +318,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -329,6 +346,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -348,6 +366,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/blog/20230204-simplex-chat-v4-5-user-chat-profiles.html b/blog/20230204-simplex-chat-v4-5-user-chat-profiles.html index 9da26fc490..a99bb1c2fb 100644 --- a/blog/20230204-simplex-chat-v4-5-user-chat-profiles.html +++ b/blog/20230204-simplex-chat-v4-5-user-chat-profiles.html @@ -44,6 +44,8 @@ + + SimpleX blog: SimpleX Chat v4.5 released – with multiple chat profiles, message draft, transport isolation and Italian language! @@ -57,6 +59,7 @@ + @@ -315,6 +318,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -329,6 +346,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -348,6 +366,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/blog/20230301-simplex-file-transfer-protocol.html b/blog/20230301-simplex-file-transfer-protocol.html index d081614a47..a5681281cc 100644 --- a/blog/20230301-simplex-file-transfer-protocol.html +++ b/blog/20230301-simplex-file-transfer-protocol.html @@ -44,6 +44,8 @@ + + SimpleX blog: SimpleX File Transfer Protocol - a new protocol for sending large files efficiently, privately and securely. @@ -57,6 +59,7 @@ + @@ -315,6 +318,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -329,6 +346,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -348,6 +366,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/blog/20230328-simplex-chat-v4-6-hidden-profiles.html b/blog/20230328-simplex-chat-v4-6-hidden-profiles.html index 484ba8c4e1..71f8204ccc 100644 --- a/blog/20230328-simplex-chat-v4-6-hidden-profiles.html +++ b/blog/20230328-simplex-chat-v4-6-hidden-profiles.html @@ -44,6 +44,8 @@ + + SimpleX blog: SimpleX Chat v4.6 – with hidden profiles, community moderation, improved audio/video calls and reduced battery usage. @@ -57,6 +59,7 @@ + @@ -315,6 +318,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -329,6 +346,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -348,6 +366,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/blog/20230422-simplex-chat-vision-funding-v5-videos-files-passcode.html b/blog/20230422-simplex-chat-vision-funding-v5-videos-files-passcode.html index 8c66d0bebd..3baf7213a3 100644 --- a/blog/20230422-simplex-chat-vision-funding-v5-videos-files-passcode.html +++ b/blog/20230422-simplex-chat-vision-funding-v5-videos-files-passcode.html @@ -44,6 +44,8 @@ + + SimpleX blog: SimpleX Chat: vision and funding, v5.0 released with videos and files up to 1gb @@ -57,6 +59,7 @@ + @@ -315,6 +318,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -329,6 +346,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -348,6 +366,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/blog/20230523-simplex-chat-v5-1-message-reactions-self-destruct-passcode.html b/blog/20230523-simplex-chat-v5-1-message-reactions-self-destruct-passcode.html index 935bd3ebc3..2a3e9d6502 100644 --- a/blog/20230523-simplex-chat-v5-1-message-reactions-self-destruct-passcode.html +++ b/blog/20230523-simplex-chat-v5-1-message-reactions-self-destruct-passcode.html @@ -44,6 +44,8 @@ + + SimpleX blog: SimpleX Chat v5.1 released: message reactions and self-destruct passcode @@ -57,6 +59,7 @@ + @@ -315,6 +318,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -329,6 +346,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -348,6 +366,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/blog/20230722-simplex-chat-v5-2-message-delivery-receipts.html b/blog/20230722-simplex-chat-v5-2-message-delivery-receipts.html index ab86898461..6c91cf632d 100644 --- a/blog/20230722-simplex-chat-v5-2-message-delivery-receipts.html +++ b/blog/20230722-simplex-chat-v5-2-message-delivery-receipts.html @@ -44,6 +44,8 @@ + + SimpleX blog: SimpleX Chat v5.2 released: message delivery receipts @@ -57,6 +59,7 @@ + @@ -315,6 +318,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -329,6 +346,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -348,6 +366,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/blog/20230925-simplex-chat-v5-3-desktop-app-local-file-encryption-directory-service.html b/blog/20230925-simplex-chat-v5-3-desktop-app-local-file-encryption-directory-service.html index cdd6ea6e45..76470ae21c 100644 --- a/blog/20230925-simplex-chat-v5-3-desktop-app-local-file-encryption-directory-service.html +++ b/blog/20230925-simplex-chat-v5-3-desktop-app-local-file-encryption-directory-service.html @@ -44,6 +44,8 @@ + + SimpleX blog: SimpleX Chat v5.3 released: desktop app, local file encryption and improved groups with directory service @@ -57,6 +59,7 @@ + @@ -315,6 +318,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -329,6 +346,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -348,6 +366,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/blog/20231125-simplex-chat-v5-4-link-mobile-desktop-quantum-resistant-better-groups.html b/blog/20231125-simplex-chat-v5-4-link-mobile-desktop-quantum-resistant-better-groups.html index 10a409e5c5..f4f263e2bf 100644 --- a/blog/20231125-simplex-chat-v5-4-link-mobile-desktop-quantum-resistant-better-groups.html +++ b/blog/20231125-simplex-chat-v5-4-link-mobile-desktop-quantum-resistant-better-groups.html @@ -44,6 +44,8 @@ + + SimpleX blog: SimpleX Chat v5.4 - link mobile and desktop apps via quantum resistant protocol, and much better groups. @@ -57,6 +59,7 @@ + @@ -315,6 +318,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -329,6 +346,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -348,6 +366,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/blog/20240124-simplex-chat-infrastructure-costs-v5-5-simplex-ux-private-notes-group-history.html b/blog/20240124-simplex-chat-infrastructure-costs-v5-5-simplex-ux-private-notes-group-history.html index 4dd635b6b1..cb33d44742 100644 --- a/blog/20240124-simplex-chat-infrastructure-costs-v5-5-simplex-ux-private-notes-group-history.html +++ b/blog/20240124-simplex-chat-infrastructure-costs-v5-5-simplex-ux-private-notes-group-history.html @@ -44,6 +44,8 @@ + + SimpleX blog: SimpleX Chat: free infrastructure from Linode, v5.5 released with private notes, group history and a simpler UX to connect. @@ -57,6 +59,7 @@ + @@ -315,6 +318,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -329,6 +346,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -348,6 +366,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/blog/20240314-simplex-chat-v5-6-quantum-resistance-signal-double-ratchet-algorithm.html b/blog/20240314-simplex-chat-v5-6-quantum-resistance-signal-double-ratchet-algorithm.html index a3da9368f7..b8c7304c84 100644 --- a/blog/20240314-simplex-chat-v5-6-quantum-resistance-signal-double-ratchet-algorithm.html +++ b/blog/20240314-simplex-chat-v5-6-quantum-resistance-signal-double-ratchet-algorithm.html @@ -44,6 +44,8 @@ + + SimpleX blog: SimpleX Chat v5.6 (beta): adding quantum resistance to Signal double ratchet algorithm @@ -57,6 +59,7 @@ + @@ -315,6 +318,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -329,6 +346,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -348,6 +366,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/blog/20240323-simplex-network-privacy-non-profit-v5-6-quantum-resistant-e2e-encryption-simple-migration.html b/blog/20240323-simplex-network-privacy-non-profit-v5-6-quantum-resistant-e2e-encryption-simple-migration.html index e40ff87b5c..e99605f27c 100644 --- a/blog/20240323-simplex-network-privacy-non-profit-v5-6-quantum-resistant-e2e-encryption-simple-migration.html +++ b/blog/20240323-simplex-network-privacy-non-profit-v5-6-quantum-resistant-e2e-encryption-simple-migration.html @@ -44,6 +44,8 @@ + + SimpleX blog: SimpleX network: real privacy and stable profits, non-profits for protocols, v5.6 released with quantum resistant e2e encryption and simple profile migration @@ -57,6 +59,7 @@ + @@ -315,6 +318,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -329,6 +346,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -348,6 +366,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/blog/20240404-why-i-joined-simplex-chat-esraa-al-shafei.html b/blog/20240404-why-i-joined-simplex-chat-esraa-al-shafei.html index 4ea369f744..990b2ddd80 100644 --- a/blog/20240404-why-i-joined-simplex-chat-esraa-al-shafei.html +++ b/blog/20240404-why-i-joined-simplex-chat-esraa-al-shafei.html @@ -44,6 +44,8 @@ + + SimpleX blog: Why I joined SimpleX Chat - by Esra'a al Shafei @@ -57,6 +59,7 @@ + @@ -315,6 +318,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -329,6 +346,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -348,6 +366,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/blog/20240416-dangers-of-metadata-in-messengers.html b/blog/20240416-dangers-of-metadata-in-messengers.html index 26b7cafbaa..3080fbf123 100644 --- a/blog/20240416-dangers-of-metadata-in-messengers.html +++ b/blog/20240416-dangers-of-metadata-in-messengers.html @@ -44,6 +44,8 @@ + + SimpleX blog: The dangers of metadata in messengers @@ -57,6 +59,7 @@ + @@ -315,6 +318,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -329,6 +346,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -348,6 +366,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/blog/20240426-simplex-legally-binding-transparency-v5-7-better-user-experience.html b/blog/20240426-simplex-legally-binding-transparency-v5-7-better-user-experience.html index 8b61efcd15..34617aa8e0 100644 --- a/blog/20240426-simplex-legally-binding-transparency-v5-7-better-user-experience.html +++ b/blog/20240426-simplex-legally-binding-transparency-v5-7-better-user-experience.html @@ -44,6 +44,8 @@ + + SimpleX blog: SimpleX network: legally binding transparency, v5.7 released with better calls and messages @@ -57,6 +59,7 @@ + @@ -315,6 +318,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -329,6 +346,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -348,6 +366,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/blog/20240516-simplex-redefining-privacy-hard-choices.html b/blog/20240516-simplex-redefining-privacy-hard-choices.html index f637a94a15..126756ee06 100644 --- a/blog/20240516-simplex-redefining-privacy-hard-choices.html +++ b/blog/20240516-simplex-redefining-privacy-hard-choices.html @@ -44,6 +44,8 @@ + + SimpleX blog: SimpleX: Redefining Privacy by Making Hard Choices @@ -57,6 +59,7 @@ + @@ -315,6 +318,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -329,6 +346,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -348,6 +366,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/blog/20240601-protecting-children-safety-requires-e2e-encryption.html b/blog/20240601-protecting-children-safety-requires-e2e-encryption.html index 001c361c2b..b9c6506c06 100644 --- a/blog/20240601-protecting-children-safety-requires-e2e-encryption.html +++ b/blog/20240601-protecting-children-safety-requires-e2e-encryption.html @@ -44,6 +44,8 @@ + + SimpleX blog: Protecting Children's Safety Requires End-to-End Encryption @@ -57,6 +59,7 @@ + @@ -315,6 +318,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -329,6 +346,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -348,6 +366,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/blog/20240604-simplex-chat-v5.8-private-message-routing-chat-themes.html b/blog/20240604-simplex-chat-v5.8-private-message-routing-chat-themes.html index 9c7ba28ad1..24d29ae86f 100644 --- a/blog/20240604-simplex-chat-v5.8-private-message-routing-chat-themes.html +++ b/blog/20240604-simplex-chat-v5.8-private-message-routing-chat-themes.html @@ -44,6 +44,8 @@ + + SimpleX blog: SimpleX network: private message routing, v5.8 released with IP address protection and chat themes @@ -57,6 +59,7 @@ + @@ -315,6 +318,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -329,6 +346,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -348,6 +366,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/blog/20240704-future-of-privacy-enforcing-privacy-standards.html b/blog/20240704-future-of-privacy-enforcing-privacy-standards.html index b9b79c0bf5..700107fd61 100644 --- a/blog/20240704-future-of-privacy-enforcing-privacy-standards.html +++ b/blog/20240704-future-of-privacy-enforcing-privacy-standards.html @@ -44,6 +44,8 @@ + + SimpleX blog: The Future of Privacy: Enforcing Privacy Standards @@ -57,6 +59,7 @@ + @@ -315,6 +318,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -329,6 +346,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -348,6 +366,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/blog/20240814-simplex-chat-vision-funding-v6-private-routing-new-user-experience.html b/blog/20240814-simplex-chat-vision-funding-v6-private-routing-new-user-experience.html index 5530a6bca0..b95ec977d9 100644 --- a/blog/20240814-simplex-chat-vision-funding-v6-private-routing-new-user-experience.html +++ b/blog/20240814-simplex-chat-vision-funding-v6-private-routing-new-user-experience.html @@ -44,6 +44,8 @@ + + SimpleX blog: SimpleX network: the investment from Jack Dorsey and Asymmetric, v6.0 released with the new user experience and private message routing. @@ -57,6 +59,7 @@ + @@ -315,6 +318,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -329,6 +346,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -348,6 +366,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/blog/20241014-simplex-network-v6-1-security-review-better-calls-user-experience.html b/blog/20241014-simplex-network-v6-1-security-review-better-calls-user-experience.html index 3cb1158181..c40c799cbb 100644 --- a/blog/20241014-simplex-network-v6-1-security-review-better-calls-user-experience.html +++ b/blog/20241014-simplex-network-v6-1-security-review-better-calls-user-experience.html @@ -44,6 +44,8 @@ + + SimpleX blog: SimpleX network: cryptographic design review by Trail of Bits, v6.1 released with better calls and user experience. @@ -57,6 +59,7 @@ + @@ -315,6 +318,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -329,6 +346,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -348,6 +366,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/blog/20241016-wired-attack-on-privacy.html b/blog/20241016-wired-attack-on-privacy.html index bef74accd4..b1be8614f3 100644 --- a/blog/20241016-wired-attack-on-privacy.html +++ b/blog/20241016-wired-attack-on-privacy.html @@ -44,6 +44,8 @@ + + SimpleX blog: Wired’s Attack on Privacy @@ -57,6 +59,7 @@ + @@ -315,6 +318,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -329,6 +346,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -348,6 +366,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/blog/20241125-servers-operated-by-flux-true-privacy-and-decentralization-for-all-users.html b/blog/20241125-servers-operated-by-flux-true-privacy-and-decentralization-for-all-users.html index f04e8f9d99..f64108add8 100644 --- a/blog/20241125-servers-operated-by-flux-true-privacy-and-decentralization-for-all-users.html +++ b/blog/20241125-servers-operated-by-flux-true-privacy-and-decentralization-for-all-users.html @@ -44,6 +44,8 @@ + + SimpleX blog: Servers operated by Flux - true privacy and decentralization for all users @@ -57,6 +59,7 @@ + @@ -315,6 +318,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -329,6 +346,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -348,6 +366,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/blog/20241210-simplex-network-v6-2-servers-by-flux-business-chats.html b/blog/20241210-simplex-network-v6-2-servers-by-flux-business-chats.html index 9bbc6b1161..f36cae3c3d 100644 --- a/blog/20241210-simplex-network-v6-2-servers-by-flux-business-chats.html +++ b/blog/20241210-simplex-network-v6-2-servers-by-flux-business-chats.html @@ -44,6 +44,8 @@ + + SimpleX blog: SimpleX network: preset servers operated by Flux, business chats and more with v6.2 of the apps @@ -57,6 +59,7 @@ + @@ -315,6 +318,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -329,6 +346,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -348,6 +366,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/blog/20241218-oppose-digital-ids-they-break-law-lead-to-mass-scale-surveillance.html b/blog/20241218-oppose-digital-ids-they-break-law-lead-to-mass-scale-surveillance.html index 3f2bae3833..b5f6625045 100644 --- a/blog/20241218-oppose-digital-ids-they-break-law-lead-to-mass-scale-surveillance.html +++ b/blog/20241218-oppose-digital-ids-they-break-law-lead-to-mass-scale-surveillance.html @@ -44,6 +44,8 @@ + + SimpleX blog: Oppose digital IDs – they break the law and lead to mass scale surveillance @@ -57,6 +59,7 @@ + @@ -315,6 +318,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -329,6 +346,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -348,6 +366,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/blog/20250114-simplex-network-large-groups-privacy-preserving-content-moderation.html b/blog/20250114-simplex-network-large-groups-privacy-preserving-content-moderation.html index 056a545b3f..5a09f4a197 100644 --- a/blog/20250114-simplex-network-large-groups-privacy-preserving-content-moderation.html +++ b/blog/20250114-simplex-network-large-groups-privacy-preserving-content-moderation.html @@ -44,6 +44,8 @@ + + SimpleX blog: SimpleX network: large groups and privacy-preserving content moderation @@ -57,6 +59,7 @@ + @@ -315,6 +318,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -329,6 +346,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -348,6 +366,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/blog/20250308-simplex-chat-v6-3-new-user-experience-safety-in-public-groups.html b/blog/20250308-simplex-chat-v6-3-new-user-experience-safety-in-public-groups.html index d555a219d2..931e74e05e 100644 --- a/blog/20250308-simplex-chat-v6-3-new-user-experience-safety-in-public-groups.html +++ b/blog/20250308-simplex-chat-v6-3-new-user-experience-safety-in-public-groups.html @@ -44,6 +44,8 @@ + + SimpleX blog: SimpleX Chat v6.3: new user experience and safety in public groups @@ -57,6 +59,7 @@ + @@ -315,6 +318,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -329,6 +346,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -348,6 +366,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/blog/20250703-simplex-network-protocol-extension-for-securely-connecting-people.html b/blog/20250703-simplex-network-protocol-extension-for-securely-connecting-people.html index f5f492916c..1f4370217f 100644 --- a/blog/20250703-simplex-network-protocol-extension-for-securely-connecting-people.html +++ b/blog/20250703-simplex-network-protocol-extension-for-securely-connecting-people.html @@ -44,6 +44,8 @@ + + SimpleX blog: SimpleX network: new experience of connecting with people — available in SimpleX Chat v6.4-beta.4 @@ -57,6 +59,7 @@ + @@ -315,6 +318,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -329,6 +346,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -348,6 +366,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/blog/20250729-simplex-chat-v6-4-1-welcome-contacts-protect-groups-app-security.html b/blog/20250729-simplex-chat-v6-4-1-welcome-contacts-protect-groups-app-security.html index e5db01b73a..0b0861eaf8 100644 --- a/blog/20250729-simplex-chat-v6-4-1-welcome-contacts-protect-groups-app-security.html +++ b/blog/20250729-simplex-chat-v6-4-1-welcome-contacts-protect-groups-app-security.html @@ -44,6 +44,8 @@ + + SimpleX blog: SimpleX Chat v6.4.1: welcome your contacts, review members to protect groups, and more. @@ -57,6 +59,7 @@ + @@ -315,6 +318,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -329,6 +346,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -348,6 +366,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/blog/index.html b/blog/index.html index b2835c0558..53177004dc 100644 --- a/blog/index.html +++ b/blog/index.html @@ -43,6 +43,8 @@ > + + SimpleX blog: the latest news @@ -58,6 +60,7 @@ + @@ -318,6 +321,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -332,6 +349,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -351,6 +369,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/contact/index.html b/contact/index.html index 0f8fb360e0..8d90ee2861 100644 --- a/contact/index.html +++ b/contact/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat - Contact @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/cs/contact/index.html b/cs/contact/index.html index 2d7a9ab914..44bd06dea5 100644 --- a/cs/contact/index.html +++ b/cs/contact/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat - Contact @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/cs/fdroid/index.html b/cs/fdroid/index.html index 411b92e5ae..63aa3528d3 100644 --- a/cs/fdroid/index.html +++ b/cs/fdroid/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat - Get the app via F-Droid @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/cs/file/index.html b/cs/file/index.html index 4d9fff7b8c..8c1dd0ebdf 100644 --- a/cs/file/index.html +++ b/cs/file/index.html @@ -43,6 +43,8 @@ > + + SimpleX File Transfer @@ -58,6 +60,7 @@ + @@ -318,6 +321,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -332,6 +349,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -351,6 +369,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/cs/index.html b/cs/index.html index ea67f48ed2..cd746f838e 100644 --- a/cs/index.html +++ b/cs/index.html @@ -1,6 +1,6 @@ - + + - SimpleX Chat: private and secure messenger without any user IDs (not even random) @@ -61,6 +62,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + @@ -509,6 +538,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -523,6 +566,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -542,6 +586,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/cs/invitation/index.html b/cs/invitation/index.html index e778f90dd5..5d1091128b 100644 --- a/cs/invitation/index.html +++ b/cs/invitation/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat - Invitation @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/cs/messaging/index.html b/cs/messaging/index.html index 26d791851d..53a6d60c05 100644 --- a/cs/messaging/index.html +++ b/cs/messaging/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat: The World's Most Secure Messaging @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/cs/old/index.html b/cs/old/index.html index 316c518b22..5a61ab304f 100644 --- a/cs/old/index.html +++ b/cs/old/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat: private and secure messenger without any user IDs (not even random) @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/cs/why/index.html b/cs/why/index.html index ca66ca3d4c..a3fc5046af 100644 --- a/cs/why/index.html +++ b/cs/why/index.html @@ -43,6 +43,8 @@ > + + Why we are building SimpleX Network @@ -58,6 +60,7 @@ + @@ -423,6 +426,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -437,6 +454,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -456,6 +474,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/css/design3-nav.css b/css/design3-nav.css index e6558823fc..6fd3826566 100644 --- a/css/design3-nav.css +++ b/css/design3-nav.css @@ -585,7 +585,7 @@ button#cross-btn { } header#navbar nav#menu .nav-link a { - font-family: "Manrope", "GT-Walsheim", sans-serif; + font-family: "Manrope", sans-serif; font-weight: 300; font-size: 18px; width: 100%; @@ -638,7 +638,7 @@ button#cross-btn { } header#navbar nav#menu .sub-menu li a { - font-family: "Manrope", "GT-Walsheim", sans-serif; + font-family: "Manrope", sans-serif; font-weight: 300; width: 100%; } diff --git a/css/design3.css b/css/design3.css index d4b5d4d271..d2d9b65aac 100644 --- a/css/design3.css +++ b/css/design3.css @@ -216,10 +216,6 @@ html { font-family: GT-Walsheim, Gilroy, Helvetica, sans-serif; } -html, -body { - background: #ffffff; -} .dark html, .dark body { @@ -397,8 +393,8 @@ section.cover div.content { } section.cover div.content h1 { - font-family: "GT-Walsheim", "Manrope", sans-serif; - font-weight: 600; + font-family: "GT-Walsheim", sans-serif; + font-weight: 700; font-size: calc(var(--sec-vwu) * 11.7); line-height: 0.9; letter-spacing: -0.025em; @@ -419,7 +415,7 @@ section.cover div.content h1 .medium { } section.cover div.content h2 { - font-family: "GT-Walsheim", "Manrope", sans-serif; + font-family: "GT-Walsheim", sans-serif; font-weight: 400; font-size: calc(var(--sec-vwu) * 5); letter-spacing: -0.025em; @@ -427,7 +423,7 @@ section.cover div.content h2 { } section.cover div.content p { - font-family: "Manrope", "GT-Walsheim", sans-serif; + font-family: "Manrope", sans-serif; font-weight: 200; font-size: calc(var(--sec-vwu) * 2.14); align-items: center; @@ -491,7 +487,7 @@ section.cover div.content p { .security-audits { font-size: 14px !important; - font-family: 'Manrope', 'GT-Walsheim', sans-serif !important; + font-family: 'Manrope', sans-serif !important; font-weight: 300 !important; color: white; line-height: 1.2; @@ -532,6 +528,14 @@ section.cover div.content p { flex-wrap: wrap; } +@media (min-width: 960px) { + .socials .desktop-app-btn, + .socials .apple-store-btn, + .socials .google-play-btn { + display: flex !important; + } +} + [dir="ltr"] .socials { right: 30px; } @@ -567,7 +571,7 @@ section.cover div.content p { .desktop-app-btn .btn-content p { margin: 0; font-size: 11px !important; - font-family: 'Manrope', 'GT-Walsheim', sans-serif !important; + font-family: 'Manrope', sans-serif !important; font-weight: 300 !important; line-height: 1.2 !important; text-align: left; @@ -593,6 +597,10 @@ section.cover div.content p { .socials { position: static; } + + .socials { + min-height: 42px; + } } /* --- MAIN SECTIONS --- */ @@ -761,7 +769,7 @@ main .section-bg { } .page .text-container h2 { - font-family: "GT-Walsheim", "Manrope", sans-serif; + font-family: "GT-Walsheim", sans-serif; font-weight: 300; font-size: calc(var(--sec-vwu)*4.94); letter-spacing: -0.025em; @@ -775,7 +783,7 @@ main .section-bg { } .page .text-container p { - font-family: "Manrope", "GT-Walsheim", sans-serif; + font-family: "Manrope", sans-serif; font-weight: 200; font-size: calc(var(--sec-vwu)*1.62); max-width: calc(var(--sec-vwu)*23); @@ -791,7 +799,7 @@ main .section-bg { } .page .text-container a { - font-family: "Manrope", "GT-Walsheim", sans-serif; + font-family: "Manrope", sans-serif; font-weight: 200; font-size: calc(var(--sec-vwu)*1.62); text-decoration: underline; diff --git a/de/contact/index.html b/de/contact/index.html index 77db3508d3..c29269ef62 100644 --- a/de/contact/index.html +++ b/de/contact/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat - Contact @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/de/fdroid/index.html b/de/fdroid/index.html index cf00591752..86b410b46a 100644 --- a/de/fdroid/index.html +++ b/de/fdroid/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat - Get the app via F-Droid @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/de/file/index.html b/de/file/index.html index 6b45be5eed..1b9191fcc5 100644 --- a/de/file/index.html +++ b/de/file/index.html @@ -43,6 +43,8 @@ > + + SimpleX File Transfer @@ -58,6 +60,7 @@ + @@ -318,6 +321,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -332,6 +349,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -351,6 +369,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/de/index.html b/de/index.html index 18f83f0d70..3a2fe2342b 100644 --- a/de/index.html +++ b/de/index.html @@ -1,6 +1,6 @@ - + + - SimpleX Chat: private and secure messenger without any user IDs (not even random) @@ -61,6 +62,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + @@ -509,6 +538,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -523,6 +566,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -542,6 +586,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/de/invitation/index.html b/de/invitation/index.html index 89539f066b..385ff19865 100644 --- a/de/invitation/index.html +++ b/de/invitation/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat - Invitation @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/de/messaging/index.html b/de/messaging/index.html index 7f7d34e0e7..ee93c3c656 100644 --- a/de/messaging/index.html +++ b/de/messaging/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat: The World's Most Secure Messaging @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/de/old/index.html b/de/old/index.html index db10c443da..fd56d50003 100644 --- a/de/old/index.html +++ b/de/old/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat: private and secure messenger without any user IDs (not even random) @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/de/why/index.html b/de/why/index.html index 2d81cd216c..faa8b5d330 100644 --- a/de/why/index.html +++ b/de/why/index.html @@ -43,6 +43,8 @@ > + + Why we are building SimpleX Network @@ -58,6 +60,7 @@ + @@ -423,6 +426,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -437,6 +454,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -456,6 +474,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/directory/index.html b/directory/index.html index ab6f41388e..bb01a34ed4 100644 --- a/directory/index.html +++ b/directory/index.html @@ -43,6 +43,8 @@ > + + SimpleX Directory @@ -58,6 +60,7 @@ + @@ -318,6 +321,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -332,6 +349,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -351,6 +369,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/docs/android.html b/docs/android.html index 5d5ae56db9..8abb0c26b1 100644 --- a/docs/android.html +++ b/docs/android.html @@ -45,12 +45,15 @@ + + Accessing files in Android app + @@ -548,6 +551,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -562,6 +579,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -581,6 +599,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/docs/business.html b/docs/business.html index a649c39e9f..932ac1279a 100644 --- a/docs/business.html +++ b/docs/business.html @@ -45,12 +45,15 @@ + + SimpleX for business + @@ -410,6 +413,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -424,6 +441,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -443,6 +461,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/docs/cli.html b/docs/cli.html index c61bd0defe..4ff3993b71 100644 --- a/docs/cli.html +++ b/docs/cli.html @@ -45,12 +45,15 @@ + + Terminal CLI + @@ -548,6 +551,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -562,6 +579,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -581,6 +599,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/docs/code_of_conduct.html b/docs/code_of_conduct.html index a489b2221b..19f630a696 100644 --- a/docs/code_of_conduct.html +++ b/docs/code_of_conduct.html @@ -45,12 +45,15 @@ + + + @@ -410,6 +413,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -424,6 +441,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -443,6 +461,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/docs/contributing.html b/docs/contributing.html index fd59d42663..851d8b4a73 100644 --- a/docs/contributing.html +++ b/docs/contributing.html @@ -45,12 +45,15 @@ + + Contributing guide + @@ -548,6 +551,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -562,6 +579,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -581,6 +599,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/docs/directory.html b/docs/directory.html index 7cfe7934ce..2d299a4c87 100644 --- a/docs/directory.html +++ b/docs/directory.html @@ -45,12 +45,15 @@ + + SimpleX Directory + @@ -309,6 +312,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -323,6 +340,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -342,6 +360,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/docs/glossary.html b/docs/glossary.html index 3c473338cf..d53b7dbb66 100644 --- a/docs/glossary.html +++ b/docs/glossary.html @@ -45,12 +45,15 @@ + + + @@ -410,6 +413,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -424,6 +441,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -443,6 +461,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/docs/guide/app-settings.html b/docs/guide/app-settings.html index 1ae6b75ee8..e1f03e2c57 100644 --- a/docs/guide/app-settings.html +++ b/docs/guide/app-settings.html @@ -45,12 +45,15 @@ + + App settings + @@ -410,6 +413,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -424,6 +441,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -443,6 +461,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/docs/guide/audio-video-calls.html b/docs/guide/audio-video-calls.html index bf05572dc3..5a3426f171 100644 --- a/docs/guide/audio-video-calls.html +++ b/docs/guide/audio-video-calls.html @@ -45,12 +45,15 @@ + + Audio & video Calls + @@ -410,6 +413,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -424,6 +441,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -443,6 +461,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/docs/guide/chat-profiles.html b/docs/guide/chat-profiles.html index 69771d015e..d3b3b4a920 100644 --- a/docs/guide/chat-profiles.html +++ b/docs/guide/chat-profiles.html @@ -45,12 +45,15 @@ + + Chat profiles + @@ -309,6 +312,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -323,6 +340,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -342,6 +360,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/docs/guide/making-connections.html b/docs/guide/making-connections.html index 3dba9bfd01..ef08ea1a57 100644 --- a/docs/guide/making-connections.html +++ b/docs/guide/making-connections.html @@ -45,12 +45,15 @@ + + Making connections + @@ -410,6 +413,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -424,6 +441,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -443,6 +461,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/docs/guide/managing-data.html b/docs/guide/managing-data.html index ab32661a5b..381fcdf21c 100644 --- a/docs/guide/managing-data.html +++ b/docs/guide/managing-data.html @@ -45,12 +45,15 @@ + + Managing data + @@ -410,6 +413,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -424,6 +441,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -443,6 +461,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/docs/guide/privacy-security.html b/docs/guide/privacy-security.html index 2b561337e6..31ccc5c96e 100644 --- a/docs/guide/privacy-security.html +++ b/docs/guide/privacy-security.html @@ -45,12 +45,15 @@ + + Privacy & security + @@ -309,6 +312,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -323,6 +340,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -342,6 +360,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/docs/guide/readme.html b/docs/guide/readme.html index 6c6eab568e..da5bce761f 100644 --- a/docs/guide/readme.html +++ b/docs/guide/readme.html @@ -45,12 +45,15 @@ + + Quick start + @@ -410,6 +413,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -424,6 +441,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -443,6 +461,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/docs/guide/secret-groups.html b/docs/guide/secret-groups.html index 563a554a35..da0d9ec502 100644 --- a/docs/guide/secret-groups.html +++ b/docs/guide/secret-groups.html @@ -45,12 +45,15 @@ + + Secret groups + @@ -410,6 +413,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -424,6 +441,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -443,6 +461,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/docs/guide/send-messages.html b/docs/guide/send-messages.html index 4e3af81fb9..4082b7ad19 100644 --- a/docs/guide/send-messages.html +++ b/docs/guide/send-messages.html @@ -45,12 +45,15 @@ + + Sending messages + @@ -410,6 +413,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -424,6 +441,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -443,6 +461,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/docs/lang/cs/android.html b/docs/lang/cs/android.html index dbb3c9ebfa..ef1fe69283 100644 --- a/docs/lang/cs/android.html +++ b/docs/lang/cs/android.html @@ -45,12 +45,15 @@ + + Přístup k souborům v aplikaci Android + @@ -548,6 +551,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -562,6 +579,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -581,6 +599,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/docs/lang/cs/cli.html b/docs/lang/cs/cli.html index c63662b546..b45c8a836b 100644 --- a/docs/lang/cs/cli.html +++ b/docs/lang/cs/cli.html @@ -45,12 +45,15 @@ + + SimpleX Chat terminálová + @@ -548,6 +551,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -562,6 +579,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -581,6 +599,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/docs/lang/cs/contributing.html b/docs/lang/cs/contributing.html index 415e482e29..b7f56f628f 100644 --- a/docs/lang/cs/contributing.html +++ b/docs/lang/cs/contributing.html @@ -45,12 +45,15 @@ + + Průvodce pÅ™ispíváním + @@ -548,6 +551,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -562,6 +579,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -581,6 +599,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/docs/lang/cs/server.html b/docs/lang/cs/server.html index c7138f9298..f79b2d92b9 100644 --- a/docs/lang/cs/server.html +++ b/docs/lang/cs/server.html @@ -45,12 +45,15 @@ + + Hostování vlastního serveru SMP + @@ -548,6 +551,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -562,6 +579,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -581,6 +599,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/docs/lang/cs/simplex.html b/docs/lang/cs/simplex.html index fb5d92cef3..3ce104cd92 100644 --- a/docs/lang/cs/simplex.html +++ b/docs/lang/cs/simplex.html @@ -45,12 +45,15 @@ + + Platforma SimpleX + @@ -548,6 +551,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -562,6 +579,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -581,6 +599,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/docs/lang/cs/translations.html b/docs/lang/cs/translations.html index 3cd3c32c0e..85a1b5109a 100644 --- a/docs/lang/cs/translations.html +++ b/docs/lang/cs/translations.html @@ -45,12 +45,15 @@ + + PÅ™ispívání pÅ™ekladů do SimpleX Chat + @@ -548,6 +551,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -562,6 +579,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -581,6 +599,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/docs/lang/cs/webrtc.html b/docs/lang/cs/webrtc.html index e26daa0df0..df6a2f8614 100644 --- a/docs/lang/cs/webrtc.html +++ b/docs/lang/cs/webrtc.html @@ -45,12 +45,15 @@ + + Použití vlastních serverů WebRTC ICE v SimpleX Chat + @@ -548,6 +551,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -562,6 +579,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -581,6 +599,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/docs/lang/fr/android.html b/docs/lang/fr/android.html index 76a2b1b022..d912fdb797 100644 --- a/docs/lang/fr/android.html +++ b/docs/lang/fr/android.html @@ -45,12 +45,15 @@ + + Accès aux fichiers dans l'application Android + @@ -548,6 +551,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -562,6 +579,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -581,6 +599,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/docs/lang/fr/cli.html b/docs/lang/fr/cli.html index 5343ef88a5..0a8794178a 100644 --- a/docs/lang/fr/cli.html +++ b/docs/lang/fr/cli.html @@ -45,12 +45,15 @@ + + Application de terminal + @@ -548,6 +551,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -562,6 +579,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -581,6 +599,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/docs/lang/fr/contributing.html b/docs/lang/fr/contributing.html index bd51d76c1b..0015458acd 100644 --- a/docs/lang/fr/contributing.html +++ b/docs/lang/fr/contributing.html @@ -45,12 +45,15 @@ + + Guide pour contribuer + @@ -548,6 +551,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -562,6 +579,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -581,6 +599,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/docs/lang/fr/server.html b/docs/lang/fr/server.html index a5a422ecf7..4e59b1a1f4 100644 --- a/docs/lang/fr/server.html +++ b/docs/lang/fr/server.html @@ -45,12 +45,15 @@ + + Héberger votre propre serveur SMP + @@ -548,6 +551,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -562,6 +579,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -581,6 +599,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/docs/lang/fr/simplex.html b/docs/lang/fr/simplex.html index a714566f3b..cb171146b7 100644 --- a/docs/lang/fr/simplex.html +++ b/docs/lang/fr/simplex.html @@ -45,12 +45,15 @@ + + Plateforme SimpleX + @@ -548,6 +551,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -562,6 +579,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -581,6 +599,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/docs/lang/fr/translations.html b/docs/lang/fr/translations.html index 223c3a8ea9..5fcb81b970 100644 --- a/docs/lang/fr/translations.html +++ b/docs/lang/fr/translations.html @@ -45,12 +45,15 @@ + + Contribuer aux traductions de SimpleX Chat + @@ -548,6 +551,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -562,6 +579,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -581,6 +599,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/docs/lang/fr/webrtc.html b/docs/lang/fr/webrtc.html index fb067eba63..700f292158 100644 --- a/docs/lang/fr/webrtc.html +++ b/docs/lang/fr/webrtc.html @@ -45,12 +45,15 @@ + + Utilisation de serveurs WebRTC ICE personnalisés dans SimpleX Chat + @@ -548,6 +551,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -562,6 +579,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -581,6 +599,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/docs/lang/pl/android.html b/docs/lang/pl/android.html index 797a19f972..cbd64fa7ab 100644 --- a/docs/lang/pl/android.html +++ b/docs/lang/pl/android.html @@ -45,12 +45,15 @@ + + DostÄ™p do plików w aplikacji Androidowej + @@ -548,6 +551,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -562,6 +579,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -581,6 +599,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/docs/lang/pl/cli.html b/docs/lang/pl/cli.html index d35b4cd45c..403ccd9567 100644 --- a/docs/lang/pl/cli.html +++ b/docs/lang/pl/cli.html @@ -45,12 +45,15 @@ + + Aplikacja konsolowa + @@ -548,6 +551,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -562,6 +579,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -581,6 +599,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/docs/lang/pl/contributing.html b/docs/lang/pl/contributing.html index 9fd16018f0..e1d352544a 100644 --- a/docs/lang/pl/contributing.html +++ b/docs/lang/pl/contributing.html @@ -45,12 +45,15 @@ + + Poradnik wspierania projektu + @@ -548,6 +551,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -562,6 +579,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -581,6 +599,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/docs/lang/pl/server.html b/docs/lang/pl/server.html index 925621a318..39deb9bd63 100644 --- a/docs/lang/pl/server.html +++ b/docs/lang/pl/server.html @@ -45,12 +45,15 @@ + + Hostowanie wÅ‚asnego serwera SMP + @@ -548,6 +551,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -562,6 +579,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -581,6 +599,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/docs/lang/pl/simplex.html b/docs/lang/pl/simplex.html index 37c1299003..adb0993ca4 100644 --- a/docs/lang/pl/simplex.html +++ b/docs/lang/pl/simplex.html @@ -45,12 +45,15 @@ + + Platfoma SimpleX + @@ -548,6 +551,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -562,6 +579,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -581,6 +599,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/docs/lang/pl/translations.html b/docs/lang/pl/translations.html index afe72b47f3..e4837a7eba 100644 --- a/docs/lang/pl/translations.html +++ b/docs/lang/pl/translations.html @@ -45,12 +45,15 @@ + + Współtworzenie tÅ‚umaczenia SimpleX Chat + @@ -548,6 +551,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -562,6 +579,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -581,6 +599,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/docs/lang/pl/webrtc.html b/docs/lang/pl/webrtc.html index 8f7fe19399..6c4e1df55f 100644 --- a/docs/lang/pl/webrtc.html +++ b/docs/lang/pl/webrtc.html @@ -45,12 +45,15 @@ + + Korzystanie z niestandardowych serwerów WebRTC ICE w SimpleX Chat + @@ -548,6 +551,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -562,6 +579,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -581,6 +599,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/docs/protocol/simplex-chat.html b/docs/protocol/simplex-chat.html index 6d665ecbd5..21ab22c382 100644 --- a/docs/protocol/simplex-chat.html +++ b/docs/protocol/simplex-chat.html @@ -45,12 +45,15 @@ + + SimpleX Chat Protocol + @@ -410,6 +413,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -424,6 +441,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -443,6 +461,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/docs/server.html b/docs/server.html index 9090985b57..f1caeaa8a2 100644 --- a/docs/server.html +++ b/docs/server.html @@ -45,12 +45,15 @@ + + Hosting your own SMP Server + @@ -548,6 +551,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -562,6 +579,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -581,6 +599,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/docs/simplex.html b/docs/simplex.html index 1f66e23cf5..bf1cee9320 100644 --- a/docs/simplex.html +++ b/docs/simplex.html @@ -45,12 +45,15 @@ + + SimpleX platform + @@ -548,6 +551,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -562,6 +579,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -581,6 +599,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/docs/themes.html b/docs/themes.html index e5ead32cda..e7e5d33a83 100644 --- a/docs/themes.html +++ b/docs/themes.html @@ -45,12 +45,15 @@ + + + @@ -410,6 +413,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -424,6 +441,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -443,6 +461,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/docs/trademark.html b/docs/trademark.html index 6ac64bef67..a2a80a3d0c 100644 --- a/docs/trademark.html +++ b/docs/trademark.html @@ -45,12 +45,15 @@ + + + @@ -410,6 +413,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -424,6 +441,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -443,6 +461,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/docs/translations.html b/docs/translations.html index 5badeb9b1e..b72adf61db 100644 --- a/docs/translations.html +++ b/docs/translations.html @@ -45,12 +45,15 @@ + + Contributing SimpleX app translations + @@ -548,6 +551,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -562,6 +579,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -581,6 +599,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/docs/webrtc.html b/docs/webrtc.html index a4b441ca35..feeb771ad3 100644 --- a/docs/webrtc.html +++ b/docs/webrtc.html @@ -45,12 +45,15 @@ + + Using custom WebRTC ICE servers + @@ -548,6 +551,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -562,6 +579,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -581,6 +599,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/docs/why.html b/docs/why.html index d7a10cce63..b75891eb2c 100644 --- a/docs/why.html +++ b/docs/why.html @@ -45,12 +45,15 @@ + + + @@ -410,6 +413,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -424,6 +441,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -443,6 +461,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/docs/xftp-server.html b/docs/xftp-server.html index 036ac94280..10f506c8b0 100644 --- a/docs/xftp-server.html +++ b/docs/xftp-server.html @@ -45,12 +45,15 @@ + + Hosting your own XFTP Server + @@ -410,6 +413,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -424,6 +441,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -443,6 +461,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/donate/index.html b/donate/index.html index dd8c3f468b..eade0a4850 100644 --- a/donate/index.html +++ b/donate/index.html @@ -44,6 +44,8 @@ + + SimpleX Privacy Policy @@ -57,6 +59,7 @@ + @@ -310,6 +313,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -324,6 +341,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -343,6 +361,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/downloads/index.html b/downloads/index.html index 629599242d..97c4c7f781 100644 --- a/downloads/index.html +++ b/downloads/index.html @@ -45,12 +45,15 @@ + + Download SimpleX apps + @@ -410,6 +413,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -424,6 +441,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -443,6 +461,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/en/contact/index.html b/en/contact/index.html index 0f8fb360e0..8d90ee2861 100644 --- a/en/contact/index.html +++ b/en/contact/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat - Contact @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/en/fdroid/index.html b/en/fdroid/index.html index c8836289d4..b7413ee6fd 100644 --- a/en/fdroid/index.html +++ b/en/fdroid/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat - Get the app via F-Droid @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/en/file/index.html b/en/file/index.html index e1f5ef69cc..82742eee8d 100644 --- a/en/file/index.html +++ b/en/file/index.html @@ -43,6 +43,8 @@ > + + SimpleX File Transfer @@ -58,6 +60,7 @@ + @@ -318,6 +321,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -332,6 +349,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -351,6 +369,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/en/index.html b/en/index.html index e6c85aaf11..f18bf26b82 100644 --- a/en/index.html +++ b/en/index.html @@ -1,6 +1,6 @@ - + + - SimpleX Chat: private and secure messenger without any user IDs (not even random) @@ -61,6 +62,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + @@ -509,6 +538,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -523,6 +566,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -542,6 +586,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/en/invitation/index.html b/en/invitation/index.html index 6de0034f2f..f2f7ee7d27 100644 --- a/en/invitation/index.html +++ b/en/invitation/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat - Invitation @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/en/messaging/index.html b/en/messaging/index.html index 8dea1c648b..6c858e18ae 100644 --- a/en/messaging/index.html +++ b/en/messaging/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat: The World's Most Secure Messaging @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/en/old/index.html b/en/old/index.html index 693c75c312..8c990842d0 100644 --- a/en/old/index.html +++ b/en/old/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat: private and secure messenger without any user IDs (not even random) @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/en/why/index.html b/en/why/index.html index b0d3ed68ba..deaf45dcdd 100644 --- a/en/why/index.html +++ b/en/why/index.html @@ -43,6 +43,8 @@ > + + Why we are building SimpleX Network @@ -58,6 +60,7 @@ + @@ -423,6 +426,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -437,6 +454,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -456,6 +474,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/es/contact/index.html b/es/contact/index.html index db1246bd1b..329bdfb3ac 100644 --- a/es/contact/index.html +++ b/es/contact/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat - Contact @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/es/fdroid/index.html b/es/fdroid/index.html index 9480dcae5c..a37e211bfe 100644 --- a/es/fdroid/index.html +++ b/es/fdroid/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat - Get the app via F-Droid @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/es/file/index.html b/es/file/index.html index 19648e5e3f..6c93b6b1e3 100644 --- a/es/file/index.html +++ b/es/file/index.html @@ -43,6 +43,8 @@ > + + SimpleX File Transfer @@ -58,6 +60,7 @@ + @@ -318,6 +321,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -332,6 +349,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -351,6 +369,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/es/index.html b/es/index.html index 582037cfb7..2c44c3f9a8 100644 --- a/es/index.html +++ b/es/index.html @@ -1,6 +1,6 @@ - + + - SimpleX Chat: private and secure messenger without any user IDs (not even random) @@ -61,6 +62,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + @@ -509,6 +538,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -523,6 +566,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -542,6 +586,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/es/invitation/index.html b/es/invitation/index.html index 931dcb5dd2..fc5bc24150 100644 --- a/es/invitation/index.html +++ b/es/invitation/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat - Invitation @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/es/messaging/index.html b/es/messaging/index.html index e44b151725..65d312cb88 100644 --- a/es/messaging/index.html +++ b/es/messaging/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat: The World's Most Secure Messaging @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/es/old/index.html b/es/old/index.html index 24c3000ed4..105bf2e658 100644 --- a/es/old/index.html +++ b/es/old/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat: private and secure messenger without any user IDs (not even random) @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/es/why/index.html b/es/why/index.html index c452cf02f5..5ae825f758 100644 --- a/es/why/index.html +++ b/es/why/index.html @@ -43,6 +43,8 @@ > + + Why we are building SimpleX Network @@ -58,6 +60,7 @@ + @@ -423,6 +426,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -437,6 +454,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -456,6 +474,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/fa/contact/index.html b/fa/contact/index.html index 941aed9938..338583241d 100644 --- a/fa/contact/index.html +++ b/fa/contact/index.html @@ -41,6 +41,8 @@ > + + SimpleX Chat - Contact @@ -56,6 +58,7 @@ + @@ -510,6 +513,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -524,6 +541,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -543,6 +561,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/fa/fdroid/index.html b/fa/fdroid/index.html index 0f34203fa1..8888f480b6 100644 --- a/fa/fdroid/index.html +++ b/fa/fdroid/index.html @@ -41,6 +41,8 @@ > + + SimpleX Chat - Get the app via F-Droid @@ -56,6 +58,7 @@ + @@ -510,6 +513,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -524,6 +541,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -543,6 +561,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/fa/file/index.html b/fa/file/index.html index e964b1cc85..53f92471e6 100644 --- a/fa/file/index.html +++ b/fa/file/index.html @@ -41,6 +41,8 @@ > + + SimpleX File Transfer @@ -56,6 +58,7 @@ + @@ -314,6 +317,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -328,6 +345,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -347,6 +365,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/fa/index.html b/fa/index.html index e661fb46ba..eb36dfd6bb 100644 --- a/fa/index.html +++ b/fa/index.html @@ -1,6 +1,6 @@ - + + - SimpleX Chat: private and secure messenger without any user IDs (not even random) @@ -59,6 +60,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + @@ -500,6 +529,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -514,6 +557,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -533,6 +577,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/fa/invitation/index.html b/fa/invitation/index.html index 35af131ad8..de33c5adff 100644 --- a/fa/invitation/index.html +++ b/fa/invitation/index.html @@ -41,6 +41,8 @@ > + + SimpleX Chat - Invitation @@ -56,6 +58,7 @@ + @@ -510,6 +513,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -524,6 +541,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -543,6 +561,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/fa/messaging/index.html b/fa/messaging/index.html index 954c3c6d6c..d9cfca80b9 100644 --- a/fa/messaging/index.html +++ b/fa/messaging/index.html @@ -41,6 +41,8 @@ > + + SimpleX Chat: The World's Most Secure Messaging @@ -56,6 +58,7 @@ + @@ -510,6 +513,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -524,6 +541,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -543,6 +561,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/fa/old/index.html b/fa/old/index.html index 655d23096f..4bcabfba94 100644 --- a/fa/old/index.html +++ b/fa/old/index.html @@ -41,6 +41,8 @@ > + + SimpleX Chat: private and secure messenger without any user IDs (not even random) @@ -56,6 +58,7 @@ + @@ -510,6 +513,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -524,6 +541,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -543,6 +561,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/fa/why/index.html b/fa/why/index.html index 683e995dc5..3c7b223bc0 100644 --- a/fa/why/index.html +++ b/fa/why/index.html @@ -41,6 +41,8 @@ > + + Why we are building SimpleX Network @@ -56,6 +58,7 @@ + @@ -414,6 +417,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -428,6 +445,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -447,6 +465,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/faq/index.html b/faq/index.html index d91158fa4a..4ff4033006 100644 --- a/faq/index.html +++ b/faq/index.html @@ -45,12 +45,15 @@ + + Frequently Asked Questions + @@ -410,6 +413,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -424,6 +441,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -443,6 +461,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/fdroid/index.html b/fdroid/index.html index c8836289d4..b7413ee6fd 100644 --- a/fdroid/index.html +++ b/fdroid/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat - Get the app via F-Droid @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/fi/contact/index.html b/fi/contact/index.html index d152a7b870..ab832d3af7 100644 --- a/fi/contact/index.html +++ b/fi/contact/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat - Contact @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/fi/fdroid/index.html b/fi/fdroid/index.html index f378a1ac11..9f6e577b58 100644 --- a/fi/fdroid/index.html +++ b/fi/fdroid/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat - Get the app via F-Droid @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/fi/file/index.html b/fi/file/index.html index e9b6d37cf5..a0b2778d23 100644 --- a/fi/file/index.html +++ b/fi/file/index.html @@ -43,6 +43,8 @@ > + + SimpleX File Transfer @@ -58,6 +60,7 @@ + @@ -318,6 +321,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -332,6 +349,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -351,6 +369,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/fi/index.html b/fi/index.html index fdab7baf58..84f8ca1342 100644 --- a/fi/index.html +++ b/fi/index.html @@ -1,6 +1,6 @@ - + + - SimpleX Chat: private and secure messenger without any user IDs (not even random) @@ -61,6 +62,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + @@ -509,6 +538,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -523,6 +566,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -542,6 +586,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/fi/invitation/index.html b/fi/invitation/index.html index f8118c0594..1a717ea4ba 100644 --- a/fi/invitation/index.html +++ b/fi/invitation/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat - Invitation @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/fi/messaging/index.html b/fi/messaging/index.html index bca30e909e..7e80eaf659 100644 --- a/fi/messaging/index.html +++ b/fi/messaging/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat: The World's Most Secure Messaging @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/fi/old/index.html b/fi/old/index.html index 15a75c8637..eebcf121aa 100644 --- a/fi/old/index.html +++ b/fi/old/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat: private and secure messenger without any user IDs (not even random) @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/fi/why/index.html b/fi/why/index.html index a1bbefc85b..441f514720 100644 --- a/fi/why/index.html +++ b/fi/why/index.html @@ -43,6 +43,8 @@ > + + Why we are building SimpleX Network @@ -58,6 +60,7 @@ + @@ -423,6 +426,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -437,6 +454,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -456,6 +474,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/file/index.html b/file/index.html index e1f5ef69cc..82742eee8d 100644 --- a/file/index.html +++ b/file/index.html @@ -43,6 +43,8 @@ > + + SimpleX File Transfer @@ -58,6 +60,7 @@ + @@ -318,6 +321,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -332,6 +349,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -351,6 +369,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/fr/contact/index.html b/fr/contact/index.html index 9fef354bfb..32a9827c03 100644 --- a/fr/contact/index.html +++ b/fr/contact/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat - Contact @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/fr/fdroid/index.html b/fr/fdroid/index.html index c4ce4723ef..f1ac23bf50 100644 --- a/fr/fdroid/index.html +++ b/fr/fdroid/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat - Get the app via F-Droid @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/fr/file/index.html b/fr/file/index.html index fa2936286c..5b485b06c3 100644 --- a/fr/file/index.html +++ b/fr/file/index.html @@ -43,6 +43,8 @@ > + + SimpleX File Transfer @@ -58,6 +60,7 @@ + @@ -318,6 +321,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -332,6 +349,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -351,6 +369,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/fr/index.html b/fr/index.html index 1919c5ea1c..a571c3793d 100644 --- a/fr/index.html +++ b/fr/index.html @@ -1,6 +1,6 @@ - + + - SimpleX Chat: private and secure messenger without any user IDs (not even random) @@ -61,6 +62,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + @@ -509,6 +538,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -523,6 +566,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -542,6 +586,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/fr/invitation/index.html b/fr/invitation/index.html index cfd82d47d8..73366be3c6 100644 --- a/fr/invitation/index.html +++ b/fr/invitation/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat - Invitation @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/fr/messaging/index.html b/fr/messaging/index.html index b0705ec967..ce14c1527a 100644 --- a/fr/messaging/index.html +++ b/fr/messaging/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat: The World's Most Secure Messaging @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/fr/old/index.html b/fr/old/index.html index 2e9a9b044a..3ff6e662b2 100644 --- a/fr/old/index.html +++ b/fr/old/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat: private and secure messenger without any user IDs (not even random) @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/fr/why/index.html b/fr/why/index.html index f64934ccec..85cfd2b092 100644 --- a/fr/why/index.html +++ b/fr/why/index.html @@ -43,6 +43,8 @@ > + + Why we are building SimpleX Network @@ -58,6 +60,7 @@ + @@ -423,6 +426,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -437,6 +454,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -456,6 +474,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/he/contact/index.html b/he/contact/index.html index 4fe12ca062..373cf1d0c1 100644 --- a/he/contact/index.html +++ b/he/contact/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat - Contact @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/he/fdroid/index.html b/he/fdroid/index.html index 96741e91cc..429e6f5a1b 100644 --- a/he/fdroid/index.html +++ b/he/fdroid/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat - Get the app via F-Droid @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/he/file/index.html b/he/file/index.html index 4f67ee62ce..6bd204c656 100644 --- a/he/file/index.html +++ b/he/file/index.html @@ -43,6 +43,8 @@ > + + SimpleX File Transfer @@ -58,6 +60,7 @@ + @@ -318,6 +321,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -332,6 +349,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -351,6 +369,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/he/index.html b/he/index.html index 2f5c894859..d0887cb28b 100644 --- a/he/index.html +++ b/he/index.html @@ -1,6 +1,6 @@ - + + - SimpleX Chat: private and secure messenger without any user IDs (not even random) @@ -61,6 +62,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + @@ -509,6 +538,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -523,6 +566,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -542,6 +586,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/he/invitation/index.html b/he/invitation/index.html index a7012250f9..3c4ed280a2 100644 --- a/he/invitation/index.html +++ b/he/invitation/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat - Invitation @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/he/messaging/index.html b/he/messaging/index.html index 4d58d707b0..92a7168841 100644 --- a/he/messaging/index.html +++ b/he/messaging/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat: The World's Most Secure Messaging @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/he/old/index.html b/he/old/index.html index cf2f17bfe8..65bf4a30fb 100644 --- a/he/old/index.html +++ b/he/old/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat: private and secure messenger without any user IDs (not even random) @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/he/why/index.html b/he/why/index.html index 72662ffb3b..d27e1186b1 100644 --- a/he/why/index.html +++ b/he/why/index.html @@ -43,6 +43,8 @@ > + + Why we are building SimpleX Network @@ -58,6 +60,7 @@ + @@ -423,6 +426,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -437,6 +454,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -456,6 +474,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/hu/contact/index.html b/hu/contact/index.html index 5f80c9b02b..43acc5d8c5 100644 --- a/hu/contact/index.html +++ b/hu/contact/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat - Contact @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/hu/fdroid/index.html b/hu/fdroid/index.html index dde1fa3080..15280fe741 100644 --- a/hu/fdroid/index.html +++ b/hu/fdroid/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat - Get the app via F-Droid @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/hu/file/index.html b/hu/file/index.html index ecd1b1c4fa..8dfc266651 100644 --- a/hu/file/index.html +++ b/hu/file/index.html @@ -43,6 +43,8 @@ > + + SimpleX File Transfer @@ -58,6 +60,7 @@ + @@ -318,6 +321,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -332,6 +349,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -351,6 +369,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/hu/index.html b/hu/index.html index ac880815a5..327b3cd63e 100644 --- a/hu/index.html +++ b/hu/index.html @@ -1,6 +1,6 @@ - + + - SimpleX Chat: private and secure messenger without any user IDs (not even random) @@ -61,6 +62,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + @@ -509,6 +538,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -523,6 +566,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -542,6 +586,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/hu/invitation/index.html b/hu/invitation/index.html index cef7975f8d..57eda76f2c 100644 --- a/hu/invitation/index.html +++ b/hu/invitation/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat - Invitation @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/hu/messaging/index.html b/hu/messaging/index.html index f452b6d0ea..0d08d87401 100644 --- a/hu/messaging/index.html +++ b/hu/messaging/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat: The World's Most Secure Messaging @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/hu/old/index.html b/hu/old/index.html index 39c853bb61..69d28a834d 100644 --- a/hu/old/index.html +++ b/hu/old/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat: private and secure messenger without any user IDs (not even random) @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/hu/why/index.html b/hu/why/index.html index e67261c659..88a91a97f4 100644 --- a/hu/why/index.html +++ b/hu/why/index.html @@ -43,6 +43,8 @@ > + + Why we are building SimpleX Network @@ -58,6 +60,7 @@ + @@ -423,6 +426,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -437,6 +454,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -456,6 +474,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/id/contact/index.html b/id/contact/index.html index 04c6e7f465..75aa19e48c 100644 --- a/id/contact/index.html +++ b/id/contact/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat - Contact @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/id/fdroid/index.html b/id/fdroid/index.html index 140e69e6ff..b44974ce47 100644 --- a/id/fdroid/index.html +++ b/id/fdroid/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat - Get the app via F-Droid @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/id/file/index.html b/id/file/index.html index 77e245d2b9..d65c5df772 100644 --- a/id/file/index.html +++ b/id/file/index.html @@ -43,6 +43,8 @@ > + + SimpleX File Transfer @@ -58,6 +60,7 @@ + @@ -318,6 +321,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -332,6 +349,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -351,6 +369,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/id/index.html b/id/index.html index ef97aa517e..7919ad1138 100644 --- a/id/index.html +++ b/id/index.html @@ -1,6 +1,6 @@ - + + - SimpleX Chat: private and secure messenger without any user IDs (not even random) @@ -61,6 +62,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + @@ -509,6 +538,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -523,6 +566,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -542,6 +586,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/id/invitation/index.html b/id/invitation/index.html index c5272d3cae..00654c0e8b 100644 --- a/id/invitation/index.html +++ b/id/invitation/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat - Invitation @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/id/messaging/index.html b/id/messaging/index.html index a7735e32e1..0ed2265c25 100644 --- a/id/messaging/index.html +++ b/id/messaging/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat: The World's Most Secure Messaging @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/id/old/index.html b/id/old/index.html index e2d625af4f..f87a24e7f5 100644 --- a/id/old/index.html +++ b/id/old/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat: private and secure messenger without any user IDs (not even random) @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/id/why/index.html b/id/why/index.html index 99f1cc74f2..b830d9fdc7 100644 --- a/id/why/index.html +++ b/id/why/index.html @@ -43,6 +43,8 @@ > + + Why we are building SimpleX Network @@ -58,6 +60,7 @@ + @@ -423,6 +426,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -437,6 +454,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -456,6 +474,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/index.html b/index.html index e6c85aaf11..f18bf26b82 100644 --- a/index.html +++ b/index.html @@ -1,6 +1,6 @@ - + + - SimpleX Chat: private and secure messenger without any user IDs (not even random) @@ -61,6 +62,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + @@ -509,6 +538,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -523,6 +566,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -542,6 +586,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/invitation/index.html b/invitation/index.html index 6de0034f2f..f2f7ee7d27 100644 --- a/invitation/index.html +++ b/invitation/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat - Invitation @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/it/contact/index.html b/it/contact/index.html index 4b6d8d8220..4ac95ffa1e 100644 --- a/it/contact/index.html +++ b/it/contact/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat - Contact @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/it/fdroid/index.html b/it/fdroid/index.html index 7e30f7828c..c138c5ae1d 100644 --- a/it/fdroid/index.html +++ b/it/fdroid/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat - Get the app via F-Droid @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/it/file/index.html b/it/file/index.html index 29e476b0c4..1ad369a6e0 100644 --- a/it/file/index.html +++ b/it/file/index.html @@ -43,6 +43,8 @@ > + + SimpleX File Transfer @@ -58,6 +60,7 @@ + @@ -318,6 +321,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -332,6 +349,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -351,6 +369,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/it/index.html b/it/index.html index 8be2dcdd4e..0eecd59267 100644 --- a/it/index.html +++ b/it/index.html @@ -1,6 +1,6 @@ - + + - SimpleX Chat: private and secure messenger without any user IDs (not even random) @@ -61,6 +62,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + @@ -509,6 +538,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -523,6 +566,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -542,6 +586,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/it/invitation/index.html b/it/invitation/index.html index e1fa60f50a..1468ae0e41 100644 --- a/it/invitation/index.html +++ b/it/invitation/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat - Invitation @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/it/messaging/index.html b/it/messaging/index.html index a44e88612b..1fc45f6fec 100644 --- a/it/messaging/index.html +++ b/it/messaging/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat: The World's Most Secure Messaging @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/it/old/index.html b/it/old/index.html index 396b132e5a..e665969f22 100644 --- a/it/old/index.html +++ b/it/old/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat: private and secure messenger without any user IDs (not even random) @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/it/why/index.html b/it/why/index.html index 0f03226ddb..f54e46aac5 100644 --- a/it/why/index.html +++ b/it/why/index.html @@ -43,6 +43,8 @@ > + + Why we are building SimpleX Network @@ -58,6 +60,7 @@ + @@ -423,6 +426,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -437,6 +454,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -456,6 +474,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/ja/contact/index.html b/ja/contact/index.html index 7d6a6afc30..bfda7c04cf 100644 --- a/ja/contact/index.html +++ b/ja/contact/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat - Contact @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/ja/fdroid/index.html b/ja/fdroid/index.html index 8ca3e709cb..02ee0e24c2 100644 --- a/ja/fdroid/index.html +++ b/ja/fdroid/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat - Get the app via F-Droid @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/ja/file/index.html b/ja/file/index.html index 4d8e9c8be6..9d822999a7 100644 --- a/ja/file/index.html +++ b/ja/file/index.html @@ -43,6 +43,8 @@ > + + SimpleX File Transfer @@ -58,6 +60,7 @@ + @@ -318,6 +321,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -332,6 +349,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -351,6 +369,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/ja/index.html b/ja/index.html index f44d0609a0..6de2927cde 100644 --- a/ja/index.html +++ b/ja/index.html @@ -1,6 +1,6 @@ - + + - SimpleX Chat: private and secure messenger without any user IDs (not even random) @@ -61,6 +62,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + @@ -509,6 +538,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -523,6 +566,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -542,6 +586,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/ja/invitation/index.html b/ja/invitation/index.html index 2c4867456d..3da1370ad8 100644 --- a/ja/invitation/index.html +++ b/ja/invitation/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat - Invitation @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/ja/messaging/index.html b/ja/messaging/index.html index e57499fbe2..efcaf33bbc 100644 --- a/ja/messaging/index.html +++ b/ja/messaging/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat: The World's Most Secure Messaging @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/ja/old/index.html b/ja/old/index.html index ea1c6ca1f3..b99c3ec0c7 100644 --- a/ja/old/index.html +++ b/ja/old/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat: private and secure messenger without any user IDs (not even random) @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/ja/why/index.html b/ja/why/index.html index 3da9d03c08..dda63a6141 100644 --- a/ja/why/index.html +++ b/ja/why/index.html @@ -43,6 +43,8 @@ > + + Why we are building SimpleX Network @@ -58,6 +60,7 @@ + @@ -423,6 +426,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -437,6 +454,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -456,6 +474,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/jobs/index.html b/jobs/index.html index a77520bee0..ef8bd2792b 100644 --- a/jobs/index.html +++ b/jobs/index.html @@ -44,12 +44,15 @@ + + Join SimpleX Chat team + @@ -409,6 +412,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -423,6 +440,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -442,6 +460,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/messaging/index.html b/messaging/index.html index 8dea1c648b..6c858e18ae 100644 --- a/messaging/index.html +++ b/messaging/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat: The World's Most Secure Messaging @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/nl/contact/index.html b/nl/contact/index.html index 51cca2902c..09723bafb5 100644 --- a/nl/contact/index.html +++ b/nl/contact/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat - Contact @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/nl/fdroid/index.html b/nl/fdroid/index.html index cfd151c5ee..952329cf45 100644 --- a/nl/fdroid/index.html +++ b/nl/fdroid/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat - Get the app via F-Droid @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/nl/file/index.html b/nl/file/index.html index 9a2cf8180a..71eb00bde8 100644 --- a/nl/file/index.html +++ b/nl/file/index.html @@ -43,6 +43,8 @@ > + + SimpleX File Transfer @@ -58,6 +60,7 @@ + @@ -318,6 +321,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -332,6 +349,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -351,6 +369,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/nl/index.html b/nl/index.html index 925b443ec8..ce5cfaff8b 100644 --- a/nl/index.html +++ b/nl/index.html @@ -1,6 +1,6 @@ - + + - SimpleX Chat: private and secure messenger without any user IDs (not even random) @@ -61,6 +62,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + @@ -509,6 +538,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -523,6 +566,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -542,6 +586,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/nl/invitation/index.html b/nl/invitation/index.html index a35cf0a1c4..d3fc0ae79a 100644 --- a/nl/invitation/index.html +++ b/nl/invitation/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat - Invitation @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/nl/messaging/index.html b/nl/messaging/index.html index 2ce4dafc42..bcb0aef7dd 100644 --- a/nl/messaging/index.html +++ b/nl/messaging/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat: The World's Most Secure Messaging @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/nl/old/index.html b/nl/old/index.html index 1d300efbc4..d8ca3857cb 100644 --- a/nl/old/index.html +++ b/nl/old/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat: private and secure messenger without any user IDs (not even random) @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/nl/why/index.html b/nl/why/index.html index 27796a6635..77db91935c 100644 --- a/nl/why/index.html +++ b/nl/why/index.html @@ -43,6 +43,8 @@ > + + Why we are building SimpleX Network @@ -58,6 +60,7 @@ + @@ -423,6 +426,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -437,6 +454,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -456,6 +474,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/old/index.html b/old/index.html index 1b0608991b..f461881562 100644 --- a/old/index.html +++ b/old/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat: private and secure messenger without any user IDs (not even random) @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/pl/contact/index.html b/pl/contact/index.html index 41c00b53b8..213d67a7b7 100644 --- a/pl/contact/index.html +++ b/pl/contact/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat - Contact @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/pl/fdroid/index.html b/pl/fdroid/index.html index 48e71b8c06..ac26db624e 100644 --- a/pl/fdroid/index.html +++ b/pl/fdroid/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat - Get the app via F-Droid @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/pl/file/index.html b/pl/file/index.html index 69453ef7a2..534f7f43a9 100644 --- a/pl/file/index.html +++ b/pl/file/index.html @@ -43,6 +43,8 @@ > + + SimpleX File Transfer @@ -58,6 +60,7 @@ + @@ -318,6 +321,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -332,6 +349,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -351,6 +369,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/pl/index.html b/pl/index.html index 0eb70984be..d6d2c5a5dc 100644 --- a/pl/index.html +++ b/pl/index.html @@ -1,6 +1,6 @@ - + + - SimpleX Chat: private and secure messenger without any user IDs (not even random) @@ -61,6 +62,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + @@ -509,6 +538,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -523,6 +566,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -542,6 +586,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/pl/invitation/index.html b/pl/invitation/index.html index 26b18d2b31..8111f6e67d 100644 --- a/pl/invitation/index.html +++ b/pl/invitation/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat - Invitation @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/pl/messaging/index.html b/pl/messaging/index.html index bf5cfd6302..c1f7d7359c 100644 --- a/pl/messaging/index.html +++ b/pl/messaging/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat: The World's Most Secure Messaging @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/pl/old/index.html b/pl/old/index.html index c5a3655ef3..4201b0d9d6 100644 --- a/pl/old/index.html +++ b/pl/old/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat: private and secure messenger without any user IDs (not even random) @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/pl/why/index.html b/pl/why/index.html index bd0f0e5e1c..c9de3add0d 100644 --- a/pl/why/index.html +++ b/pl/why/index.html @@ -43,6 +43,8 @@ > + + Why we are building SimpleX Network @@ -58,6 +60,7 @@ + @@ -423,6 +426,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -437,6 +454,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -456,6 +474,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/privacy/index.html b/privacy/index.html index 8c2255a55a..e7a8a04a12 100644 --- a/privacy/index.html +++ b/privacy/index.html @@ -44,6 +44,8 @@ + + SimpleX Privacy Policy @@ -57,6 +59,7 @@ + @@ -314,6 +317,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -328,6 +345,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -347,6 +365,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/pt_BR/contact/index.html b/pt_BR/contact/index.html index 34bf719dee..1f422986fc 100644 --- a/pt_BR/contact/index.html +++ b/pt_BR/contact/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat - Contact @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/pt_BR/fdroid/index.html b/pt_BR/fdroid/index.html index 3de8d96571..1c91b2be97 100644 --- a/pt_BR/fdroid/index.html +++ b/pt_BR/fdroid/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat - Get the app via F-Droid @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/pt_BR/file/index.html b/pt_BR/file/index.html index 185bcbab5d..a3c0786466 100644 --- a/pt_BR/file/index.html +++ b/pt_BR/file/index.html @@ -43,6 +43,8 @@ > + + SimpleX File Transfer @@ -58,6 +60,7 @@ + @@ -318,6 +321,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -332,6 +349,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -351,6 +369,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/pt_BR/index.html b/pt_BR/index.html index af860459cc..4ac89afec0 100644 --- a/pt_BR/index.html +++ b/pt_BR/index.html @@ -1,6 +1,6 @@ - + + - SimpleX Chat: private and secure messenger without any user IDs (not even random) @@ -61,6 +62,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + @@ -509,6 +538,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -523,6 +566,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -542,6 +586,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/pt_BR/invitation/index.html b/pt_BR/invitation/index.html index c0adc9d114..56c7a84cfa 100644 --- a/pt_BR/invitation/index.html +++ b/pt_BR/invitation/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat - Invitation @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/pt_BR/messaging/index.html b/pt_BR/messaging/index.html index e24facc208..3e6651fd7a 100644 --- a/pt_BR/messaging/index.html +++ b/pt_BR/messaging/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat: The World's Most Secure Messaging @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/pt_BR/old/index.html b/pt_BR/old/index.html index 0c51da7835..022194854b 100644 --- a/pt_BR/old/index.html +++ b/pt_BR/old/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat: private and secure messenger without any user IDs (not even random) @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/pt_BR/why/index.html b/pt_BR/why/index.html index c546b25be7..b920f689d8 100644 --- a/pt_BR/why/index.html +++ b/pt_BR/why/index.html @@ -43,6 +43,8 @@ > + + Why we are building SimpleX Network @@ -58,6 +60,7 @@ + @@ -423,6 +426,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -437,6 +454,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -456,6 +474,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/reproduce/index.html b/reproduce/index.html index 1786f090eb..3f4ecce8bb 100644 --- a/reproduce/index.html +++ b/reproduce/index.html @@ -45,12 +45,15 @@ + + Verify and reproduce builds + @@ -410,6 +413,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -424,6 +441,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -443,6 +461,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/ro/contact/index.html b/ro/contact/index.html index 45617e64b2..a48620eecf 100644 --- a/ro/contact/index.html +++ b/ro/contact/index.html @@ -41,6 +41,8 @@ > + + SimpleX Chat - Contact @@ -56,6 +58,7 @@ + @@ -510,6 +513,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -524,6 +541,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -543,6 +561,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/ro/fdroid/index.html b/ro/fdroid/index.html index f93f9a861a..758025bd71 100644 --- a/ro/fdroid/index.html +++ b/ro/fdroid/index.html @@ -41,6 +41,8 @@ > + + SimpleX Chat - Get the app via F-Droid @@ -56,6 +58,7 @@ + @@ -510,6 +513,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -524,6 +541,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -543,6 +561,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/ro/file/index.html b/ro/file/index.html index 2cb7baa677..361df534d4 100644 --- a/ro/file/index.html +++ b/ro/file/index.html @@ -41,6 +41,8 @@ > + + SimpleX File Transfer @@ -56,6 +58,7 @@ + @@ -314,6 +317,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -328,6 +345,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -347,6 +365,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/ro/index.html b/ro/index.html index 283b675f92..0f29182ee4 100644 --- a/ro/index.html +++ b/ro/index.html @@ -1,6 +1,6 @@ - + + - SimpleX Chat: private and secure messenger without any user IDs (not even random) @@ -59,6 +60,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + @@ -500,6 +529,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -514,6 +557,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -533,6 +577,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/ro/invitation/index.html b/ro/invitation/index.html index 1addb120e0..238592f855 100644 --- a/ro/invitation/index.html +++ b/ro/invitation/index.html @@ -41,6 +41,8 @@ > + + SimpleX Chat - Invitation @@ -56,6 +58,7 @@ + @@ -510,6 +513,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -524,6 +541,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -543,6 +561,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/ro/messaging/index.html b/ro/messaging/index.html index 516c53389b..8aea962efa 100644 --- a/ro/messaging/index.html +++ b/ro/messaging/index.html @@ -41,6 +41,8 @@ > + + SimpleX Chat: The World's Most Secure Messaging @@ -56,6 +58,7 @@ + @@ -510,6 +513,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -524,6 +541,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -543,6 +561,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/ro/old/index.html b/ro/old/index.html index e9928b3d1e..ab4712af43 100644 --- a/ro/old/index.html +++ b/ro/old/index.html @@ -41,6 +41,8 @@ > + + SimpleX Chat: private and secure messenger without any user IDs (not even random) @@ -56,6 +58,7 @@ + @@ -510,6 +513,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -524,6 +541,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -543,6 +561,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/ro/why/index.html b/ro/why/index.html index 70370034c5..fc1a031427 100644 --- a/ro/why/index.html +++ b/ro/why/index.html @@ -41,6 +41,8 @@ > + + Why we are building SimpleX Network @@ -56,6 +58,7 @@ + @@ -414,6 +417,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -428,6 +445,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -447,6 +465,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/ru/contact/index.html b/ru/contact/index.html index 80b73f7bd1..6c029ae5f4 100644 --- a/ru/contact/index.html +++ b/ru/contact/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat - Contact @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/ru/fdroid/index.html b/ru/fdroid/index.html index 441a94d96f..4ec77182ff 100644 --- a/ru/fdroid/index.html +++ b/ru/fdroid/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat - Get the app via F-Droid @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/ru/file/index.html b/ru/file/index.html index b2fdf82c96..2c27f3e392 100644 --- a/ru/file/index.html +++ b/ru/file/index.html @@ -43,6 +43,8 @@ > + + SimpleX File Transfer @@ -58,6 +60,7 @@ + @@ -318,6 +321,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -332,6 +349,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -351,6 +369,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/ru/index.html b/ru/index.html index 47fbcbfead..1a52e5b161 100644 --- a/ru/index.html +++ b/ru/index.html @@ -1,6 +1,6 @@ - + + - SimpleX Chat: private and secure messenger without any user IDs (not even random) @@ -61,6 +62,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + @@ -509,6 +538,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -523,6 +566,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -542,6 +586,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/ru/invitation/index.html b/ru/invitation/index.html index 7ff8df3584..1e9781d913 100644 --- a/ru/invitation/index.html +++ b/ru/invitation/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat - Invitation @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/ru/messaging/index.html b/ru/messaging/index.html index 42d5f5f90a..83988ff3c9 100644 --- a/ru/messaging/index.html +++ b/ru/messaging/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat: The World's Most Secure Messaging @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/ru/old/index.html b/ru/old/index.html index cf8ae0cc3c..87179c0591 100644 --- a/ru/old/index.html +++ b/ru/old/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat: private and secure messenger without any user IDs (not even random) @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/ru/why/index.html b/ru/why/index.html index b37ee9a8bc..325d6ba8b4 100644 --- a/ru/why/index.html +++ b/ru/why/index.html @@ -43,6 +43,8 @@ > + + Why we are building SimpleX Network @@ -58,6 +60,7 @@ + @@ -423,6 +426,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -437,6 +454,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -456,6 +474,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/security/index.html b/security/index.html index d824947444..2e647120ea 100644 --- a/security/index.html +++ b/security/index.html @@ -45,12 +45,15 @@ + + Security Policy + @@ -410,6 +413,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -424,6 +441,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -443,6 +461,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/tr/contact/index.html b/tr/contact/index.html index d97fa4a6c2..1648f75109 100644 --- a/tr/contact/index.html +++ b/tr/contact/index.html @@ -41,6 +41,8 @@ > + + SimpleX Chat - Contact @@ -56,6 +58,7 @@ + @@ -510,6 +513,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -524,6 +541,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -543,6 +561,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/tr/fdroid/index.html b/tr/fdroid/index.html index f66e6ebd3d..cf2c612be8 100644 --- a/tr/fdroid/index.html +++ b/tr/fdroid/index.html @@ -41,6 +41,8 @@ > + + SimpleX Chat - Get the app via F-Droid @@ -56,6 +58,7 @@ + @@ -510,6 +513,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -524,6 +541,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -543,6 +561,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/tr/file/index.html b/tr/file/index.html index 9c392864ca..4fc24a8dab 100644 --- a/tr/file/index.html +++ b/tr/file/index.html @@ -41,6 +41,8 @@ > + + SimpleX File Transfer @@ -56,6 +58,7 @@ + @@ -314,6 +317,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -328,6 +345,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -347,6 +365,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/tr/index.html b/tr/index.html index 3fbab704b8..79f876b984 100644 --- a/tr/index.html +++ b/tr/index.html @@ -1,6 +1,6 @@ - + + - SimpleX Chat: private and secure messenger without any user IDs (not even random) @@ -59,6 +60,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + @@ -500,6 +529,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -514,6 +557,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -533,6 +577,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/tr/invitation/index.html b/tr/invitation/index.html index afaed666d9..42347337e0 100644 --- a/tr/invitation/index.html +++ b/tr/invitation/index.html @@ -41,6 +41,8 @@ > + + SimpleX Chat - Invitation @@ -56,6 +58,7 @@ + @@ -510,6 +513,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -524,6 +541,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -543,6 +561,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/tr/messaging/index.html b/tr/messaging/index.html index 88850e0ad7..b3b29eea9e 100644 --- a/tr/messaging/index.html +++ b/tr/messaging/index.html @@ -41,6 +41,8 @@ > + + SimpleX Chat: The World's Most Secure Messaging @@ -56,6 +58,7 @@ + @@ -510,6 +513,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -524,6 +541,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -543,6 +561,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/tr/old/index.html b/tr/old/index.html index eead127db9..5704533615 100644 --- a/tr/old/index.html +++ b/tr/old/index.html @@ -41,6 +41,8 @@ > + + SimpleX Chat: private and secure messenger without any user IDs (not even random) @@ -56,6 +58,7 @@ + @@ -510,6 +513,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -524,6 +541,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -543,6 +561,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/tr/why/index.html b/tr/why/index.html index 3f0785a7dc..e1a9071be8 100644 --- a/tr/why/index.html +++ b/tr/why/index.html @@ -41,6 +41,8 @@ > + + Why we are building SimpleX Network @@ -56,6 +58,7 @@ + @@ -414,6 +417,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -428,6 +445,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -447,6 +465,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/transparency/index.html b/transparency/index.html index 3568052102..0f3c749912 100644 --- a/transparency/index.html +++ b/transparency/index.html @@ -45,12 +45,15 @@ + + Transparency Reports + @@ -410,6 +413,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -424,6 +441,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -443,6 +461,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/uk/contact/index.html b/uk/contact/index.html index e9b139ab2b..0871146e64 100644 --- a/uk/contact/index.html +++ b/uk/contact/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat - Contact @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/uk/fdroid/index.html b/uk/fdroid/index.html index caa88f9fdb..5c64159047 100644 --- a/uk/fdroid/index.html +++ b/uk/fdroid/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat - Get the app via F-Droid @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/uk/file/index.html b/uk/file/index.html index 9f07cfdebc..62e7a72301 100644 --- a/uk/file/index.html +++ b/uk/file/index.html @@ -43,6 +43,8 @@ > + + SimpleX File Transfer @@ -58,6 +60,7 @@ + @@ -318,6 +321,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -332,6 +349,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -351,6 +369,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/uk/index.html b/uk/index.html index c8d6c76f48..d72a6df0e6 100644 --- a/uk/index.html +++ b/uk/index.html @@ -1,6 +1,6 @@ - + + - SimpleX Chat: private and secure messenger without any user IDs (not even random) @@ -61,6 +62,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + @@ -509,6 +538,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -523,6 +566,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -542,6 +586,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/uk/invitation/index.html b/uk/invitation/index.html index a3c63c3500..09d24f70f6 100644 --- a/uk/invitation/index.html +++ b/uk/invitation/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat - Invitation @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/uk/messaging/index.html b/uk/messaging/index.html index cf06017657..1b7cafb3e8 100644 --- a/uk/messaging/index.html +++ b/uk/messaging/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat: The World's Most Secure Messaging @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/uk/old/index.html b/uk/old/index.html index 4e17da08f6..222725399b 100644 --- a/uk/old/index.html +++ b/uk/old/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat: private and secure messenger without any user IDs (not even random) @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/uk/why/index.html b/uk/why/index.html index d376291c23..12e4a0dfb3 100644 --- a/uk/why/index.html +++ b/uk/why/index.html @@ -43,6 +43,8 @@ > + + Why we are building SimpleX Network @@ -58,6 +60,7 @@ + @@ -423,6 +426,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -437,6 +454,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -456,6 +474,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/vouchers/index.html b/vouchers/index.html index 972600635a..fe16b20765 100644 --- a/vouchers/index.html +++ b/vouchers/index.html @@ -44,6 +44,8 @@ + + SimpleX Community Vouchers @@ -55,6 +57,7 @@ + @@ -499,6 +502,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -513,6 +530,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -532,6 +550,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/why/index.html b/why/index.html index b0d3ed68ba..deaf45dcdd 100644 --- a/why/index.html +++ b/why/index.html @@ -43,6 +43,8 @@ > + + Why we are building SimpleX Network @@ -58,6 +60,7 @@ + @@ -423,6 +426,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -437,6 +454,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -456,6 +474,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/zh_Hans/contact/index.html b/zh_Hans/contact/index.html index 5fde04eb83..4d8fa2e631 100644 --- a/zh_Hans/contact/index.html +++ b/zh_Hans/contact/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat - Contact @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/zh_Hans/fdroid/index.html b/zh_Hans/fdroid/index.html index 1a0dd5038a..0195c2137f 100644 --- a/zh_Hans/fdroid/index.html +++ b/zh_Hans/fdroid/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat - Get the app via F-Droid @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/zh_Hans/file/index.html b/zh_Hans/file/index.html index 7005a0a644..17353e786e 100644 --- a/zh_Hans/file/index.html +++ b/zh_Hans/file/index.html @@ -43,6 +43,8 @@ > + + SimpleX File Transfer @@ -58,6 +60,7 @@ + @@ -318,6 +321,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -332,6 +349,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -351,6 +369,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/zh_Hans/index.html b/zh_Hans/index.html index 2d98c3d7dc..daf47410db 100644 --- a/zh_Hans/index.html +++ b/zh_Hans/index.html @@ -1,6 +1,6 @@ - + + - SimpleX Chat: private and secure messenger without any user IDs (not even random) @@ -61,6 +62,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + @@ -509,6 +538,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -523,6 +566,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -542,6 +586,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/zh_Hans/invitation/index.html b/zh_Hans/invitation/index.html index 1d028a2101..dc62e010be 100644 --- a/zh_Hans/invitation/index.html +++ b/zh_Hans/invitation/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat - Invitation @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/zh_Hans/messaging/index.html b/zh_Hans/messaging/index.html index b7f69801ff..dd0e3da0b6 100644 --- a/zh_Hans/messaging/index.html +++ b/zh_Hans/messaging/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat: The World's Most Secure Messaging @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/zh_Hans/old/index.html b/zh_Hans/old/index.html index 7ead57ac8d..a03900bd54 100644 --- a/zh_Hans/old/index.html +++ b/zh_Hans/old/index.html @@ -43,6 +43,8 @@ > + + SimpleX Chat: private and secure messenger without any user IDs (not even random) @@ -58,6 +60,7 @@ + @@ -519,6 +522,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -533,6 +550,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -552,6 +570,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/zh_Hans/why/index.html b/zh_Hans/why/index.html index f17178c873..f86d5ee837 100644 --- a/zh_Hans/why/index.html +++ b/zh_Hans/why/index.html @@ -43,6 +43,8 @@ > + + Why we are building SimpleX Network @@ -58,6 +60,7 @@ + @@ -423,6 +426,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -437,6 +454,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -456,6 +474,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/zh_Hant/contact/index.html b/zh_Hant/contact/index.html index 87e0340c2c..62fa97c4a9 100644 --- a/zh_Hant/contact/index.html +++ b/zh_Hant/contact/index.html @@ -41,6 +41,8 @@ > + + SimpleX Chat - Contact @@ -56,6 +58,7 @@ + @@ -510,6 +513,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -524,6 +541,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -543,6 +561,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/zh_Hant/fdroid/index.html b/zh_Hant/fdroid/index.html index 67ef94b25a..5532131125 100644 --- a/zh_Hant/fdroid/index.html +++ b/zh_Hant/fdroid/index.html @@ -41,6 +41,8 @@ > + + SimpleX Chat - Get the app via F-Droid @@ -56,6 +58,7 @@ + @@ -510,6 +513,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -524,6 +541,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -543,6 +561,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/zh_Hant/file/index.html b/zh_Hant/file/index.html index a3d1107d97..3a163c1450 100644 --- a/zh_Hant/file/index.html +++ b/zh_Hant/file/index.html @@ -41,6 +41,8 @@ > + + SimpleX File Transfer @@ -56,6 +58,7 @@ + @@ -314,6 +317,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -328,6 +345,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -347,6 +365,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/zh_Hant/index.html b/zh_Hant/index.html index 7d3986125f..47433608cf 100644 --- a/zh_Hant/index.html +++ b/zh_Hant/index.html @@ -1,6 +1,6 @@ - + + - SimpleX Chat: private and secure messenger without any user IDs (not even random) @@ -59,6 +60,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + @@ -500,6 +529,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -514,6 +557,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -533,6 +577,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/zh_Hant/invitation/index.html b/zh_Hant/invitation/index.html index 26614ead20..923861e7e6 100644 --- a/zh_Hant/invitation/index.html +++ b/zh_Hant/invitation/index.html @@ -41,6 +41,8 @@ > + + SimpleX Chat - Invitation @@ -56,6 +58,7 @@ + @@ -510,6 +513,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -524,6 +541,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -543,6 +561,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/zh_Hant/messaging/index.html b/zh_Hant/messaging/index.html index 3132b6d9dd..b63238fafa 100644 --- a/zh_Hant/messaging/index.html +++ b/zh_Hant/messaging/index.html @@ -41,6 +41,8 @@ > + + SimpleX Chat: The World's Most Secure Messaging @@ -56,6 +58,7 @@ + @@ -510,6 +513,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -524,6 +541,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -543,6 +561,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/zh_Hant/old/index.html b/zh_Hant/old/index.html index b23027710a..3019460712 100644 --- a/zh_Hant/old/index.html +++ b/zh_Hant/old/index.html @@ -41,6 +41,8 @@ > + + SimpleX Chat: private and secure messenger without any user IDs (not even random) @@ -56,6 +58,7 @@ + @@ -510,6 +513,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -524,6 +541,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -543,6 +561,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar'); diff --git a/zh_Hant/why/index.html b/zh_Hant/why/index.html index 3d6bcac875..b2213c5285 100644 --- a/zh_Hant/why/index.html +++ b/zh_Hant/why/index.html @@ -41,6 +41,8 @@ > + + Why we are building SimpleX Network @@ -56,6 +58,7 @@ + @@ -414,6 +417,20 @@ function iconToggle () { moonIcon.classList.toggle('hidden'); } +function updateThemeColor() { + const meta = document.querySelector('meta[name="theme-color"]'); + if (meta) meta.setAttribute('content', getComputedStyle(document.body).backgroundColor); + const navbar = document.querySelector('header#navbar'); + if (navbar && navbar.classList.contains('open')) { + navbar.style.transition = 'none'; + navbar.classList.remove('open'); + setTimeout(() => { + navbar.classList.add('open'); + setTimeout(() => navbar.style.transition = '', 0); + }, 0); + } +} + function themeCheck() { if (userTheme === 'dark' || (!userTheme && systemTheme)) { document.documentElement.classList.add('dark'); @@ -428,6 +445,7 @@ function themeCheck() { prismThemeLink.setAttribute('href','/css/prism-light.min.css') } } + updateThemeColor(); } themeCheck(); @@ -447,6 +465,7 @@ function themeSwitch () { } iconToggle(); } + updateThemeColor(); } const nav = document.querySelector('header#navbar');