- Outline of the Issue
Upon installing vuetify, the text color of my <vs-button> has changed from white to black. Despite trying to adjust the color in the vuetify theme, I am unable to change it back.
I have also created a custom filter rule using postcss-filter-rule in my vue.config.js file:
- Actions Taken So Far
In an attempt to restore the original white color for all buttons.
- Sample Code Snippet
const webpack = require('webpack')
const autoprefixer = require('autoprefixer')
const filterRules = require('postcss-filter-rules')
module.exports = {
publicPath: process.env.BASE_URL,
devServer: {
// port: process.env.VUE_APP_PORT,
https: false,
hotOnly: false,
},
configureWebpack: {
plugins: [
new webpack.DefinePlugin({
'process.env': {
PACKAGE_JSON: '"' + escape(JSON.stringify(require('./package.json'))) + '"'
}
})
]
},
css: {
loaderOptions: {
postcss: {
plugins: [
filterRules({
filter: (selector) => {
const re = new RegExp(/^(select|vs-button)(\W|$)/, 'i')
const exception = '.vue-global'
return !re.test(selector) || selector.includes(exception)
},
keepAtRules: true
}),
autoprefixer
]
}
}
},
transpileDependencies: [
'vuetify'
]
};