bs
9a8e85b647
CI / testsuite (pgsql, 8.4, ) (push) Successful in 2m52s
CI / testsuite (mysql, 8.2, ) (push) Successful in 4m5s
CI / testsuite (mysql, 8.4, ) (push) Successful in 2m47s
CI / testsuite (pgsql, 8.2, ) (push) Successful in 4m25s
CI / testsuite (sqlite, 8.2, ) (push) Successful in 4m46s
CI / testsuite (sqlite, 8.2, prefer-lowest) (push) Successful in 3m57s
Release / build (push) Successful in 13s
CI / Coding Standard & Static Analysis (push) Successful in 3m28s
CI / testsuite (sqlite, 8.4, ) (push) Successful in 7m57s
38 lines
1.2 KiB
PHP
38 lines
1.2 KiB
PHP
<?php
|
|
|
|
use Cake\Core\Configure;
|
|
|
|
/**
|
|
* @var \App\View\AppView $this
|
|
*/
|
|
$strategy = Configure::read('CheeseCake.darkMode.strategy', 'dataset');
|
|
|
|
?>
|
|
<script>
|
|
// On page load or when changing themes, best to add inline in `head` to avoid FOUC
|
|
<?php if ($strategy === 'class') : ?>
|
|
|
|
document.documentElement.classList.toggle(
|
|
"dark",
|
|
localStorage.theme === "dark" ||
|
|
(!("theme" in localStorage) && window.matchMedia("(prefers-color-scheme: dark)").matches),
|
|
);
|
|
document.documentElement.classList.toggle(
|
|
"auto",
|
|
localStorage.theme === "auto"
|
|
);
|
|
<?php else : ?>
|
|
localStorage.theme === "dark" ||
|
|
(!("theme" in localStorage) && window.matchMedia("(prefers-color-scheme: dark)").matches) ?
|
|
document.documentElement.dataset.theme = "dark" :
|
|
document.documentElement.dataset.theme = "light";
|
|
<?php endif; ?>
|
|
|
|
// Whenever the user explicitly chooses light mode
|
|
|
|
// localStorage.theme = "light";
|
|
// // Whenever the user explicitly chooses dark mode
|
|
// localStorage.theme = "dark";
|
|
// // Whenever the user explicitly chooses to respect the OS preference
|
|
// localStorage.removeItem("theme");
|
|
</script>
|