naive-ui/demo/pages/docs/theme/enUS/use-theme-vars.demo.md

useThemeVars

Naive UI provides useThemeVars. It contains common theme variables.

<pre style="overflow: auto;">{{ themeVars }}</pre>

import { defineComponent } from 'vue'
import { useThemeVars } from 'naive-ui'

export default defineComponent({
  setup () {
    return {
      themeVars: useThemeVars()
    }
  }
})