diff --git a/ui/docs/customize.md b/ui/docs/customize.md
index 09a86a132df..2d1fda4f128 100644
--- a/ui/docs/customize.md
+++ b/ui/docs/customize.md
@@ -47,7 +47,13 @@ Customize themes like colors, border color, etc.
 }
 ```
 
+- `@logo-background-color` changes the logo background color.
+- `@navigation-background-color` changes the navigation menu background color.
+- `@navigation-text-color` changes the navigation text color.
 - `@primary-color` change the major background color of the page (background button, icon hover, etc).
+- `@link-color` changes the link color.
+- `@link-hover-color` changes the link hover color.
+- `@loading-color` changes the message loading color and page loading bar at the top page.
 - `@success-color` change success state color.
 - `@processing-color` change processing state color. Exp: progress status.
 - `@warning-color` change warning state color.
diff --git a/ui/public/config.json b/ui/public/config.json
index af7e84a4442..f4ad13b7abd 100644
--- a/ui/public/config.json
+++ b/ui/public/config.json
@@ -11,8 +11,13 @@
     "500": "assets/500.png"
   },
   "theme": {
+    "@logo-background-color": "#ffffff",
+    "@navigation-background-color": "#ffffff",
+    "@navigation-text-color": "rgba(0, 0, 0, 0.65)",
     "@primary-color": "#1890ff",
     "@link-color": "#1890ff",
+    "@link-hover-color": "#40a9ff",
+    "@loading-color": "#1890ff",
     "@processing-color": "#1890ff",
     "@success-color": "#52c41a",
     "@warning-color": "#faad14",
diff --git a/ui/src/assets/icons/kubernetes.svg b/ui/src/assets/icons/kubernetes.svg
index 1bb1aeb0e29..e244023d9be 100644
--- a/ui/src/assets/icons/kubernetes.svg
+++ b/ui/src/assets/icons/kubernetes.svg
@@ -53,13 +53,14 @@
  </defs>
 
 <g
+   class="custom-icon"
    transform="matrix(10.417731,0,0,10.417731,-3348.2599,-4287.0516)"
    id="layer1"
    inkscape:label="Layer 1"><path
      inkscape:connector-curvature="0"
      id="path3059"
      d="m 402.68583,413.59883 c -2.48732,2.5e-4 -4.50412,2.24066 -4.50385,5.00427 4e-5,0.0425 0.01,0.0829 0.01,0.12498 -0.003,0.37553 -0.0216,0.82791 -0.01,1.15483 0.0593,1.59399 0.40679,2.81394 0.61591,4.28251 0.37888,3.14319 0.69635,5.7487 0.50043,8.17042 -0.19062,0.91322 -0.86313,1.74839 -1.46279,2.32891 l -0.10592,1.90548 c -2.70285,0.22389 -5.42381,0.63402 -8.14156,1.25107 -11.69445,2.65524 -21.7632,8.67911 -29.42894,16.81242 -0.49741,-0.33935 -1.36762,-0.96365 -1.6264,-1.15482 -0.80413,0.10868 -1.61682,0.3567 -2.67536,-0.25992 -2.01553,-1.35672 -3.85126,-3.2295 -6.0725,-5.48545 -1.01776,-1.07912 -1.75482,-2.10672 -2.96406,-3.1469 -0.2747,-0.2362 -0.69367,-0.55574 -1.00087,-0.79878 -0.94536,-0.75374 -2.06042,-1.14682 -3.13729,-1.18368 -1.3845,-0.0474 -2.71736,0.4939 -3.58957,1.58788 -1.55062,1.94485 -1.05417,4.91745 1.1067,6.64028 0.0216,0.0185 0.0453,0.0311 0.0674,0.048 0.29687,0.24082 0.66056,0.54913 0.93347,0.75065 1.28323,0.94742 2.45539,1.43242 3.73396,2.18454 2.69369,1.66351 4.92678,3.04288 6.69801,4.70595 0.6917,0.73727 0.81258,2.03647 0.90462,2.59836 l 1.44354,1.28957 c -7.72762,11.62948 -11.30404,25.99429 -9.19052,40.63081 l -1.88622,0.54854 c -0.49713,0.64195 -1.19961,1.6521 -1.93435,1.95358 -2.31739,0.72993 -4.92549,0.99797 -8.07418,1.32806 -1.47828,0.12291 -2.75379,0.0496 -4.32101,0.34645 -0.34491,0.0654 -0.82554,0.19064 -1.20294,0.27901 -0.0125,0.003 -0.0247,0.006 -0.0385,0.01 -0.0216,0.006 -0.0478,0.0155 -0.0674,0.0185 -2.6546,0.64143 -4.35993,3.0814 -3.81094,5.48546 0.54915,2.40459 3.14213,3.86693 5.81265,3.29126 0.0186,-0.003 0.0474,-0.006 0.0674,-0.01 0.0308,-0.006 0.0567,-0.0216 0.0865,-0.0278 0.37229,-0.0817 0.83881,-0.17276 1.16447,-0.25991 1.54079,-0.41256 2.65669,-1.01872 4.04191,-1.54942 2.98005,-1.06884 5.44825,-1.96173 7.85284,-2.30966 1.00431,-0.0785 2.06242,0.61966 2.58873,0.91427 l 1.96322,-0.33685 c 4.51777,14.00664 13.98554,25.32775 25.9741,32.4315 l -0.81803,1.96322 c 0.29502,0.76231 0.62008,1.79374 0.40044,2.54657 -0.87419,2.26691 -2.37156,4.65967 -4.07665,7.32723 -0.82557,1.23242 -1.6705,2.18882 -2.41551,3.59923 -0.1783,0.33748 -0.40532,0.8559 -0.57741,1.21258 -1.15754,2.4767 -0.30845,5.32921 1.91508,6.3997 2.23754,1.07716 5.01489,-0.0588 6.21685,-2.54063 10e-4,-0.003 0.01,-0.006 0.01,-0.01 10e-4,-0.003 -0.001,-0.006 0,-0.01 0.17122,-0.35186 0.41375,-0.81435 0.55817,-1.14522 0.63814,-1.46185 0.85047,-2.71462 1.29919,-4.1285 1.19167,-2.99338 1.84641,-6.13419 3.48685,-8.09124 0.44921,-0.53593 1.18157,-0.74202 1.94086,-0.94532 l 1.02009,-1.84774 c 10.45145,4.01167 22.15019,5.08819 33.83655,2.43478 2.66598,-0.60532 5.23968,-1.38871 7.72774,-2.3289 0.2867,0.50852 0.81954,1.4861 0.96236,1.73224 0.77161,0.25099 1.61384,0.38066 2.30005,1.39541 1.22733,2.09686 2.06666,4.57751 3.08916,7.57378 0.44882,1.41385 0.67063,2.66668 1.3088,4.12851 0.14537,0.3332 0.3868,0.8022 0.55818,1.15482 1.19945,2.4898 3.98561,3.62979 6.22648,2.55027 2.22329,-1.07103 3.07329,-3.92331 1.91508,-6.3997 -0.17214,-0.35664 -0.40876,-0.87509 -0.58702,-1.21257 -0.74511,-1.41034 -1.58989,-2.35724 -2.41554,-3.58959 -1.70522,-2.6675 -3.11947,-4.88346 -3.99378,-7.15034 -0.36557,-1.16918 0.0616,-1.8963 0.34644,-2.65612 -0.17059,-0.19554 -0.53546,-1.29959 -0.75064,-1.81883 12.45907,-7.35649 21.64881,-19.09978 25.96447,-32.66247 0.58277,0.0914 1.59566,0.27068 1.92472,0.33679 0.67734,-0.44674 1.30015,-1.02963 2.52137,-0.93346 2.40461,0.34777 4.87274,1.24096 7.85285,2.30966 1.38521,0.5306 2.50109,1.14655 4.04192,1.55902 0.32564,0.0871 0.79218,0.16845 1.16443,0.25006 0.0308,0.006 0.0563,0.0216 0.0866,0.0278 0.0216,0.003 0.048,0.006 0.0674,0.01 2.6707,0.57492 5.26414,-0.88651 5.81263,-3.29126 0.54841,-2.40421 -1.15614,-4.84475 -3.81094,-5.48546 -0.38614,-0.0878 -0.93378,-0.23682 -1.3088,-0.30795 -1.56722,-0.29686 -2.8427,-0.22358 -4.32098,-0.34646 -3.14871,-0.32994 -5.75676,-0.59825 -8.07422,-1.32804 -0.94487,-0.36657 -1.61707,-1.49092 -1.94395,-1.95361 l -1.81888,-0.52929 c 0.94304,-6.82258 0.68876,-13.92307 -0.94312,-21.02756 -1.64703,-7.17063 -4.55782,-13.72888 -8.43987,-19.50701 0.46655,-0.42413 1.34768,-1.20437 1.59751,-1.43393 0.073,-0.80813 0.01,-1.65541 0.84689,-2.55022 1.77113,-1.66317 4.00442,-3.04229 6.69801,-4.70597 1.27855,-0.75217 2.46041,-1.23705 3.74357,-2.18452 0.29008,-0.21435 0.68639,-0.5536 0.99124,-0.79879 2.16042,-1.72341 2.65784,-4.69582 1.1067,-6.64028 -1.55111,-1.94446 -4.55685,-2.1276 -6.71727,-0.40418 -0.30734,0.24358 -0.72478,0.56124 -1.00085,0.79876 -1.20918,1.04025 -1.95595,2.06773 -2.97367,3.14691 -2.22113,2.25607 -4.05704,4.13823 -6.0725,5.49508 -0.87337,0.50843 -2.15259,0.3325 -2.73311,0.29841 l -1.71301,1.22222 c -9.76795,-10.24277 -23.06727,-16.79141 -37.38759,-18.0635 -0.04,-0.60015 -0.0924,-1.68489 -0.10592,-2.01136 -0.58625,-0.56096 -1.29445,-1.0399 -1.47242,-2.25191 -0.19587,-2.42172 0.13126,-5.02725 0.51006,-8.17042 0.2091,-1.46857 0.5566,-2.68855 0.61593,-4.28251 0.0125,-0.36235 -0.01,-0.88815 -0.01,-1.27992 -3.3e-4,-2.76363 -2.0165,-5.00454 -4.50385,-5.00427 z m -5.63943,34.93365 -1.33765,23.62589 -0.0962,0.048 c -0.0897,2.11359 -1.82925,3.8013 -3.96493,3.8013 -0.87483,0 -1.68231,-0.28085 -2.33855,-0.76024 l -0.0385,0.0185 -19.37227,-13.73288 c 5.95388,-5.85455 13.56939,-10.1811 22.34598,-12.17382 1.60322,-0.36403 3.20572,-0.63412 4.80216,-0.82764 z m 11.28849,0 c 10.24674,1.26023 19.72298,5.90004 26.98456,13.01109 l -19.24719,13.64626 -0.0674,-0.0278 c -1.70835,1.24774 -4.11532,0.93814 -5.44696,-0.73139 -0.54547,-0.68398 -0.83167,-1.48817 -0.86612,-2.30006 l -0.0185,-0.01 z m -45.46185,21.8263 17.68817,15.82119 -0.0186,0.0962 c 1.59657,1.38792 1.832,3.79643 0.50044,5.4662 -0.54545,0.68396 -1.27559,1.14273 -2.05946,1.35691 l -0.0185,0.077 -22.67318,6.54403 c -1.154,-10.55214 1.33297,-20.80963 6.58253,-29.36156 z m 79.50048,0.01 c 2.62812,4.25979 4.61828,9.01757 5.80305,14.17554 1.17056,5.09613 1.46433,10.18315 0.98161,15.09944 l -22.78868,-6.56329 -0.0185,-0.096 c -2.04068,-0.55775 -3.29478,-2.63354 -2.81972,-4.71556 0.19461,-0.85294 0.6474,-1.57449 1.26069,-2.10758 l -0.01,-0.048 17.59192,-15.74421 z m -43.31578,17.03377 h 7.24656 l 4.50384,5.62978 -1.61677,7.02523 -6.50554,3.12767 -6.5248,-3.13729 -1.61676,-7.02522 z m 23.23136,19.26642 c 0.30795,-0.0155 0.61455,0.0125 0.91423,0.0674 l 0.0384,-0.048 23.45272,3.96493 c -3.43231,9.64301 -10.00017,17.99691 -18.77564,23.58741 l -9.10392,-21.9899 0.0278,-0.0384 c -0.83628,-1.94321 6.1e-4,-4.22195 1.92472,-5.14865 0.49264,-0.23713 1.00728,-0.36861 1.52053,-0.39455 z m -39.38937,0.096 c 1.78976,0.0247 3.39511,1.26729 3.81094,3.08916 0.19462,0.85291 0.0997,1.698 -0.22141,2.44438 l 0.0674,0.0865 -9.00769,21.76856 c -8.42167,-5.40418 -15.12958,-13.49585 -18.71788,-23.42383 l 23.2506,-3.94566 0.0385,0.048 c 0.26021,-0.0477 0.52383,-0.0708 0.7795,-0.0674 z m 19.64176,9.53699 c 0.62343,-0.0216 1.25603,0.10503 1.85733,0.39455 0.78825,0.37956 1.39714,0.97721 1.78039,1.69376 h 0.0865 l 11.46171,20.70997 c -1.48751,0.49864 -3.01676,0.92483 -4.58083,1.27995 -8.76578,1.99029 -17.50372,1.38722 -25.41592,-1.3088 L 399.1635,518.3999 h 0.0185 c 0.68603,-1.28244 1.98709,-2.04755 3.35864,-2.09794 z"
-     style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#5a5a5a;fill-opacity:1;stroke:#ffffff;stroke-width:0.07698873;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker:none;enable-background:accumulate"
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill-opacity:1;stroke:#ffffff;stroke-width:0.07698873;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker:none;enable-background:accumulate"
      sodipodi:nodetypes="ccccccccsccccscssccsccccccccscccsccccccccccccccscccscsccsccccscscsccccccccscccscsccccsccccscscscccccccccccccccscccsccccccccccccscccccscccccccccccccccccccccccscccscccccccccscccscccc"
      inkscape:export-filename="./path3059.png"
      inkscape:export-xdpi="250.55"
diff --git a/ui/src/components/header/Logo.vue b/ui/src/components/header/Logo.vue
index ba879e40d7d..ca67959230d 100644
--- a/ui/src/components/header/Logo.vue
+++ b/ui/src/components/header/Logo.vue
@@ -56,12 +56,10 @@ export default {
   line-height: 64px;
   -webkit-transition: all .3s;
   transition: all .3s;
-  background: #002140;
   overflow: hidden;
 }
 
 .sider.light .logo {
-  background: #fff;
   box-shadow: 1px 1px 0px 0px #e8e8e8;
 }
 
diff --git a/ui/src/style/vars.less b/ui/src/style/vars.less
index 1e412b5cdeb..399afd6b94c 100644
--- a/ui/src/style/vars.less
+++ b/ui/src/style/vars.less
@@ -15,8 +15,6 @@
 // specific language governing permissions and limitations
 // under the License.
 
-@import "~ant-design-vue/lib/style/themes/default.less";
-
 @logo-width: 256px;
 @logo-height: 64px;
 @banner-width: 450px;
@@ -24,6 +22,26 @@
 @error-width: 256px;
 @error-height: 256px;
 
+@logo-background-color: #ffffff;
+@navigation-background-color: #ffffff;
+@navigation-text-color:  rgba(0, 0, 0, 0.65);
+@primary-color: #1890ff;
+@link-color: @primary-color;
+@link-hover-color: #40a9ff;
+@processing-color: @primary-color;
+@success-color: #52c41a;
+@warning-color: #faad14;
+@error-color: #f5222d;
+@font-size-base: 14px;
+@heading-color: rgba(0, 0, 0, 0.85);
+@text-color: rgba(0, 0, 0, 0.65);
+@text-color-secondary: rgba(0, 0, 0, 0.45);
+@disabled-color: rgba(0, 0, 0, 0.25);
+@border-color-base: #d9d9d9;
+@border-radius-base: 4px;
+@box-shadow-base: 0 2px 8px rgba(0, 0, 0, 0.15);
+@loading-color: @primary-color;
+
 .ant-layout-sider-children .logo-image {
   width: @logo-width;
   height: @logo-height;
@@ -48,10 +66,128 @@
 a {
   color: @link-color;
   background-color: transparent;
+
+  &:hover {
+    color: @link-hover-color;
+  }
 }
-a:hover {
-  color: color(~`colorPalette("@{primary-color}", 5)`);
+
+.ant-message-info .anticon,
+.ant-message-loading .anticon {
+  color: @loading-color;
 }
-a:active {
-  color: color(~`colorPalette("@{primary-color}", 7)`);
+
+#nprogress {
+  .bar {
+    background-color: @loading-color;
+  }
 }
+
+.sider .logo,
+.sider.light .logo {
+  background-color: @logo-background-color;
+  box-shadow: 1px 1px 0px 0px #e8e8e8;
+}
+
+.ant-menu {
+  background: @navigation-background-color;
+}
+
+.ant-menu-submenu-popup,
+.ant-menu-submenu > .ant-menu,
+.ant-menu-dark .ant-menu-inline.ant-menu-sub {
+  background-color: @navigation-background-color;
+}
+
+.ant-menu-item > a,
+.ant-menu-dark .ant-menu-item,
+.ant-menu-dark .ant-menu-item-group-title,
+.ant-menu-dark .ant-menu-item > a {
+  color: @navigation-text-color;
+}
+
+.ant-menu-item-selected > a, .ant-menu-item-selected > a:hover {
+  color: @primary-color;
+}
+
+.ant-menu-vertical .ant-menu-item,
+.ant-menu-vertical-left .ant-menu-item,
+.ant-menu-vertical-right .ant-menu-item,
+.ant-menu-inline .ant-menu-item,
+.ant-menu-vertical .ant-menu-submenu-title,
+.ant-menu-vertical-left .ant-menu-submenu-title,
+.ant-menu-vertical-right .ant-menu-submenu-title,
+.ant-menu-inline .ant-menu-submenu-title {
+  color: @navigation-text-color;
+}
+
+.ant-menu-submenu-vertical ant-menu-submenu-selected,
+.ant-menu-vertical .ant-menu-submenu-selected,
+.ant-menu-vertical-left .ant-menu-submenu-selected,
+.ant-menu-vertical-right .ant-menu-submenu-selected {
+  color: @primary-color;
+
+  .ant-menu-submenu-title {
+    color: @primary-color;
+  }
+}
+
+.kubernet-icon path {
+  color: @navigation-text-color;
+}
+
+.ant-menu-item:hover,
+.ant-menu-item-active,
+.ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
+.ant-menu-submenu-active,
+.ant-menu-submenu-title:hover,
+.ant-menu-dark .ant-menu-item:hover > a,
+.ant-menu-dark .ant-menu-submenu-title:hover > a,
+.ant-menu-dark .ant-menu-submenu-title:hover,
+.ant-menu-dark .ant-menu-item:hover,
+.ant-menu-dark .ant-menu-submenu-title:hover
+{
+  color: @primary-color;
+
+  .custom-icon path {
+    color: @primary-color;
+  }
+}
+
+.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
+.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
+.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
+.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
+.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
+.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
+.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
+.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
+  background-color: @navigation-text-color;
+}
+
+.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
+.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
+.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
+.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
+.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
+.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
+.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
+.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
+.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
+.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
+.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
+.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
+.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
+.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
+.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
+.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
+.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
+.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
+.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
+.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
+.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
+.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
+.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
+.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before {
+  background-color: @primary-color;
+}
\ No newline at end of file
diff --git a/ui/theme.config.js b/ui/theme.config.js
index 7dcdb2c5d3f..849d3a10b06 100644
--- a/ui/theme.config.js
+++ b/ui/theme.config.js
@@ -27,8 +27,13 @@ const options = {
   antDir: resolve('./node_modules/ant-design-vue'),
   varFile: resolve('./src/style/vars.less'),
   themeVariables: [
+    '@logo-background-color',
+    '@navigation-background-color',
+    '@navigation-text-color',
     '@primary-color',
     '@link-color',
+    '@link-hover-color',
+    '@loading-color',
     '@success-color',
     '@warning-color',
     '@processing-color',