From 28d1ea21350640ff5da7412b7e096cc09f7cb567 Mon Sep 17 00:00:00 2001
From: David Luevano Alvarado <david@luevano.xyz>
Date: Sun, 6 Jun 2021 06:59:20 -0600
Subject: refactor css and theme switcher

---
 blog/plt/base.html | 15 ++++-----------
 1 file changed, 4 insertions(+), 11 deletions(-)

(limited to 'blog/plt/base.html')
diff --git a/blog/plt/base.html b/blog/plt/base.html
index 9e4cf06..5fe0244 100644
--- a/blog/plt/base.html
+++ b/blog/plt/base.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="{%block html_lang%}{%endblock html_lang%}"
+<html class="theme-dark" lang="{%block html_lang%}{%endblock html_lang%}"
   prefix="og: https://ogp.me/ns#">
   <head>
     <base href="{{config.static_url}}">
@@ -21,7 +21,7 @@
 
     <!-- theme related -->
     <script type="text/javascript" src="scripts/theme.js"></script>
-    <link id="theme-css" rel="stylesheet" type="text/css" href="css/dark.css">
+    <link id="theme-css" rel="stylesheet" type="text/css" href="css/theme.css">
     <link id="code-theme-css" rel="stylesheet" type="text/css" href="hl/styles/nord.min.css">
 
     <!-- og meta -->
@@ -62,14 +62,7 @@
         </ul>
       </nav>
 
-      <div class="theme-switch-container">
-        <i class="fas fa-sun"></i>
-        <label class="switch theme">
-          <input id="theme-switch" type="checkbox" onclick="toggleTheme()">
-          <span class="slider round"></span>
-        </label>
-        <i class="fas fa-moon"></i>
-      </div>
+      <button class="theme-switcher" onclick="toggleTheme()"><i class="fas fa-moon"></i><i class="fas fa-sun"></i></button>
     </header>
 
     <main>
@@ -89,7 +82,7 @@
 
       <span>
         <i class="fas fa-rss" alt="RSS"></i>
-        <a href="https://blog.luevano.xyz/rss.xml">RSS</a>
+        <a target="_blank" href="https://blog.luevano.xyz/rss.xml">RSS</a>
       </span>
 
       <br>
-- 
cgit v1.2.3-54-g00ecf

