niri 1.6 → 1.7

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d6f53809d751bac8eb355d62016924f66847689be4a57fce5cc09b8e2888a92f
-  data.tar.gz: 68fad13105090d3673f00a80e52b4377f558a53cb6432207e243972724fa2778
+  metadata.gz: 80f48fd626d783e9e81d2bdede1d12ea4dc1bea6d179c1ac988a5f796d18cbaf
+  data.tar.gz: f419f256bd577596cb56bf4aa922b49ca7544fbe532020e03793c2178544f6e5
 SHA512:
-  metadata.gz: 6643fce07b97720a2ca2341353ea66e0c833892086063539b7cd5fdf5569081f960626c4e66d16e99db62c1b80b66fb16720216ebf1e7200db1bc35654d55ce9
-  data.tar.gz: d89cc69638e6ae8e061c1b04d6078a4f9ae97844ebb1e381e06c04a715b8ee819d94d6b319ee13162aac4a1b87d6586a55533b687e15b191c9862e480ed6789b
+  metadata.gz: 30b032c04ab6f97590402f8636a808b3e925c06bb9fd3ac763e24c6bed1d78475e390b61647f9317c714826f77a33512337cc601ed88225deb9ac05f6c88c67a
+  data.tar.gz: 64af8e8b8aa390202ca882916894d599ba9188610e5fb6f09d5458f3012b3ce8efd4db0ceef0caf3fc64ca48182c9bdf0adb279c133751b350774e67a0051e83

data/_config.yml

@@ -6,4 +6,4 @@ url: ""
 twitter_username: rokhiminwahid
 github_username:  rokhimin
 logo: https://i.ibb.co.com/sdVSmQ5x/niri-logo.png 
-files: "/jekyll-niri"
+#files: "/jekyll-niri"

data/assets/css/main.css

@@ -0,0 +1,69 @@
+
+:root {
+  --text-color: rgb(255, 255, 255);
+}
+
+html.is-dark {
+  --text-color: rgb(138, 138, 138);
+}
+
+body {
+  color: var(--text-color);
+}
+
+.title, .subtitle, .content, h1, h2, h3, h4, h5, h6, ul, li, hr {
+  color: var(--text-color);
+}
+
+code {
+  color: #3b43b1;
+}
+
+pre {
+  color: #ff9306;
+}
+
+html.is-dark {
+  background-color: #2a2a2a;
+  color: white;
+}
+
+html.is-dark .hero {
+  background-color: #63615f;
+  color: white;
+}
+
+html.is-dark .navbar {
+  background-color: #63615f;
+  color: white;
+}
+
+html.is-dark .navbar-menu {
+  background-color: #63615f;
+  color: white;
+}
+
+html.is-dark .footer {
+  background-color: #5c5a58;
+  color: white;
+}
+
+html.is-dark .box {
+  background-color: #413e3e;
+  color: white;
+}
+
+html.is-dark .notification {
+  background-color: #333333;
+  color: white;
+}
+
+html.is-dark .button {
+  background-color: #444444;
+  color: white;
+}
+
+html.is-dark .title,
+html.is-dark .subtitle {
+  color: white;
+}

data/assets/js/darklight-mode.js

@@ -0,0 +1,36 @@
+document.addEventListener("DOMContentLoaded", function () {
+    const toggleButton = document.getElementById("toggle-button");
+    const themeIcon = document.getElementById("theme-icon");
+    const currentTheme = localStorage.getItem("theme");
+
+    // Light Mode sebagai default (Dark Mode hanya aktif jika sebelumnya dipilih)
+    if (currentTheme === "dark") {
+        document.documentElement.classList.add("is-dark");
+    } else {
+        document.documentElement.classList.remove("is-dark");
+        localStorage.setItem("theme", "light"); // Pastikan default tersimpan
+    }
+
+    function updateIcon() {
+        if (document.documentElement.classList.contains("is-dark")) {
+            themeIcon.classList.replace("fa-moon", "fa-sun");
+        } else {
+            themeIcon.classList.replace("fa-sun", "fa-moon");
+        }
+    }
+
+    // Perbarui ikon sesuai mode awal
+    updateIcon();
+
+    toggleButton.addEventListener("click", () => {
+        document.documentElement.classList.toggle("is-dark");
+
+        if (document.documentElement.classList.contains("is-dark")) {
+            localStorage.setItem("theme", "dark");
+        } else {
+            localStorage.setItem("theme", "light");
+        }
+
+        updateIcon();
+    });
+});

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: niri
 version: !ruby/object:Gem::Version
-  version: '1.6'
+  version: '1.7'
 platform: ruby
 authors:
 - rokhimin Wahid
@@ -40,6 +40,8 @@ files:
 - _layouts/page.html
 - _layouts/post.html
 - assets/css/bulma-1.0.2.css
+- assets/css/main.css
+- assets/js/darklight-mode.js
 homepage: https://github.com/rokhimin/Niri
 licenses:
 - MIT