#23 Add dark theme

Merged
nipos merged 1 commits from f2k1de/master into halcyon-suite/master 5 years ago
2 changed files with 2410 additions and 0 deletions
  1. 2390 0
      assets/css/dark.css
  2. 20 0
      header.php

File diff suppressed because it is too large
+ 2390 - 0
assets/css/dark.css


+ 20 - 0
header.php

@@ -12,7 +12,14 @@ include("language.php");
 <title>Halcyon</title>
 <link rel="shortcut icon" href="/assets/images/favicon.ico">
 <link rel="gettext" type="text/x-gettext-translation" href="/locale/<?=$locale?>/LC_MESSAGES/messages.po">
+<?php if(!isset($_COOKIE["theme"])) {
+setcookie('theme', 'light');
+} if($_COOKIE["theme"] == "light") {
+?>
 <link rel="stylesheet" href="/assets/css/style.css" media="all">
+<?php } else if($_COOKIE["theme"] == "dark") { ?>
+<link rel="stylesheet" href="/assets/css/dark.css" media="all">
+<?php } ?>
 <link rel="stylesheet" href="/assets/css/fontawesome.min.css" media="all">
 <link rel="stylesheet" href="/assets/css/emojipicker.css" media="all">
 <script src="/assets/js/jquery/jquery.min.js"></script>
@@ -30,6 +37,11 @@ include("language.php");
 <script src="/assets/js/twemoji/twemoji.min.js"></script>
 <script src="/assets/js/clipboard.js/clipboard.min.js"></script>
 <script>
+function setCookie(cname, cvalue) {
+    document.cookie = cname + "=" + cvalue;
+}
+</script>
+<script>
 if(!localStorage.getItem("current_id") | !localStorage.getItem("current_instance") | !localStorage.getItem("current_authtoken")) {
 location.href = "/login";
 }
@@ -124,6 +136,14 @@ resetApp();
 </ul>
 <ul>
 <li>
+<?php
+if($_COOKIE["theme"] == "light") { ?>
+<a href="/" onClick="setCookie('theme', 'dark');"><?=_('Night mode')?></a>
+<?php } else if($_COOKIE["theme"] == "dark") { ?>
+<a href="/" onClick="setCookie('theme', 'light');"><?=_('Light mode')?></a>
+<?php } ?>
+</li>
+<li>
 <a href="/settings"><?=_('Settings')?></a>
 </li>
 <li>