WIP

seek-oss · Dec 13, 2024 · 4622a3c · 4622a3c
1 parent 719c957
commit 4622a3c
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/lib/makeWebpackConfig.js b/lib/makeWebpackConfig.js
@@ -178,6 +178,7 @@ module.exports = async (playroomConfig, options) => {
         chunksSortMode: 'none',
         chunks: ['preview'],
         filename: 'preview/index.html',
+        favicon: path.join(__dirname, '../images/favicon.png'),
         publicPath: '../',
       }),
       new VanillaExtractPlugin({

diff --git a/src/preview.js b/src/preview.js
@@ -1,9 +1,20 @@
 import { renderElement } from './render';
 import Preview from './Playroom/Preview';
+import faviconPath from '../images/favicon.png';
+import faviconInvertedPath from '../images/favicon-inverted.png';
 
 const outlet = document.createElement('div');
 document.body.appendChild(outlet);
 
+const selectedElement = document.head.querySelector('link[rel="icon"]');
+const favicon = window.matchMedia('(prefers-color-scheme: dark)').matches
+  ? faviconInvertedPath
+  : faviconPath;
+
+if (selectedElement) {
+  selectedElement.setAttribute('href', favicon);
+}
+
 const renderPreview = ({
   themes = require('./themes'),
   components = require('./components'),