diff --git a/code/apps/Managed Software Center/Managed Software Center/WebResources/base.css b/code/apps/Managed Software Center/Managed Software Center/WebResources/base.css
index 99ef5041..b74dfe7d 100644
--- a/code/apps/Managed Software Center/Managed Software Center/WebResources/base.css	
+++ b/code/apps/Managed Software Center/Managed Software Center/WebResources/base.css	
@@ -4,15 +4,15 @@
 */
 
 html {
-    --background-color: white;
-    --text-color-emphasized: #151515;
-    --text-color-normal: #545454;
-    --text-color-subdued: #696969;
-    --text-color-warning: #CC0000;
-    --button-text-color-enabled: #ffffff;
-    --button-text-color-disabled: #bdbdbd;
-    --popup-menu-text-color: black;
-    --popup-menu-background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eaeaea));
+    --background-color: hsl(0, 0%, 100%);
+    --text-color-emphasized: hsl(0, 0%, 8%);
+    --text-color-normal: hsl(0, 0%, 23%);
+    --text-color-subdued: hsl(0, 0%, 48%);
+    --text-color-warning: hsl(0, 100%, 40%);
+    --button-text-color-enabled: hsl(0, 0%, 100%);
+    --button-text-color-disabled: hsl(0, 0%, 74%);
+    --popup-menu-text-color: hsl(0, 0%, 0%);
+    --popup-menu-background: -webkit-gradient(linear, left top, left bottom, from(hsl(0, 0%, 100%)), to(hsl(0, 0%, 92%)));
     --small-btn-background: -webkit-gradient(linear, 0% 0, 0% 100%, from(rgb(166, 168, 174)), to(rgb(157, 159, 164)));
     --small-btn-background-active: -webkit-gradient(linear, left top, left bottom, from( #85868d), to( #7a7bb2));
     --detail-btn-background: -webkit-gradient(linear, left top, left bottom, from(rgb(73,124,205)), to(rgb(47,79,143)));
@@ -22,15 +22,15 @@ html {
 }
 
 html[data-theme='dark'] {
-    --background-color: #242424;
-    --text-color-emphasized: #e7e7e7;
-    --text-color-normal: #cfcfcf;
-    --text-color-subdued: #b7b7b7;
-    --text-color-warning: #E00000;
-    --button-text-color-enabled: #000000;
-    --button-text-color-disabled: #696969;
-    --popup-menu-text-color: white;
-    --popup-menu-background: -webkit-gradient(linear, left top, left bottom, from(#4c4c4c), to(#5c5c5c));
+    --background-color: hsl(0, 0%, 14%);
+    --text-color-emphasized: hsl(0, 0%, 92%);
+    --text-color-normal: hsl(0, 0%, 77%);
+    --text-color-subdued: hsl(0, 0%, 62%);
+    --text-color-warning: hsl(0, 100%, 60%);
+    --button-text-color-enabled: hsl(0, 0%, 0%);
+    --button-text-color-disabled: hsl(0, 0%, 41%);
+    --popup-menu-text-color: hsl(0, 0%, 100%);
+    --popup-menu-background: -webkit-gradient(linear, left top, left bottom, from(hsl(0, 0%, 30%)), to(hsl(0, 0%, 38%)));
     --small-btn-background: -webkit-gradient(linear, 0% 0, 0% 100%, from(rgb(166, 168, 174)), to(rgb(157, 159, 164)));
     --small-btn-background-active: -webkit-gradient(linear, left top, left bottom, from(#E8E6FF), to( #F2F3FC));
     --detail-btn-background: -webkit-gradient(linear, left top, left bottom, from(rgb(73,124,205)), to(rgb(47,79,143)));
@@ -68,12 +68,12 @@ h1, h2, h3, h4, h5, h6 {
 
 li {
     list-style-type: none;
-    disabled-list-style-position: outside
+    disabled-list-style-position: outside;
 }
 
 a {
     text-decoration: none;
-    color: var(--text-color-emphasized)
+    color: var(--text-color-emphasized);
 }
 
 * {
@@ -95,7 +95,7 @@ option {
 body, button, input {
     font-family: -apple-system, "Helvetica Neue", "Helvetica", "Arial";
     font-smooth: always;
-    -webkit-font-smoothing: antialiased
+    -webkit-font-smoothing: antialiased;
     color: var(--text-color-normal);
 }