change the colors to match zero wing background

zigster64 · zigster64 · commit 05cd2ef33665 · 2023-07-27T13:05:25.000+10:00
diff --git a/src/html/styles.css b/src/html/styles.css
@@ -110,7 +110,7 @@ body {
 }
 
 .red-button:hover {
-    background-color: rgba(255, 0, 0, 1);
+    background-color: rgba(255, 120, 0, 1);
 }
 
 .red-button:active {
@@ -126,13 +126,13 @@ body {
     color: #fff;
     text-shadow: 1px 1px 1px #000;
     border-radius: 10px;
-    background-color: rgba(0, 100, 200, 1);
+    background-color: rgba(100, 20, 120, 1);
     background-image: linear-gradient(to top left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0));
     box-shadow: inset 2px 2px 3px rgba(255, 255, 255, 0.6), inset -2px -2px 3px rgba(0, 0, 0, 0.6);
 }
 
 .blue-button:hover {
-    background-color: rgba(255, 0, 0, 1);
+    background-color: rgba(160, 0, 160, 1);
 }
 
 .blue-button:active {
@@ -148,13 +148,13 @@ body {
     color: #fff;
     text-shadow: 1px 1px 1px #000;
     border-radius: 10px;
-    background-color: rgba(0, 255, 88, 1);
+    background-color: rgba(0, 180, 120, 1);
     background-image: linear-gradient(to top left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0.5));
     box-shadow: inset 2px 2px 3px rgba(255, 255, 255, 0.6), inset -2px -2px 3px rgba(0, 0, 0, 0.6);
 }
 
 .green-button:hover {
-    background-color: rgba(0, 255, 88, 1);
+    background-color: rgba(0, 255, 180, 1);
 }
 
 .green-button:active {

Original file line number	Diff line number	Diff line change
`@@ -110,7 +110,7 @@ body {`
`110`	`110`	`}`
`111`	`111`
`112`	`112`	`.red-button:hover {`
`113`		`- background-color: rgba(255, 0, 0, 1);`
	`113`	`+ background-color: rgba(255, 120, 0, 1);`
`114`	`114`	`}`
`115`	`115`
`116`	`116`	`.red-button:active {`
`@@ -126,13 +126,13 @@ body {`
`126`	`126`	`color: #fff;`
`127`	`127`	`text-shadow: 1px 1px 1px #000;`
`128`	`128`	`border-radius: 10px;`
`129`		`- background-color: rgba(0, 100, 200, 1);`
	`129`	`+ background-color: rgba(100, 20, 120, 1);`
`130`	`130`	`background-image: linear-gradient(to top left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0));`
`131`	`131`	`box-shadow: inset 2px 2px 3px rgba(255, 255, 255, 0.6), inset -2px -2px 3px rgba(0, 0, 0, 0.6);`
`132`	`132`	`}`
`133`	`133`
`134`	`134`	`.blue-button:hover {`
`135`		`- background-color: rgba(255, 0, 0, 1);`
	`135`	`+ background-color: rgba(160, 0, 160, 1);`
`136`	`136`	`}`
`137`	`137`
`138`	`138`	`.blue-button:active {`
`@@ -148,13 +148,13 @@ body {`
`148`	`148`	`color: #fff;`
`149`	`149`	`text-shadow: 1px 1px 1px #000;`
`150`	`150`	`border-radius: 10px;`
`151`		`- background-color: rgba(0, 255, 88, 1);`
	`151`	`+ background-color: rgba(0, 180, 120, 1);`
`152`	`152`	`background-image: linear-gradient(to top left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0.5));`
`153`	`153`	`box-shadow: inset 2px 2px 3px rgba(255, 255, 255, 0.6), inset -2px -2px 3px rgba(0, 0, 0, 0.6);`
`154`	`154`	`}`
`155`	`155`
`156`	`156`	`.green-button:hover {`
`157`		`- background-color: rgba(0, 255, 88, 1);`
	`157`	`+ background-color: rgba(0, 255, 180, 1);`
`158`	`158`	`}`
`159`	`159`
`160`	`160`	`.green-button:active {`