Feature proposal : darkmode (#85)

* Create dark-style.css

* Add call to get_color_scheme

* Add call to get_color_scheme

* Create get_color_scheme function

* Add selection box in config.php

* Accept both lower and uppercase COLOR_SCHEME

* Add COLOR_SCHEME

* Add COLOR_SCHEME

* Change birdnet.conf after color scheme selection

* Move css to static to enable it

* Adapt css location to static

* Improve opacity value

* Fix logo background issues on smaller screens

* Avoid overlap of logos

* Ensure clean look (same margin as before but different location)

* Default background as transparent to avoid white on white

* Avoid black on dark ; improve readability

* Last element of green is homogenized to grayscale

* Enable site reload after color_scheme change
This commit is contained in:
Alexandre
2024-06-08 11:44:21 +02:00
committed by GitHub
parent a06b5bacf4
commit f84c44bad4
7 changed files with 978 additions and 3 deletions
+2 -1
View File
@@ -10,6 +10,7 @@ require_once 'scripts/common.php';
$user = get_user();
$home = get_home();
$config = get_config();
$color_scheme = get_color_scheme();
set_timezone();
if(is_authenticated() && (!isset($_SESSION['behind']) || !isset($_SESSION['behind_time']) || time() > $_SESSION['behind_time'] + 86400)) {
@@ -52,7 +53,7 @@ elseif ($config["LONGITUDE"] == "0.000") {
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>BirdNET-Pi DB</title>
<link rel="stylesheet" href="style.css?v=<?php echo date ('n.d.y', filemtime('style.css')); ?>">
<link rel="stylesheet" href="<?php echo $color_scheme . '?v=' . date('n.d.y', filemtime($color_scheme)); ?>">
</head>
<body>
<form action="views.php" method="GET" id="views">