monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2024-09-20 15:26:15 +08:00
Code Issues Packages Projects Releases Wiki Activity

fixed broken custom theme inputs

Browse source
This commit is contained in:
Miodec 2022-03-28 17:59:17 +02:00
parent d3c093bb42
commit 9d5373728b
1 changed files with 8 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
frontend/src/scripts/settings/theme-picker.ts
View file

@ -32,7 +32,7 @@ function updateColors(
noThemeUpdate = false
): void {
if (onlyStyle) {
const colorID = colorPicker.find("input[type=color]").attr("id");
const colorID = colorPicker.find("input.color").attr("id");
if (colorID === undefined) console.error("Could not find color ID!");
if (!noThemeUpdate && colorID !== undefined) {
document.documentElement.style.setProperty(colorID, color);
@ -43,8 +43,8 @@ function updateColors(
if (pickerButton.attr("for") !== "--bg-color") {
pickerButton.css("background-color", color);
}
colorPicker.find("input[type=text]").val(color);
colorPicker.find("input[type=color]").attr("value", color);
colorPicker.find("input.input").val(color);
colorPicker.find("input.color").attr("value", color);
return;
}
const colorREGEX = [
@ -84,7 +84,7 @@ function updateColors(
color = hexColor;
const colorID = colorPicker.find("input[type=color]").attr("id");
const colorID = colorPicker.find("input.color").attr("id");
if (colorID === undefined) console.error("Could not find color ID!");
if (!noThemeUpdate && colorID !== undefined) {
@ -98,8 +98,8 @@ function updateColors(
if (pickerButton.attr("for") !== "--bg-color") {
pickerButton.css("background-color", color);
}
colorPicker.find("input[type=text]").val(color);
colorPicker.find("input[type=color]").attr("value", color);
colorPicker.find("input.input").val(color);
colorPicker.find("input.color").attr("value", color);
}
export async function refreshButtons(): Promise<void> {
@ -204,7 +204,7 @@ export function setCustomInputs(noThemeUpdate = false): void {
const currentColor =
Config.customThemeColors[
ThemeController.colorVars.indexOf(
$(element).find("input[type=color]").attr("id") as string
$(element).find("input.color").attr("id") as string
)
];
updateColors($(element), currentColor, false, noThemeUpdate);
@ -342,7 +342,7 @@ $(
updateColors($(".colorPicker #" + $colorVar).parent(), $pickedColor);
});
$(".pageSettings .section.themes .tabContainer .customTheme input[type=text]")
$(".pageSettings .section.themes .tabContainer .customTheme input.input")
.on("blur", (e) => {
if (e.target.id === "name") return;
const $colorVar = $(e.currentTarget).attr("id") as string;