Merge branch 'dark-theme' of https://github.com/VladlenaCravcenco/ermac…

… into VladlenaCravcenco-dark-theme
mpds-io · Apr 28, 2024 · a35e573 · a35e573
2 parents 24c1249 + 91d754e
commit a35e573
Show file tree

Hide file tree

Showing 6 changed files with 84 additions and 79 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/example_dev.html b/example_dev.html
@@ -5,7 +5,9 @@
 <link rel="stylesheet" type="text/css" href="webassets/ermac.css" />
 </head>
 <body>
-
+
+
+<script src="https://cdn.jsdelivr.net/npm/[email protected]/lib/darkmode-js.min.js"></script>
 <script type="text/javascript">
 // a very simple env loader
 var to_load = [
@@ -39,5 +41,6 @@
     head.appendChild(script);
 }
 </script>
+<script src="./script.js"></script>
 </body>
 </html>
diff --git a/example_prod.html b/example_prod.html
@@ -5,6 +5,8 @@
 <link rel="stylesheet" type="text/css" href="webassets/ermac.css" />
 </head>
 <body>
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/lib/darkmode-js.min.js"></script>
+    <script src="./script.js"></script>
 
 <script type="text/javascript" src="ermac.min.js"></script>
 </body>

diff --git a/labs/.DS_Store b/labs/.DS_Store
diff --git a/script.js b/script.js
@@ -0,0 +1,19 @@
+const options = {
+
+    top: '64px', // default: '32px'
+    right: 'unset', // default: '32px'
+    left: '32px', // default: 'unset'
+    time: '0.3s', // default: '0.3s'
+    mixColor: '#fff', // default: '#fff'
+    backgroundColor: '#fff',  // default: '#fff'
+    buttonColorDark: '#100f2c',  // default: '#100f2c'
+    buttonColorLight: '#fff', // default: '#fff'
+    saveInCookies: true, // default: true,
+    label: '🌓', // default: ''
+    autoMatchOsTheme: true // default: true
+
+  }
+
+  const darkmode = new Darkmode(options);
+  darkmode.showWidget();
+