mirror of https://github.com/nocodb/nocodb
80 lines
2.4 KiB
80 lines
2.4 KiB
2 years ago
|
import { defineConfig } from 'windicss/helpers'
|
||
2 years ago
|
import formsPlugin from 'windicss/plugin/forms'
|
||
|
import typographyPlugin from 'windicss/plugin/typography'
|
||
|
import aspectRatioPlugin from 'windicss/plugin/aspect-ratio'
|
||
|
import lineClampPlugin from 'windicss/plugin/line-clamp'
|
||
|
import windiColors from 'windicss/colors'
|
||
2 years ago
|
// @ts-expect-error no types for plugin-scrollbar
|
||
|
import scrollbar from '@windicss/plugin-scrollbar'
|
||
2 years ago
|
// @ts-expect-error no types for plugin-animation
|
||
|
import animations from '@windicss/plugin-animations'
|
||
|
// @ts-expect-error no types for plugin-question-mark
|
||
|
import questionMark from '@windicss/plugin-question-mark'
|
||
|
|
||
2 years ago
|
import { theme as colors, themeColors, themeV2Colors } from './utils/colorsUtils'
|
||
2 years ago
|
|
||
|
export default defineConfig({
|
||
|
extract: {
|
||
2 years ago
|
include: ['**/*.{vue,html,jsx,tsx,css,scss}'],
|
||
2 years ago
|
exclude: ['node_modules', '.git'],
|
||
|
},
|
||
|
|
||
|
darkMode: 'class',
|
||
|
|
||
2 years ago
|
plugins: [
|
||
|
scrollbar,
|
||
|
animations,
|
||
|
questionMark,
|
||
|
formsPlugin,
|
||
|
typographyPlugin({
|
||
2 years ago
|
dark: true,
|
||
2 years ago
|
}),
|
||
|
aspectRatioPlugin,
|
||
|
lineClampPlugin,
|
||
|
],
|
||
|
|
||
|
preflight: {
|
||
|
alias: {
|
||
|
'nuxt-link': 'a',
|
||
|
'nuxt-img': 'img',
|
||
|
},
|
||
|
},
|
||
2 years ago
|
|
||
2 years ago
|
shortcuts: {
|
||
2 years ago
|
'color-transition': 'transition-color duration-100 ease-in',
|
||
2 years ago
|
'scrollbar-thin-primary': 'scrollbar scrollbar-thin scrollbar-thumb-rounded scrollbar-thumb-primary scrollbar-track-white',
|
||
|
'scrollbar-thin-dull': 'scrollbar scrollbar-thin scrollbar-thumb-rounded scrollbar-thumb-gray-300 scrollbar-track-white',
|
||
2 years ago
|
},
|
||
|
|
||
2 years ago
|
theme: {
|
||
2 years ago
|
fontFamily: {
|
||
|
sans: ['Vazirmatn', 'sans-serif'],
|
||
|
serif: ['Vazirmatn', 'serif'],
|
||
|
mono: ['Roboto', 'mono'],
|
||
|
},
|
||
2 years ago
|
extend: {
|
||
2 years ago
|
textColor: {
|
||
|
primary: 'rgba(var(--color-primary), var(--tw-text-opacity))',
|
||
|
accent: 'rgba(var(--color-accent), var(--tw-text-opacity))',
|
||
|
},
|
||
2 years ago
|
borderColor: {
|
||
|
primary: 'rgba(var(--color-primary), var(--tw-border-opacity))',
|
||
|
accent: 'rgba(var(--color-accent), var(--tw-border-opacity))',
|
||
|
},
|
||
|
backgroundColor: {
|
||
|
primary: 'rgba(var(--color-primary), var(--tw-bg-opacity))',
|
||
|
accent: 'rgba(var(--color-accent), var(--tw-bg-opacity))',
|
||
|
},
|
||
2 years ago
|
colors: {
|
||
2 years ago
|
...windiColors,
|
||
|
...themeColors,
|
||
2 years ago
|
...themeV2Colors,
|
||
|
primary: 'rgba(var(--color-primary), var(--tw-bg-opacity))',
|
||
|
accent: 'rgba(var(--color-accent), var(--tw-bg-opacity))',
|
||
2 years ago
|
dark: colors.dark,
|
||
|
light: colors.light,
|
||
|
},
|
||
|
},
|
||
|
},
|
||
|
})
|