improve bookmark display hover colour

This commit is contained in:
zombieFox
2021-09-09 21:52:03 +01:00
parent 29ee1bdccf
commit 2a18d14dfe
2 changed files with 4 additions and 4 deletions

View File

@ -2,7 +2,7 @@
--bookmark-color: var(--theme-primary-020); --bookmark-color: var(--theme-primary-020);
--bookmark-color-focus-hover: var(--theme-primary-030); --bookmark-color-focus-hover: var(--theme-primary-030);
--bookmark-display-visual-color: var(--theme-accent); --bookmark-display-visual-color: var(--theme-accent);
--bookmark-display-visual-color-focus-hover: var(--theme-accent-text); --bookmark-display-visual-color-focus-hover: var(--theme-primary-text-030);
--bookmark-display-name-color: var(--theme-primary-text-020); --bookmark-display-name-color: var(--theme-primary-text-020);
--bookmark-display-name-color-focus-hover: var(--theme-primary-text-030); --bookmark-display-name-color-focus-hover: var(--theme-primary-text-030);
} }
@ -557,7 +557,7 @@
.bookmark:focus .bookmark-display-visual, .bookmark:focus .bookmark-display-visual,
.bookmark:hover .bookmark-display-visual, .bookmark:hover .bookmark-display-visual,
.bookmark:focus-within .bookmark-display-visual { .bookmark:focus-within .bookmark-display-visual {
color: rgb(var(--bookmark-display-visual-color-focus-hover)); color: hsl(var(--bookmark-display-visual-color-focus-hover));
} }
.bookmark-display-visual-letter { .bookmark-display-visual-letter {

View File

@ -329,8 +329,6 @@ const BookmarkTile = function({
this.element.bookmark.style.setProperty('--bookmark-display-visual-color', 'var(--theme-accent)'); this.element.bookmark.style.setProperty('--bookmark-display-visual-color', 'var(--theme-accent)');
this.element.bookmark.style.setProperty('--bookmark-display-visual-color-focus-hover', 'var(--theme-accent-text)');
}; };
if (bookmarkData.link.display.visual.shadow.size > 0) { if (bookmarkData.link.display.visual.shadow.size > 0) {
@ -395,6 +393,8 @@ const BookmarkTile = function({
this.element.bookmark.style.setProperty('--bookmark-color-focus-hover', 'var(--theme-color)'); this.element.bookmark.style.setProperty('--bookmark-color-focus-hover', 'var(--theme-color)');
this.element.bookmark.style.setProperty('--bookmark-display-visual-color-focus-hover', 'var(--theme-color-text)');
this.element.bookmark.style.setProperty('--bookmark-display-name-color', 'var(--theme-color-text)'); this.element.bookmark.style.setProperty('--bookmark-display-name-color', 'var(--theme-color-text)');
this.element.bookmark.style.setProperty('--bookmark-display-name-color-focus-hover', 'var(--theme-color-text)'); this.element.bookmark.style.setProperty('--bookmark-display-name-color-focus-hover', 'var(--theme-color-text)');