In order for the Olotap interface to be installed, you must include the Olotap CSS, which is prepared as the default theme for the classic editor, in your project as follows.
import "olotap/classic-editor.css";
If you want to use your own css file, you can copy the current css file from our code repository link below and create your own.
//github.com/olomadev/olotap/blob/main/dist/classic-editor.css
The default theme is defined as "light" in vuetify.js. If you want to switch between dark theme and light theme, you can change the theme by writing a toggleTheme method as follows.
methods: {
toggleTheme() {
this.$vuetify.theme.global.name = this.$vuetify.theme.global.name === 'light' ? 'dark' : 'light'
}
}
Important
In order for the theme change to work properly, you must make sure that your vuetify settings are as in the following link.