style: improve text colors in dark mode

This commit is contained in:
AnotiaWang
2025-02-14 15:53:29 +08:00
parent e7296df78f
commit 55503b9bbd
3 changed files with 4 additions and 4 deletions

View File

@ -245,7 +245,7 @@
<template v-else> <template v-else>
<p <p
v-if="selectedNode.researchGoal" v-if="selectedNode.researchGoal"
class="prose max-w-none" class="prose max-w-none dark:prose-invert"
v-html="marked(selectedNode.researchGoal, { gfm: true })" v-html="marked(selectedNode.researchGoal, { gfm: true })"
/> />
@ -281,7 +281,7 @@
/> />
<p <p
v-for="(learning, index) in selectedNode.learnings" v-for="(learning, index) in selectedNode.learnings"
class="prose max-w-none" class="prose max-w-none dark:prose-invert"
:key="index" :key="index"
v-html="marked(`- ${learning}`, { gfm: true })" v-html="marked(`- ${learning}`, { gfm: true })"
/> />

View File

@ -44,7 +44,7 @@ until modelValue's length > 0 -->
</div> </div>
</template> </template>
<template #content="{ item }"> <template #content="{ item }">
<p class="text-sm text-gray-500 whitespace-pre-wrap mb-4"> <p class="text-sm text-gray-500 dark:text-gray-400 whitespace-pre-wrap mb-4">
{{ item.content }} {{ item.content }}
</p> </p>
</template> </template>

View File

@ -182,7 +182,7 @@
<div <div
v-if="reportContent" v-if="reportContent"
id="report-content" id="report-content"
class="prose prose-sm max-w-none p-6 bg-gray-50 dark:bg-gray-800 dark:text-white rounded-lg shadow" class="prose prose-sm max-w-none p-6 bg-gray-50 dark:bg-gray-800 dark:prose-invert dark:text-white rounded-lg shadow"
v-html="reportHtml" v-html="reportHtml"
/> />
<div v-else> <div v-else>