diff --git a/app/styles/base.css b/app/styles/base.css
index f83ad4b9..286d0b76 100644
--- a/app/styles/base.css
+++ b/app/styles/base.css
@@ -738,7 +738,8 @@ html {
 #noVNC_connect_dlg div {
   padding: 12px;
 
-  background-color: rgb(110, 132, 163);
+  background-color: #C1C1FF;
+  color: #223;
   border-radius: 12px;
   text-align: center;
   font-size: 20px;
@@ -751,21 +752,19 @@ html {
 
   cursor: pointer;
 
-  border-color: rgb(83, 99, 122);
-  border-radius: 5px;
-
-  background: linear-gradient(to top, rgb(110, 132, 163), rgb(99, 119, 147));
-  color: white;
+  background: #C1C1FF;
+  color: #223;
 
   /* This avoids it jumping around when :active */
   vertical-align: middle;
 }
 #noVNC_connect_button:hover {
-  background: linear-gradient(to top, rgb(110, 132, 163), rgb(105, 125, 155));
+  background: #C1C1FF;
 }
 
 #noVNC_connect_button img {
   vertical-align: bottom;
+  color: #223;
   height: 1.3em;
 }
 
@@ -851,7 +850,7 @@ html {
 #noVNC_container {
   width: 100%;
   height: 100%;
-  background-color: #313131;
+  background-color: #1D1D2E;
   border-bottom-right-radius: 800px 600px;
   /*border-top-left-radius: 800px 600px;*/