If you run into troubles, got a suggestion, or issue, please e-mail editor@webtigerteam.com

## Editor customization

You can customize your experience by writing JavaScript or CSS that will be applied when the editor loads.
Right click and then left click on "Editor customization". Or create a new file and name it "webide_js_overload.js" or "webide_css_overload.css".
When saved, you will be asked to save the content locally, meaning it will be stored in your browser local storage.

If the editor runs locally on your machine, or you want to customize for all users, edit client/settings_overload.js

### Change font

//UTIL.loadCSS("https://url-to-font-"); EDITOR.settings.style.font = "Fira Code"; EDITOR.settings.style.fontSize = 15; EDITOR.settings.gridHeight = 23; EDITOR.settings.gridWidth = 9; EDITOR.settings.style.highlightMatchFont = "bold 15px Fira Code";

### Change background colors

EDITOR.settings.style.bgColor = "#2b2c27"; EDITOR.settings.style.currentLineColor = "#404036"; EDITOR.settings.style.selectedTextBg = "#3e4765"; EDITOR.settings.style.highlightTextBg = "#3e5a3d";

### Change text colors

// Text colors need to be in rgb() format!) EDITOR.settings.style.textColor = "rgb(235, 235, 229)"; EDITOR.settings.style.commentColor = "rgb(162, 228, 64)"; EDITOR.settings.style.quoteColor = "rgb(228, 228, 183)"; EDITOR.settings.style.xmlTagColor = "rgb(200, 241, 250)"; EDITOR.settings.style.lineNumberColor = "rgb(114, 114, 114)";

### Disable plugins

EDITOR.disablePlugin("Plugin description");

- ⬅Go back
- ⬆Index