diff --git a/webapp/src/styles/main.scss b/webapp/src/styles/main.scss
index aa1f235a6..7498bc41e 100644
--- a/webapp/src/styles/main.scss
+++ b/webapp/src/styles/main.scss
@@ -44,6 +44,12 @@ body {
 
 a {
 	text-decoration: none;
+    color: var(--link-color);
+
+    &:visited {
+        color: var(--link-visited-color);
+    }
+
     &:hover {
         background-color: rgba(192, 192, 255, 0.2);
     }
diff --git a/webapp/src/styles/variables.scss b/webapp/src/styles/variables.scss
index bf0727221..e26ff6bce 100644
--- a/webapp/src/styles/variables.scss
+++ b/webapp/src/styles/variables.scss
@@ -7,6 +7,7 @@
     --sidebar-fg: 55, 53, 47;
     --button-bg: 22, 109, 204;
     --link-color: 35, 137, 215;
+    --link-visited-color: #551a8b;
 
     // Label Colors
     --prop-default: #fff;
diff --git a/webapp/src/theme.ts b/webapp/src/theme.ts
index 7e1a25007..8b3e2ca12 100644
--- a/webapp/src/theme.ts
+++ b/webapp/src/theme.ts
@@ -2,13 +2,16 @@
 // See LICENSE.txt for license information.
 
 export type Theme = {
-    mainBg: string
-    mainFg: string
-    buttonBg: string
-    buttonFg: string
-    sidebarBg: string
-    sidebarFg: string
-    sidebarWhiteLogo: string
+    mainBg: string,
+    mainFg: string,
+    buttonBg: string,
+    buttonFg: string,
+    sidebarBg: string,
+    sidebarFg: string,
+    sidebarWhiteLogo: string,
+
+    link: string,
+    linkVisited: string,
 
     propDefault: string,
     propGray: string,
@@ -31,6 +34,9 @@ export const defaultTheme = {
     sidebarFg: '255, 255, 255',
     sidebarWhiteLogo: 'true',
 
+    link: '#0000ee',
+    linkVisited: '#551a8b',
+
     propDefault: '#fff',
     propGray: '#EDEDED',
     propBrown: '#F7DDC3',
@@ -54,6 +60,9 @@ export const darkTheme = {
     sidebarFg: '255, 255, 255',
     sidebarWhiteLogo: 'true',
 
+    link: '#0090ff',
+    linkVisited: 'hsla(270, 68%, 70%, 1.0)',
+
     propDefault: 'hsla(0, 100%, 100%, 0.4)',
     propGray: 'hsla(0, 0%, 70%, 0.4)',
     propBrown: 'hsla(25, 60%, 40%, 0.4)',
@@ -90,6 +99,9 @@ export function setTheme(theme: Theme): void {
     document.documentElement.style.setProperty('--sidebar-fg', consolidatedTheme.sidebarFg)
     document.documentElement.style.setProperty('--sidebar-white-logo', consolidatedTheme.sidebarWhiteLogo)
 
+    document.documentElement.style.setProperty('--link-color', consolidatedTheme.link)
+    document.documentElement.style.setProperty('--link-visited-color', consolidatedTheme.linkVisited)
+
     document.documentElement.style.setProperty('--prop-default', consolidatedTheme.propDefault)
     document.documentElement.style.setProperty('--prop-gray', consolidatedTheme.propGray)
     document.documentElement.style.setProperty('--prop-brown', consolidatedTheme.propBrown)