Accent color

The default accent color is #0078d7

The accent color used across all components can be easily changed as it's controlled by a single CSS Variable --vnt-accent-color (introduced in v0.4.0).

It can be achieved in several ways:

Vuent options

import Vue from 'vue';
import Vuent from 'vuent';

Vue.use(Vuent, {
  accentColor: '#ff0000'


Once Vuent is installed in a Vue instance, $vuent object is registered in the Vue instance's scope exposing setAccentColor method which modifies --vnt-accent-color CSS Variable.

export default {
  name: 'App',
  template: '...'
  mounted() {

--vnt-accent-color manipulation'--vnt-accent-color', '#ff0000');