From f5f0e91d516651410b32626de49ed2d52199653c Mon Sep 17 00:00:00 2001
From: Robin Scholtes <robin@theweirdscience.com>
Date: Mon, 15 May 2023 14:18:10 +1200
Subject: [PATCH] update colours for better UX and implement AA minimum
 contrast

---
 src/web/stylesheets/components/_operation.css | 4 ++--
 src/web/stylesheets/themes/_classic.css       | 9 ++++++---
 src/web/stylesheets/themes/_dark.css          | 2 ++
 3 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/web/stylesheets/components/_operation.css b/src/web/stylesheets/components/_operation.css
index 75c0f0a7..2b9df5a5 100755
--- a/src/web/stylesheets/components/_operation.css
+++ b/src/web/stylesheets/components/_operation.css
@@ -39,7 +39,7 @@
     float: left;
     margin: 0 10px 0 0;
     padding: 0;
-    color: var(--category-list-font-colour);
+    color: var(--op-list-operation-font-colour);
     opacity: .35;
     cursor: pointer;
 }
@@ -54,7 +54,7 @@
 
 .op-icon.check-icon {
     display: none;
-    color: #47d047;
+    color: var(--checkmark-color);
 }
 
 .operation.selected {
diff --git a/src/web/stylesheets/themes/_classic.css b/src/web/stylesheets/themes/_classic.css
index 2196108c..4d5c2b43 100755
--- a/src/web/stylesheets/themes/_classic.css
+++ b/src/web/stylesheets/themes/_classic.css
@@ -46,8 +46,8 @@
 
 
     /* Operation colours */
-    --op-list-operation-font-colour: #3a87ad;
-    --op-list-operation-bg-colour: #d9edf7;
+    --op-list-operation-font-colour: #2f6d8c;
+    --op-list-operation-bg-colour: #e7f3f8;
     --op-list-operation-border-colour: #bce8f1;
 
     --rec-list-operation-font-colour: #468847;
@@ -55,9 +55,12 @@
     --rec-list-operation-border-colour: #d3e8c0;
 
     --selected-operation-font-color: #c09853;
-    --selected-operation-bg-colour: rgba(217, 237, 247, 0.5);
+    --selected-operation-bg-colour: #d5ebf5;
     --selected-operation-border-colour: #fbeed5;
 
+    /*mobile UI: selected operation checkmark*/
+    --checkmark-color: var(--op-list-operation-font-colour);
+
     --breakpoint-font-colour: #b94a48;
     --breakpoint-bg-colour: #f2dede;
     --breakpoint-border-colour: #eed3d7;
diff --git a/src/web/stylesheets/themes/_dark.css b/src/web/stylesheets/themes/_dark.css
index 4d2941f2..37fa6381 100755
--- a/src/web/stylesheets/themes/_dark.css
+++ b/src/web/stylesheets/themes/_dark.css
@@ -54,6 +54,8 @@
     --selected-operation-bg-colour: #3f3f3f;
     --selected-operation-border-colour: #444;
 
+    --checkmark-color: #47d047;
+
     --breakpoint-font-colour: #ddd;
     --breakpoint-bg-colour: #073655;
     --breakpoint-border-colour: #444;