diff --git a/ui/public/config.json b/ui/public/config.json
index f36e77c582c..9f08bb378e6 100644
--- a/ui/public/config.json
+++ b/ui/public/config.json
@@ -11,6 +11,7 @@
   },
   "theme": {
     "@primary-color": "#1890ff",
+    "@link-color": "#1890ff",
     "@processing-color": "#1890ff",
     "@success-color": "#52c41a",
     "@warning-color": "#faad14",
@@ -25,8 +26,8 @@
     "@box-shadow-base": "0 2px 8px rgba(0, 0, 0, 0.15)",
     "@logo-width": "256px",
     "@logo-height": "64px",
-    "@login-banner-width": "700px",
-    "@login-banner-height": "110px",
+    "@banner-width": "700px",
+    "@banner-height": "110px",
     "@error-width": "256px",
     "@error-height": "256px"
   },
diff --git a/ui/src/style/vars.less b/ui/src/style/vars.less
index 3d6845f6729..1e412b5cdeb 100644
--- a/ui/src/style/vars.less
+++ b/ui/src/style/vars.less
@@ -44,3 +44,14 @@
     }
   }
 }
+
+a {
+  color: @link-color;
+  background-color: transparent;
+}
+a:hover {
+  color: color(~`colorPalette("@{primary-color}", 5)`);
+}
+a:active {
+  color: color(~`colorPalette("@{primary-color}", 7)`);
+}
diff --git a/ui/theme.config.js b/ui/theme.config.js
index 246267491ab..7dcdb2c5d3f 100644
--- a/ui/theme.config.js
+++ b/ui/theme.config.js
@@ -28,6 +28,7 @@ const options = {
   varFile: resolve('./src/style/vars.less'),
   themeVariables: [
     '@primary-color',
+    '@link-color',
     '@success-color',
     '@warning-color',
     '@processing-color',