monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2025-10-16 02:26:10 +08:00
Code Issues Projects Releases Packages Wiki Activity

Add dark and light switching functionality with tinycolor

Browse source
This commit is contained in:
Rustom Ichhaporia 2021-05-08 19:06:32 -05:00
parent 74e26c7aa1
commit dc9ba596c0
1 changed files with 15 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
src/js/theme-controller.js
View file

@ -4,6 +4,7 @@ import * as Misc from "./misc";
import * as Notifications from "./notifications";
import Config from "./config";
import * as UI from "./ui";
import tinycolor from "tinycolor2";
let isPreviewingTheme = false;
export let randomTheme = null;
@ -132,12 +133,21 @@ export function clearPreview() {
export function randomizeTheme() {
var randomList;
Misc.getThemesList().then((themes) => {
randomList = themes.map((t) => {
return t.name;
});
if (Config.randomTheme === "fav" && Config.favThemes.length > 0)
if (Config.randomTheme === "fav" && Config.favThemes.length > 0) {
randomList = Config.favThemes;
} else if (Config.randomTheme === "light") {
randomList = themes
.filter((t) => tinycolor(t.bgColor).isLight())
.map((t) => t.name);
} else if (Config.randomTheme === "dark") {
randomList = themes
.filter((t) => tinycolor(t.bgColor).isDark())
.map((t) => t.name);
} else {
randomList = themes.map((t) => {
return t.name;
});
}
const previousTheme = randomTheme;
randomTheme = randomList[Math.floor(Math.random() * randomList.length)];