diff --git a/src/component/bookmarkTile/index.js b/src/component/bookmarkTile/index.js index 029225f1..b79a3ac1 100644 --- a/src/component/bookmarkTile/index.js +++ b/src/component/bookmarkTile/index.js @@ -309,7 +309,7 @@ const BookmarkTile = function({ this.element.bookmark.style.setProperty('--bookmark-display-visual-size', bookmarkData.link.display.visual.size); - this.element.bookmark.style.setProperty('--bookmark-display-visual-image-url', 'url(' + trimString(bookmarkData.link.display.visual.image.url) + ')'); + this.element.bookmark.style.setProperty('--bookmark-display-visual-image-url', 'url("' + trimString(bookmarkData.link.display.visual.image.url) + '")'); this.element.bookmark.style.setProperty('--bookmark-display-name-size', bookmarkData.link.display.name.size); @@ -413,7 +413,7 @@ const BookmarkTile = function({ switch (bookmarkData.link.background.type) { case 'image': if (isValidString(bookmarkData.link.background.image.url)) { - this.element.bookmark.style.setProperty('--bookmark-background-image-url', 'url(' + trimString(bookmarkData.link.background.image.url) + ')'); + this.element.bookmark.style.setProperty('--bookmark-background-image-url', 'url("' + trimString(bookmarkData.link.background.image.url) + '")'); }; break; }; diff --git a/src/component/theme/index.js b/src/component/theme/index.js index 3505d84b..4eee0bc0 100644 --- a/src/component/theme/index.js +++ b/src/component/theme/index.js @@ -398,7 +398,7 @@ theme.background.image = { const allUrls = trimString(state.get.current().theme.background.image.url).split(/\s+/).filter((item) => { return item != ''; }); - html.style.setProperty('--theme-background-image', 'url(' + allUrls[Math.floor(Math.random() * allUrls.length)] + ')'); + html.style.setProperty('--theme-background-image', 'url("' + allUrls[Math.floor(Math.random() * allUrls.length)] + '")'); } else {