diff --git a/scss/deltagreen/_agent-sheet.scss b/scss/deltagreen/_agent-sheet.scss index c4e0ec4..ba2a69f 100644 --- a/scss/deltagreen/_agent-sheet.scss +++ b/scss/deltagreen/_agent-sheet.scss @@ -1005,9 +1005,21 @@ border-radius: 2.5px; background-color: rgba(0, 0, 0, 0.185); font-weight: bold; + color: var(--dg-ink); + + &:hover, + &:focus-visible { + color: var(--color-text-dark-header, #406539); + text-decoration: underline; + } + + &:visited { + color: var(--dg-ink); + } i { flex: 0 0 auto; + color: inherit; } span { diff --git a/scss/deltagreen/_character-sheet-cont.scss b/scss/deltagreen/_character-sheet-cont.scss index b71b850..0b8ab3b 100644 --- a/scss/deltagreen/_character-sheet-cont.scss +++ b/scss/deltagreen/_character-sheet-cont.scss @@ -191,16 +191,42 @@ div .exhausted-section { margin-bottom: 1rem; } -.tab.about .dg-about-links a { +.deltagreen .tab.about .dg-about-links a { display: inline-flex; align-items: center; gap: 0.5rem; width: fit-content; max-width: 100%; + color: var(--dg-ink); + + &:hover, + &:focus-visible { + color: var(--color-text-dark-header, #406539); + text-decoration: underline; + } + + &:visited { + color: var(--dg-ink); + } } -.tab.about .dg-about-links a i { +.deltagreen .tab.about .dg-about-links a i { flex: 0 0 auto; + color: inherit; +} + +.deltagreen .tab.about .dg-about-legal a { + color: var(--dg-ink); + + &:hover, + &:focus-visible { + color: var(--color-text-dark-header, #406539); + text-decoration: underline; + } + + &:visited { + color: var(--dg-ink); + } } .tab.about .dg-about-links a span {