#23 Add dark theme

Fusionné
nipos à fusionné 1 commits à partir de f2k1de/master vers halcyon-suite/master il y a 5 ans
2 fichiers modifiés avec 2410 ajouts et 0 suppressions
  1. 2390 0
      assets/css/dark.css
  2. 20 0
      header.php

Fichier diff supprimé car celui-ci est trop grand
+ 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>