From 8c717d050844c479a3b008f5e900f4ad673229a9 Mon Sep 17 00:00:00 2001
From: Jacob Pierce <w.jacobpierce@gmail.com>
Date: Tue, 27 Aug 2024 17:02:56 -0700
Subject: [PATCH] proper colors on selected-indeterminate and non-selected in
 clipboard

---
 .../frontend/channelEdit/components/Clipboard/Channel.vue    | 5 +++++
 .../channelEdit/components/Clipboard/ContentNode.vue         | 5 +++++
 2 files changed, 10 insertions(+)

diff --git a/contentcuration/contentcuration/frontend/channelEdit/components/Clipboard/Channel.vue b/contentcuration/contentcuration/frontend/channelEdit/components/Clipboard/Channel.vue
index 4d57bbac8e..44e77ed44b 100644
--- a/contentcuration/contentcuration/frontend/channelEdit/components/Clipboard/Channel.vue
+++ b/contentcuration/contentcuration/frontend/channelEdit/components/Clipboard/Channel.vue
@@ -12,6 +12,7 @@
           <Checkbox
             ref="checkbox"
             class="ma-0 pa-0"
+            :class="{ selectedIndeterminate: !selected && indeterminate }"
             :inputValue="selected"
             :indeterminate="indeterminate"
             @input="goNextSelectionState"
@@ -140,4 +141,8 @@
     line-height: 1.3 !important;
   }
 
+  /deep/ .selectedIndeterminate svg {
+    fill: gray !important;
+  }
+
 </style>
diff --git a/contentcuration/contentcuration/frontend/channelEdit/components/Clipboard/ContentNode.vue b/contentcuration/contentcuration/frontend/channelEdit/components/Clipboard/ContentNode.vue
index 2c8139a390..f0795c04dc 100644
--- a/contentcuration/contentcuration/frontend/channelEdit/components/Clipboard/ContentNode.vue
+++ b/contentcuration/contentcuration/frontend/channelEdit/components/Clipboard/ContentNode.vue
@@ -32,6 +32,7 @@
                       <Checkbox
                         ref="checkbox"
                         class="mt-0 pt-0"
+                        :class="{ selectedIndeterminate: !selected && indeterminate }"
                         :inputValue="selected"
                         :indeterminate="indeterminate"
                         @input="goNextSelectionState"
@@ -303,4 +304,8 @@
     line-height: 1.3 !important;
   }
 
+  /deep/ .selectedIndeterminate svg {
+    fill: gray !important;
+  }
+
 </style>