From 37af3922761fd0c982ba2ffec11bfa1850269702 Mon Sep 17 00:00:00 2001
From: Doge <guiqiqi187@gmail.com>
Date: Mon, 10 May 2021 00:28:12 +0800
Subject: Enhance autodark working

---
 layout/_partial/header.ejs | 2 +-
 layout/index.ejs           | 8 ++++----
 source/js/script.js        | 4 +---
 source/js/script.ts        | 4 +---
 4 files changed, 7 insertions(+), 11 deletions(-)

diff --git a/layout/_partial/header.ejs b/layout/_partial/header.ejs
index c6c1a9f..f9463f7 100644
--- a/layout/_partial/header.ejs
+++ b/layout/_partial/header.ejs
@@ -1,4 +1,4 @@
-<section id="header-page" class="hero is-light is-large">
+<section class="hero is-large auto-dark">
     <div class="hero-head">
         <header class="navbar" aria-label="main navigation">
             <div class="container">
diff --git a/layout/index.ejs b/layout/index.ejs
index 93f15af..1a506a6 100644
--- a/layout/index.ejs
+++ b/layout/index.ejs
@@ -96,14 +96,14 @@
         <div class="column is-8 is-offset-2">
             <nav class="pagination is-centered" role="navigation" aria-label="pagination">
                 <% if (page.prev) { %>
-                    <a class="button is-light" href="<%- url_for(page.prev_link) %>"><%- __("prev") %></a>
+                    <a class="button auto-dark" href="<%- url_for(page.prev_link) %>"><%- __("prev") %></a>
                 <% } else { %>
-                    <a class="button is-disabled is-light" disabled><%- __("prev") %></a>
+                    <a class="button is-disabled auto-dark" disabled><%- __("prev") %></a>
                 <% } %> 
                 <% if (page.next) { %>
-                    <a class="button is-light" href="<%- url_for(page.next_link) %>"><%- __("next") %></a>
+                    <a class="button auto-dark" href="<%- url_for(page.next_link) %>"><%- __("next") %></a>
                 <% } else { %>
-                    <a class="button is-disabled is-light" disabled><%- __("next") %></a>
+                    <a class="button is-disabled auto-dark" disabled><%- __("next") %></a>
                 <% } %> 
             </nav>
         </div>
diff --git a/source/js/script.js b/source/js/script.js
index 21eda5d..ae91858 100644
--- a/source/js/script.js
+++ b/source/js/script.js
@@ -17,9 +17,7 @@ window.addEventListener("load", function () {
     }
     // Add header hover page class changer
     var colorman = function (mode) {
-        var clsname = ".is-light";
-        if (darklistener.mode() === SystemDarkmodePrefrence.dark)
-            clsname = ".is-dark";
+        var clsname = ".auto-dark";
         var elements = Array.prototype.slice.call(document.querySelectorAll(clsname), 0);
         elements.forEach(function (element) {
             if (mode === SystemDarkmodePrefrence.dark) {
diff --git a/source/js/script.ts b/source/js/script.ts
index 7bfdda5..e6a2155 100644
--- a/source/js/script.ts
+++ b/source/js/script.ts
@@ -18,9 +18,7 @@ window.addEventListener("load", () => {
 
     // Add header hover page class changer
     const colorman = (mode: SystemDarkmodePrefrence) => {
-        let clsname: string = ".is-light";
-        if (darklistener.mode() === SystemDarkmodePrefrence.dark)
-            clsname = ".is-dark";
+        let clsname: string = ".auto-dark";
         const elements: Element[] = Array.prototype.slice.call(
             document.querySelectorAll(clsname), 0);
         elements.forEach((element) => {
-- 
cgit v1.2.3