diff --git a/resources/css/elements/buttons.css b/resources/css/elements/buttons.css
index c7bdd301278..a42524054e2 100644
--- a/resources/css/elements/buttons.css
+++ b/resources/css/elements/buttons.css
@@ -296,7 +296,7 @@ td .btn-icon {
     @apply dark:hover:bg-dark-575 dark:hover:border-dark-400;
 
     svg {
-        @apply h-8 w-8 text-gray-800 dark:text-dark-175;
+        @apply h-8 w-8 text-gray-800 dark:text-dark-200;
     }
 
     h3 {
diff --git a/resources/css/elements/icons.css b/resources/css/elements/icons.css
index aa6fc67a7d3..6c913195851 100644
--- a/resources/css/elements/icons.css
+++ b/resources/css/elements/icons.css
@@ -70,7 +70,7 @@ svg {
     flex-shrink: 0;
 
     &.published { @apply bg-green-600 }
-    &.draft, &.expired { @apply bg-gray-600 }
+    &.draft, &.expired { @apply bg-gray-600 dark:bg-dark-200 }
     &.scheduled, &.hollow { @apply bg-transparent border border-gray-600 }
 }
 
diff --git a/resources/js/components/entries/Listing.vue b/resources/js/components/entries/Listing.vue
index 9cdd029548a..6b56a0e4eae 100644
--- a/resources/js/components/entries/Listing.vue
+++ b/resources/js/components/entries/Listing.vue
@@ -183,7 +183,7 @@ export default {
             } else if (entry.published) {
                 return 'bg-green-600';
             } else {
-                return 'bg-gray-400';
+                return 'bg-gray-400 dark:bg-dark-200';
             }
         },
 
diff --git a/resources/js/components/entries/Widget.vue b/resources/js/components/entries/Widget.vue
index b33e0f56557..b9703d1bc55 100644
--- a/resources/js/components/entries/Widget.vue
+++ b/resources/js/components/entries/Widget.vue
@@ -71,7 +71,7 @@ export default {
             } else if (entry.published) {
                 return 'bg-green-600';
             } else {
-                return 'bg-gray-400';
+                return 'bg-gray-400 dark:bg-dark-200';
             }
         },
 
diff --git a/resources/js/components/fieldtypes/relationship/RelationshipIndexFieldtype.vue b/resources/js/components/fieldtypes/relationship/RelationshipIndexFieldtype.vue
index f3354ec8a9f..55c223bf41d 100644
--- a/resources/js/components/fieldtypes/relationship/RelationshipIndexFieldtype.vue
+++ b/resources/js/components/fieldtypes/relationship/RelationshipIndexFieldtype.vue
@@ -9,7 +9,7 @@
             >
                 <div class="flex items-center shrink">
                     <div v-if="item.hasOwnProperty('published') && item.published !== null"
-                        class="little-dot h-1 w-1 rtl:ml-1 ltr:mr-1" :class="[item.published ? 'bg-green-600' : 'bg-gray-400']" />
+                        class="little-dot h-1 w-1 rtl:ml-1 ltr:mr-1" :class="[item.published ? 'bg-green-600' : 'bg-gray-400 dark:bg-dark-200']" />
                     <a :href="item.edit_url" :title="item.title" v-text="item.title" />
                 </div>
             </div>
diff --git a/resources/js/components/structures/Branch.vue b/resources/js/components/structures/Branch.vue
index 19e40f86d90..9d4f66c594c 100644
--- a/resources/js/components/structures/Branch.vue
+++ b/resources/js/components/structures/Branch.vue
@@ -120,7 +120,7 @@ export default {
                 case 'published':
                     return 'bg-green-600';
                 case 'draft':
-                    return 'bg-gray-400';
+                    return 'bg-gray-400 dark:bg-dark-200';
                 default:
                     return 'bg-transparent border border-gray-600';
             }