StageAndSuitcase/stage-and-suitcase-mih
1
0
Fork 0
forked from yaso_meth/mih-project
Code Pull Requests Activity

dynamic favicon added

Browse Source
This commit is contained in:
yaso-meth
2024-07-23 10:32:51 +02:00
parent bf0f2578aa
commit b2d5369387
3 changed files with 18 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
Frontend/patient_manager/web/Logo-01.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 442 KiB

BIN
Frontend/patient_manager/web/Logo-02.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 441 KiB

19
Frontend/patient_manager/web/index.html
View File

@@ -27,7 +27,10 @@
<link rel="apple-touch-icon" href="icons/apple-touch-icon.png">
<!-- Favicon -->
<link rel="icon" type="image/png" href="logo.png"/>
<!-- <link rel="icon" type="image/png" href="logo.png"/> -->
<link rel="icon" href="favicon.png">
<!-- <link href="Logo-01.png" rel="icon" media="(prefers-color-scheme: light)">
<link href="Logo-02.png" rel="icon" media="(prefers-color-scheme: dark)"> -->
<title>Mzansi Innovation Hub</title>
<link rel="manifest" href="manifest.json">
@@ -74,6 +77,20 @@
Prowered by Mzanzi Innovation Hub
</div>
</div>
<script>
// window
// .matchMedia('(prefers-color-scheme: dark)')
// .addEventListener('change', setFavicon);
const setFavicon = () => {
const favicon = document.querySelector('link[rel="icon"]');
favicon.href = (window.matchMedia('(prefers-color-scheme: dark)').matches)
? 'Logo-02.png'
: 'Logo-01.png';
};
setFavicon();
</script>
<script>
window.onload = function () {
setTimeout(function () {