#23 Add dark theme

Scalone
nipos scala 1 commity/ów z f2k1de/master do halcyon-suite/master 5 lat temu
2 zmienionych plików z 2410 dodań i 0 usunięć
  1. 2390 0
      assets/css/dark.css
  2. 20 0
      header.php

Plik diff jest za duży
+ 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>