diff --git a/docs/assets/screenshots/documents-smallcards-dark.png b/docs/assets/screenshots/documents-smallcards-dark.png
index 0f8de12fc..ae15de409 100644
Binary files a/docs/assets/screenshots/documents-smallcards-dark.png and b/docs/assets/screenshots/documents-smallcards-dark.png differ
diff --git a/docs/assets/screenshots/documents-wchrome-dark.png b/docs/assets/screenshots/documents-wchrome-dark.png
index 0f8de12fc..ae15de409 100644
Binary files a/docs/assets/screenshots/documents-wchrome-dark.png and b/docs/assets/screenshots/documents-wchrome-dark.png differ
diff --git a/src-ui/src/theme.scss b/src-ui/src/theme.scss
index 8d026e246..588b7e972 100644
--- a/src-ui/src/theme.scss
+++ b/src-ui/src/theme.scss
@@ -57,6 +57,10 @@ $form-check-radio-checked-bg-image-dark: url("data:image/svg+xml,<svg xmlns='htt
   --pngx-primary-text-contrast: #{$text-color-dark-bg} !important;
 }
 
+.text-primary-contrast {
+  color: var(--pngx-primary-text-contrast);
+}
+
 // Dark mode
 @mixin paperless-green-dark-mode {
   --pngx-primary-lightness: 31%;
@@ -150,6 +154,10 @@ $form-check-radio-checked-bg-image-dark: url("data:image/svg+xml,<svg xmlns='htt
     }
   }
 
+  .row-cols-paperless-cards .card {
+    --bs-border-color-translucent: rgba(0, 0, 0, .3);
+  }
+
   .modal-content, .modal-header, .modal-body, .modal-footer {
     background-color: var(--bs-body-bg);
     border-color: var(--bs-border-color);
@@ -230,7 +238,7 @@ $form-check-radio-checked-bg-image-dark: url("data:image/svg+xml,<svg xmlns='htt
 
   .alert-primary {
     --bs-alert-color: var(--bs-primary);
-    --bs-alert-bg: var(--pngx-primary-darken-27);
+    --bs-alert-bg: var(--pngx-primary-darken-18);
     --bs-alert-border-color: var(--pngx-bg-darker);
   }