diff --git a/src/js/theme-controller.js b/src/js/theme-controller.js index c91bc9a52..5f739befc 100644 --- a/src/js/theme-controller.js +++ b/src/js/theme-controller.js @@ -151,19 +151,24 @@ export function clearRandom() { randomTheme = null; } -export function applyCustomBackground(){ +export function applyCustomBackground() { $("body").css({ backgroundImage: `url(${Config.customBackground})`, backgroundRepeat: "no-repeat", backgroundPosition: "center center", backgroundAttachment: "fixed", - }) + }); + if (Config.customBackground === "") { + $("#words").removeClass("noErrorBorder"); + } else { + $("#words").addClass("noErrorBorder"); + } } -export function applyCustomBackgroundSize(){ - if (Config.customBackgroundSize != ""){ +export function applyCustomBackgroundSize() { + if (Config.customBackgroundSize != "") { $("body").css({ backgroundSize: Config.customBackgroundSize, - }) + }); } -} \ No newline at end of file +} diff --git a/src/sass/style.scss b/src/sass/style.scss index d1b6d557d..5573ba9b7 100644 --- a/src/sass/style.scss +++ b/src/sass/style.scss @@ -2465,6 +2465,11 @@ key { 1px 1px 0px var(--bg-color), -1px 1px 0px var(--bg-color); } +#words.noErrorBorder { + .word.error { + text-shadow: none; + } +} // .word letter { // transition: .1s; // height: 1rem;