diff --git a/bookmarks/styles/theme-dark.css b/bookmarks/styles/theme-dark.css index bec8ca33..3a10d5ab 100644 --- a/bookmarks/styles/theme-dark.css +++ b/bookmarks/styles/theme-dark.css @@ -102,7 +102,7 @@ --btn-error-text-color: var(--contrast-text-color); --btn-link-text-color: var(--link-color); - --btn-link-hover-text-color: var(--link-color); + --btn-link-hover-text-color: var(--secondary-link-color); } :root { diff --git a/bookmarks/styles/theme/buttons.css b/bookmarks/styles/theme/buttons.css index 21bb7e3b..bc9fd4dd 100644 --- a/bookmarks/styles/theme/buttons.css +++ b/bookmarks/styles/theme/buttons.css @@ -21,7 +21,7 @@ --btn-error-text-color: var(--contrast-text-color); --btn-link-text-color: var(--link-color); - --btn-link-hover-text-color: var(--link-color); + --btn-link-hover-text-color: var(--secondary-link-color); } .btn { @@ -135,10 +135,16 @@ &:focus, &:hover, - &:active, - &.active { + &:active { text-decoration: none; } + + &.active { + text-decoration: underline; + text-decoration-color: var(--btn-link-text-color); + text-decoration-thickness: 2px; + text-underline-offset: 0.5em; + } } /* Button Sizes */ diff --git a/bookmarks/templates/bookmarks/nav_menu.html b/bookmarks/templates/bookmarks/nav_menu.html index e8173612..eb8be609 100644 --- a/bookmarks/templates/bookmarks/nav_menu.html +++ b/bookmarks/templates/bookmarks/nav_menu.html @@ -4,11 +4,11 @@