WebSockets: change mixer-demo color palette to look closer to Ardour's default skin

2 files changed, 7 insertions, 6 deletions

diff --git a/share/web_surfaces/builtin/mixer-demo/css/main.css b/share/web_surfaces/builtin/mixer-demo/css/main.css
index 23965c3fd0..559532af42 100644
--- a/share/web_surfaces/builtin/mixer-demo/css/main.css
+++ b/share/web_surfaces/builtin/mixer-demo/css/main.css
@@ -3,7 +3,7 @@ html {
 }
 
 body {
-    background: #282923;
+    background: rgb(62,61,61);
     color: rgb(248,248,242);
     font-family: Helvetica, Arial, sans-serif;
     height: 100%;
@@ -42,7 +42,6 @@ div {
 }
 
 #top > span {
-    opacity: 0.75;
     margin-left: 12px;
 }
 
@@ -70,7 +69,7 @@ div {
 }
 
 .message-in {
-    color: rgb(166,226,44);
+    color: rgb(248,248,242);
 }
 
 .message-out {
diff --git a/share/web_surfaces/builtin/mixer-demo/css/widget.css b/share/web_surfaces/builtin/mixer-demo/css/widget.css
index 75be020642..9681f5d651 100644
--- a/share/web_surfaces/builtin/mixer-demo/css/widget.css
+++ b/share/web_surfaces/builtin/mixer-demo/css/widget.css
@@ -8,7 +8,7 @@
 }
 
 .widget-switch:checked {
-    background: rgb(235,141,33);
+    background: rgb(72,89,118);
 }
 
 .widget-slider {
@@ -29,8 +29,9 @@
     height: 36px;
     width: 36px;
     margin-top: -16px;
+    border: 3.5px solid rgb(248,248,242);
     border-radius: 50%;
-    background: rgb(235,141,33);
+    background: rgb(72,89,118);
 }
 
 /* repeat slider style for firefox */
@@ -45,6 +46,7 @@
     height: 36px;
     width: 36px;
     margin-top: -16px;
+    border: 3.5px solid rgb(248,248,242);
     border-radius: 50%;
-    background: rgb(235,141,33);
+    background: rgb(72,89,118);
 }