laoxong/AstrBot
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(dashboard): improve visibility of inline code in announcements

Browse Source 
- 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
This commit is contained in:
LIghtJUNction
2026-03-15 16:47:53 +08:00
parent f3cdb7c006
commit 282ff8d414
1 changed files with 9 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dashboard/src/views/WelcomePage.vue
+9
View File
@@ -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>