如何固定浅色主题？

[StreakingMan]

Description

设置了 is-dark: false 但并没有 work, 是否还需要进行别的配置？

Suggested solution

code block 和 meraid能否都暴露主题配置？

Alternative

No response

Additional context

No response

[Simon-He95]

You need to specify codeBlockDarkTheme and codeBlockLightTheme first.
If you don't want multiple themes, you can specify one theme in the themes section, and then specify that same theme for both codeBlockLightTheme and codeBlockDarkTheme.

  <MarkdownRender
          :content="content"
          :code-block-dark-theme="'vitesse-dark'"
          :code-block-light-theme="'vitesse-dark'"
          :themes="themes"
          :is-dark="isDark"
        />

[StreakingMan]

I have tried the above but it does not work correctly

Before:

<MarkdownRender  :content="message.content" />

After:

 <MarkdownRender
      :content="message.content"
      :is-dark="false"
      :themes="['vitesse-light']"
      :code-block-dark-theme="'vitesse-light'"
      :code-block-light-theme="'vitesse-light'"
    />

I have updated the the latest package:

"vue-renderer-markdown": "0.0.61-beta.7"

something else:

// what in my main.ts
...
import 'katex/dist/katex.min.css';
import 'vue-renderer-markdown/index.css';

// vue-renderer-markdown
import { setKaTeXWorker, setMermaidWorker, getUseMonaco } from 'vue-renderer-markdown';
import KatexWorker from 'vue-renderer-markdown/workers/katexRenderer.worker?worker&inline';
import MermaidWorker from 'vue-renderer-markdown/workers/mermaidParser.worker?worker&inline';

getUseMonaco();
setKaTeXWorker(new KatexWorker());
setMermaidWorker(new MermaidWorker());

...

// I have set style in my main.css

@import 'tailwindcss';

@layer components {
  @import 'vue-renderer-markdown/index.css';
}

[StreakingMan]

Oh I found where the problem is...

I use tailwindcss but I have a redundant import 'vue-renderer-markdown/index.css'; in main.ts, remove this line and it works correctly.

Such a stupid mistake, But it may be helpful if you mention it in the docs. 😄

[StreakingMan]

Sorry, board again. I made a mistake. The mermaid works correctly after I removed the redundant line. But the CodeBlock is still the same.

[Simon-He95]

I've found a problem: some classes are using dark: instead of handling it based on props.isDark. I'll fix it and release a new version today.

[Simon-He95]

0.0.61-beta.8 has fixed