mirror of
https://github.com/zombieFox/nightTab.git
synced 2025-06-30 14:21:05 +02:00
improve bookmark display hover colour
This commit is contained in:
@ -2,7 +2,7 @@
|
||||
--bookmark-color: var(--theme-primary-020);
|
||||
--bookmark-color-focus-hover: var(--theme-primary-030);
|
||||
--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-focus-hover: var(--theme-primary-text-030);
|
||||
}
|
||||
@ -557,7 +557,7 @@
|
||||
.bookmark:focus .bookmark-display-visual,
|
||||
.bookmark:hover .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 {
|
||||
|
@ -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-focus-hover', 'var(--theme-accent-text)');
|
||||
|
||||
};
|
||||
|
||||
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-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-focus-hover', 'var(--theme-color-text)');
|
||||
|
Reference in New Issue
Block a user