Style Files

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

Dark Theme

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'
    }
}