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;