Dark
Стили для темной темы. Dark theme styles.
Use Permalink to "Use"
Необходимо подключить стили в head: You need to include styles in head:
html
<!-- index.html -->
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="#161616">
<link rel="stylesheet" media="(prefers-color-scheme: dark)" href="/node_modules/proxima-vue/styles/dark.css">При использовании Nuxt: When using Nuxt:
ts
// app.vue
useHead({
meta: [
{
name: 'theme-color',
media: '(prefers-color-scheme: dark)',
content: '#161616',
},
],
link: [
{
rel: 'stylesheet',
media: '(prefers-color-scheme: dark)',
href: '/node_modules/proxima-vue/styles/dark.css',
},
],
});Switcher Permalink to "Switcher"
Для переключения темы вы можете использовать To switch the theme you can use composable function useColorScheme