---
title: Settings
description: Customize colors, select your editor and experimental options.
editUrl: true
head: []
template: doc
sidebar:
  hidden: false
  attrs: {}
pagefind: true
draft: false
---

<img
  src="/docs/screenshots/ui/settings.png"
  alt="Settings"
  style={{ display: 'block', width: '50%', margin: '0 auto' }}
/>

Access from top-right, customize the UI to your preferences in the settings page. 

Editor allows you to select which editor you want for opening the linked source code in your tld diagrams.

If you ran `analyze`, `watch` or linked files/symbols to elements. You can use the code-preview panel to peak the source code or directly open the symbol/file at linked line in your editor by clicking the "Open in Editor" button.