diff --git a/src/styles/blocks/article.css b/src/styles/blocks/article.css index 585efb5..a7e5f3a 100644 --- a/src/styles/blocks/article.css +++ b/src/styles/blocks/article.css @@ -45,11 +45,15 @@ } .article a { - color: var(--color-subtext); + color: var(--color-link); text-decoration-color: var(--color-accent); text-decoration-thickness: 2px; } +.article a:visited { + color: var(--color-link-visited); +} + .article a:hover { background: var(--color-accent-alpha); } @@ -203,7 +207,8 @@ content: ''; } -.article__nav-button[class] { +.article__nav-button[class], +.article__nav-button[class]:visited { position: relative; display: block; padding: var(--line-space); diff --git a/src/styles/blocks/footer.css b/src/styles/blocks/footer.css index 43b97b6..5c07cbe 100644 --- a/src/styles/blocks/footer.css +++ b/src/styles/blocks/footer.css @@ -5,11 +5,15 @@ } .footer a { - color: var(--color-subtext); + color: var(--color-link); text-decoration-color: var(--color-accent); text-decoration-thickness: 2px; } +.footer a:visited { + color: var(--color-link-visited); +} + .footer a:hover { background: var(--color-accent-alpha); } diff --git a/src/styles/dark.css b/src/styles/dark.css index 882605e..7918926 100644 --- a/src/styles/dark.css +++ b/src/styles/dark.css @@ -6,7 +6,10 @@ --color-text: var(--color-white); --color-outline: var(--color-red); --color-subtext: var(--color-lightgrey); - --color-accent-base: 136, 0, 136; + --color-accent: #880088; + --color-accent-alpha: rgb(136 0 136 / 0.3); + --color-link: #ffaaff; + --color-link-visited: #aaaaff; --color-code: var(--color-lightgrey); --color-delimeter: var(--color-darkgrey); diff --git a/src/styles/styles.css b/src/styles/styles.css index a03cea1..cabb6cd 100644 --- a/src/styles/styles.css +++ b/src/styles/styles.css @@ -21,7 +21,10 @@ --color-lightgrey: #bebbbb; --color-darkgrey: #514f4f; --color-red: #ff4d00; - --color-accent-base: 255, 204, 0; + --color-accent: #ffcc00; + --color-accent-alpha: rgb(255 204 0 / 0.3); + --color-link: #665500; + --color-link-visited: #000000; --line-height: 1.42; --font-size: 20px; @@ -41,8 +44,6 @@ --color-text: var(--color-black); --color-subtext: var(--color-grey); --color-outline: var(--color-red); - --color-accent: rgb(var(--color-accent-base)); - --color-accent-alpha: rgba(var(--color-accent-base), 0.3); --color-code: var(--color-darkgrey); --color-delimeter: var(--color-lightgrey);