search

jonmbake / react-terminal-ui

A terminal react component with support for light and dark modes.
https://jonmbake.github.io/react-terminal-ui/demo/
MIT License
205 stars 30 forks source link

is there a way to change font settings? #27

Closed MeyerBuaharon closed 1 year ago

MeyerBuaharon commented 1 year ago

is there a way to edit the font size, color, height etc..? if there is, sorry I haven't found it

jonmbake commented 1 year ago

You should be able to override any of the CSS rules defined in https://github.com/jonmbake/react-terminal-ui/blob/master/src/style.css with your own styling similar to what we are doing in the demo here: https://github.com/jonmbake/react-terminal-ui/blob/master/demo/index.tsx#L5. For example to change, the font family for the demo, we'd add:

div.react-terminal-wrapper {
    font-family: 'some-font-family'
}

to the demo's style.css. We may want to think of ways to make this easier in the future.

MeyerBuaharon commented 1 year ago

Ohhh... thank you!! Loved the new changes you did with the TerminalInput/TerminalOutput keep the great work!