Change color of Xterm in VueJS

Question

I'm importing Xterm in a component. By default, its background color is black and text color is white.

How do I change the color of the terminal background and text by using < style > tags in Vue?

<script>
import { Terminal } from 'xterm';
import { FitAddon } from 'xterm-addon-fit';
import * as file from '../../file';

export default {
data() {
    return {
        term: new Terminal(),
        termFitAddon: new FitAddon(),
        content: '',
    };
},