From 282ff8d4141f5d2f754992d23962ffb04ac1dbb5 Mon Sep 17 00:00:00 2001
From: LIghtJUNction <lightjunction.me@gmail.com>
Date: Sun, 15 Mar 2026 16:47:53 +0800
Subject: [PATCH] fix(dashboard): improve visibility of inline code in
 announcements

- Update CSS for inline code elements in the welcome announcement section
- Ensure proper contrast and emphasis in both light and dark modes
- Fix issue where code blocks appeared as white boxes in dark mode
---
 dashboard/src/views/WelcomePage.vue | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/dashboard/src/views/WelcomePage.vue b/dashboard/src/views/WelcomePage.vue
index e75b85ca6..c5fca2543 100644
--- a/dashboard/src/views/WelcomePage.vue
+++ b/dashboard/src/views/WelcomePage.vue
@@ -638,4 +638,13 @@ watch(showProviderDialog, async (visible, wasVisible) => {
 .welcome-announcement-markdown {
   line-height: 1.7;
 }
+
+.welcome-announcement-markdown :deep(p > code),
+.welcome-announcement-markdown :deep(li > code) {
+  background-color: rgba(var(--v-theme-on-surface), 0.08) !important;
+  color: rgb(var(--v-theme-primary)) !important;
+  padding: 2px 4px;
+  border-radius: 4px;
+  font-weight: bold;
+}
 </style>