Merge pull request #291 from NAMTeam/fix/fix-up-dark-mode

fix: add missing postcss config

Author: h3ndofry

assets/scss/app.scss

@@ -1,37 +1,37 @@
 /** Import Bootstrap functions */
-@import "bootstrap/scss/functions";
+@import 'bootstrap/scss/functions';
 
 /** Import theme variables */
-@import "common/variables";
+@import 'common/variables';
 
 /** Import Bootstrap */
-@import "bootstrap/scss/bootstrap";
+@import 'bootstrap/scss/bootstrap';
 
 /** Import highlight.js */
 // @import "highlight.js/scss/github-dark-dimmed";
 
 /** Import KaTeX */
-@import "katex/dist/katex";
+@import 'katex/dist/katex';
 
 /** Import theme styles */
-@import "common/fonts";
-@import "common/global";
-@import "common/dark";
-@import "common/font-switcher";
-@import "components/alerts";
-@import "components/buttons";
-@import "components/code";
-@import "components/details";
-@import "components/syntax";
-@import "components/comments";
-@import "components/forms";
-@import "components/images";
-@import "components/mermaid";
-@import "components/search";
-@import "components/tables";
-@import "layouts/footer";
-@import "layouts/header";
-@import "layouts/pages";
-@import "layouts/posts";
-@import "layouts/sidebar";
-@import "layouts/shortcodes/index";
+@import 'common/fonts';
+@import 'common/global';
+@import 'common/dark';
+@import 'common/font-switcher';
+@import 'components/alerts';
+@import 'components/buttons';
+@import 'components/code';
+@import 'components/details';
+@import 'components/syntax';
+@import 'components/comments';
+@import 'components/forms';
+@import 'components/images';
+@import 'components/mermaid';
+@import 'components/search';
+@import 'components/tables';
+@import 'layouts/footer';
+@import 'layouts/header';
+@import 'layouts/pages';
+@import 'layouts/posts';
+@import 'layouts/sidebar';
+@import 'layouts/shortcodes/index';

config/postcss.config.cjs

@@ -1,15 +1,28 @@
 const autoprefixer = require('autoprefixer');
 const purgeImport = require('@fullhuman/postcss-purgecss');
-const purgeCssPlugin = purgeImport.purgeCSSPlugin || purgeImport.default || purgeImport;
+const purgeCssPlugin =
+  purgeImport.purgeCSSPlugin || purgeImport.default || purgeImport;
 const whitelister = require('purgecss-whitelister');
 
 module.exports = {
   plugins: [
     autoprefixer(),
     purgeCssPlugin({
-      content: [
-        './layouts/**/*.html',
-        './content/**/*.md',
+      content: ['./layouts/**/*.html', './content/**/*.md'],
+      dynamicAttributes: [
+        'aria-expanded',
+        'data-bs-popper',
+        'data-bs-target',
+        'data-bs-theme',
+        'data-dark-mode',
+        'data-global-alert',
+        'data-pane', // tabs.js
+        'data-popper-placement',
+        'data-sizes',
+        'data-toggle-tab', // tabs.js
+        'id',
+        'size',
+        'type',
       ],
       safelist: [
         'lazyloaded',
@@ -48,4 +61,4 @@ module.exports = {
       ],
     }),
   ],
-}
+};