diff --git a/packages/vaadin-lumo-styles/color.js b/packages/vaadin-lumo-styles/color.js index 88df8eba61..7b657ff050 100644 --- a/packages/vaadin-lumo-styles/color.js +++ b/packages/vaadin-lumo-styles/color.js @@ -174,9 +174,12 @@ const color = css` color: var(--lumo-header-text-color); } - a { + a:any-link { color: var(--lumo-primary-text-color); } + a:not(:any-link) { + color: var(--lumo-disabled-text-color); + } blockquote { color: var(--lumo-secondary-text-color); diff --git a/packages/vaadin-lumo-styles/typography.js b/packages/vaadin-lumo-styles/typography.js index cc77f3eba1..3e1835dda1 100644 --- a/packages/vaadin-lumo-styles/typography.js +++ b/packages/vaadin-lumo-styles/typography.js @@ -103,7 +103,7 @@ const typography = css` text-decoration: none; } - a:hover { + a:any-link:hover { text-decoration: underline; }