yikoyu / vuetify-pro-tiptap

A Rich Text Editor (WYSIWYG) for Vue3 with tiptap & Vuetify.
https://yikoyu.github.io/vuetify-pro-tiptap/
MIT License
159 stars 23 forks source link

Bold / Italic do not respect chosen color #262

Closed cmjdev closed 7 months ago

cmjdev commented 7 months ago

When a selection is bold or italicized it does not respect the current color. It chooses a cyan-ish color.

yikoyu commented 7 months ago

chose cyan-ish because of the lines 375-378 in styles/markdown.scss

  b,
  strong {
    color: var(--cyanosis-strong-color);
  }

If you don't like this style, you can use custom styles.

Create markdown.scss

.vuetify-pro-tiptap-editor__content.markdown-theme-default {
  // your custom styles
  &.__dark {
    // your dark mode custom styles
  }
}

Import markdown.scss in main.ts

// import 'vuetify-pro-tiptap/style.css' // import all(editor and markdown) styles
import 'vuetify-pro-tiptap/styles/editor.css' // only use editor style, not using markdown style
import './styles/markdown.scss'  // your created markdown.scss