diff --git a/plugins/endpoints/frontend/views/ServerCertSettings.vue b/plugins/endpoints/frontend/views/ServerCertSettings.vue
index 9c91db64..e814613d 100644
--- a/plugins/endpoints/frontend/views/ServerCertSettings.vue
+++ b/plugins/endpoints/frontend/views/ServerCertSettings.vue
@@ -462,7 +462,8 @@ function formatDate(dateString) {
   margin-top: 8px;
 }
 
-.code-block {
+.code-block,
+pre.code-block {
   background: #f8f9fa;
   border: 1px solid #dee2e6;
   border-radius: 4px;
@@ -471,6 +472,26 @@ function formatDate(dateString) {
   font-family: 'Courier New', monospace;
   font-size: 13px;
   overflow-x: auto;
+  color: #212529;
+  white-space: pre;
+}
+
+/* Dark mode support for code blocks */
+@media (prefers-color-scheme: dark) {
+  .code-block {
+    background: #2b2b2b !important;
+    border-color: #444 !important;
+    color: #e0e0e0 !important;
+  }
+
+  /* Ensure pre tags inside lists also get dark mode */
+  .info-list .code-block,
+  .field-hint .code-block,
+  pre.code-block {
+    background: #2b2b2b !important;
+    border-color: #444 !important;
+    color: #e0e0e0 !important;
+  }
 }
 
 .info-list {