From 75eac81b801901039613bda96a371ab4c4a88dfd Mon Sep 17 00:00:00 2001
From: Julian Stirling <julian@julianstirling.co.uk>
Date: Tue, 1 Jul 2025 11:16:25 +0100
Subject: [PATCH] rename css disabled property to make it button specific,
 adjust darkmode disabled css

---
 webapp/src/assets/less/theme.less               | 17 ++++++++++++-----
 .../labThingsComponents/endpointButton.vue      |  2 +-
 2 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/webapp/src/assets/less/theme.less b/webapp/src/assets/less/theme.less
index 0b69d967..c3c89bf6 100644
--- a/webapp/src/assets/less/theme.less
+++ b/webapp/src/assets/less/theme.less
@@ -17,6 +17,7 @@
 @global-primary-background: #C32280;
 
 @inverse-primary-muted-color: lighten(@global-primary-background, 15%);
+@darkened-primary-color: darken(@global-primary-background, 15%);
 @inverse-global-color: fade(@global-inverse-color, 80%);
 
 @global-border: #d5d5d5;
@@ -364,6 +365,12 @@ a:hover {
     border: 1px solid #f0506e;
 }
 
+.uk-button-disabled {
+    border: 1px solid #999999 !important;
+    background-color: #cccccc !important;
+    color: #919191 !important;
+}
+
 .hook-inverse() {
     .uk-button {
         background-color: rgba(27, 13, 13, 0.15);
@@ -387,12 +394,12 @@ a:hover {
         color: #fff;
         border-color: #fff;
     }
-}
 
-.disabled {
-  border: 1px solid #999999 !important;
-  background-color: #cccccc !important;
-  color: #919191 !important;
+    .uk-button-disabled {
+        border: 1px solid @darkened-primary-color !important;
+        background-color: #333333 !important;
+        color: #777777 !important;
+    }
 }
 
 .uk-icon-button,
diff --git a/webapp/src/components/labThingsComponents/endpointButton.vue b/webapp/src/components/labThingsComponents/endpointButton.vue
index f626527a..3083e100 100644
--- a/webapp/src/components/labThingsComponents/endpointButton.vue
+++ b/webapp/src/components/labThingsComponents/endpointButton.vue
@@ -1,7 +1,7 @@
 <template>
     <a
       class="uk-button"
-      :class="[isDisabled ? 'disabled' : '', buttonPrimary ? 'uk-button-primary' : 'uk-button-default']"
+      :class="[isDisabled ? 'uk-button-disabled' : '', buttonPrimary ? 'uk-button-primary' : 'uk-button-default']"
       :href="URL"
       download
       > {{ buttonLabel }}</a