From 555b995ac938279b2d9b151b21935cb0ed133b8e Mon Sep 17 00:00:00 2001 From: Oliver-Akins Date: Thu, 1 Apr 2021 00:49:22 -0600 Subject: [PATCH] Add styling to make links easier to theme and read --- public/static/css/theme/dark-high-contrast.css | 3 +++ public/static/css/theme/dark.css | 3 +++ public/static/css/theme/halloween.css | 3 +++ public/static/css/theme/light.css | 3 +++ src/App.vue | 4 ++++ 5 files changed, 16 insertions(+) diff --git a/public/static/css/theme/dark-high-contrast.css b/public/static/css/theme/dark-high-contrast.css index ab8ddc4..f6d22b9 100644 --- a/public/static/css/theme/dark-high-contrast.css +++ b/public/static/css/theme/dark-high-contrast.css @@ -73,4 +73,7 @@ --icon-primary: var(--accent2); --icon-secondary: var(--accent1); + + --link: #ffed00; + --visited-link: #ffed00; } \ No newline at end of file diff --git a/public/static/css/theme/dark.css b/public/static/css/theme/dark.css index b838f0d..34b5340 100644 --- a/public/static/css/theme/dark.css +++ b/public/static/css/theme/dark.css @@ -73,4 +73,7 @@ --icon-primary: var(--accent2); --icon-secondary: var(--accent1); + + --link: #00bfff; + --visited-link: #c700c7; } \ No newline at end of file diff --git a/public/static/css/theme/halloween.css b/public/static/css/theme/halloween.css index 8092342..00be570 100644 --- a/public/static/css/theme/halloween.css +++ b/public/static/css/theme/halloween.css @@ -73,4 +73,7 @@ --icon-primary: var(--accent2); --icon-secondary: var(--accent1); + + --link: #830083; + --visited-link: #000000; } \ No newline at end of file diff --git a/public/static/css/theme/light.css b/public/static/css/theme/light.css index 2119ac5..45d4472 100644 --- a/public/static/css/theme/light.css +++ b/public/static/css/theme/light.css @@ -73,4 +73,7 @@ --icon-primary: var(--accent2); --icon-secondary: var(--accent1); + + --link: #000000; + --visited-link: #000000; } \ No newline at end of file diff --git a/src/App.vue b/src/App.vue index b57cd6e..5e949d4 100644 --- a/src/App.vue +++ b/src/App.vue @@ -119,6 +119,10 @@ body { color: var(--background-text); } +/* Allows for better theming of the anchor text */ +a { color: var(--link); } +a:visited { color: var(--visited-link); } + #theme-button { position: absolute; display: block;