diff --git a/.changeset/loose-parts-laugh.md b/.changeset/loose-parts-laugh.md
new file mode 100644
index 0000000000..843aa48bed
--- /dev/null
+++ b/.changeset/loose-parts-laugh.md
@@ -0,0 +1,5 @@
+---
+'@directus/app': minor
+---
+
+Improved the readability of the primary button in dark mode
diff --git a/app/src/components/v-button.vue b/app/src/components/v-button.vue
index 051aaccea9..5f2bd2007e 100644
--- a/app/src/components/v-button.vue
+++ b/app/src/components/v-button.vue
@@ -270,6 +270,12 @@ async function onClick(event: MouseEvent) {
 	min-width: 100%;
 }
 
+body.dark .button {
+	--v-button-color: var(--theme--foreground);
+	--v-button-color-hover: var(--theme--foreground);
+	--v-button-color-active: var(--theme--foreground);
+}
+
 .button {
 	position: relative;
 	display: flex;