Appearance Settings
Open Settings → Appearance (Ctrl+, then click Appearance) to customize every visual aspect of Rostyman: theme, fonts, font size, and language.
A Reset Appearance button in the top-right of the section resets all appearance settings to defaults (Dark theme, 14px, Inter font, JetBrains Mono editor font, English) with a confirmation toast.
Themes
Rostyman ships with 21 built-in themes organized into groups, plus a System (Auto) mode. A theme search box at the top of the section lets you filter by name.
Click any theme tile to apply it instantly — no restart required. The active theme is highlighted with an accent-colored border and a checkmark.
Rostyman Originals
These are Rostyman's own purpose-built themes, designed for long-form API work:
| Theme | Preview Color | Description |
|---|---|---|
| Rostyman Dark | #1a1714 | Warm neutral dark — the signature Rostyman palette with copper accent tones |
| Rostyman Light | #faf6f0 | Warm cream/ivory background with copper accents — easier on the eyes than pure white |
Light Themes
| Theme | Preview Color | Description |
|---|---|---|
| Light (Default) | #ffffff | Clean white background — classic light mode |
| GitHub Light | #ffffff | GitHub's official light theme colors |
| Solarized Light | #fdf6e3 | Ethan Schoonover's warm-toned light palette |
Dark Themes
| Theme | Preview Color | Description |
|---|---|---|
| Dark (Default) | #1e1e1e | VS Code-style neutral dark |
| One Dark Pro | #282c34 | Atom One Dark — a widely loved dark palette |
| Monokai | #272822 | Classic Monokai — warm dark with vivid accent colors |
| Dracula | #282a36 | Purple-accented dark palette |
| Nord | #2e3440 | Arctic blue-gray — calm and muted |
| Midnight | #0d1117 | Near-black with high contrast — GitHub dark-inspired |
| Night Owl | #011627 | Deep navy dark theme with teal accents |
| Tokyo Night | #1a1b26 | Deep blue-purple inspired by city lights |
| GitHub Dark | #0d1117 | GitHub's official dark mode colors |
| Catppuccin Mocha | #1e1e2e | Soothing pastel dark — soft lavender tones |
| Gruvbox Dark | #282828 | Retro groove — warm earthy dark palette |
| Cobalt2 | #193549 | Deep cobalt blue with bright yellow accents |
| Dark Horizon | #1c1e26 | Deep dark with vibrant accent colors |
| Dark Modern | #1f1f1f | Clean, minimal modern dark |
| Solarized Dark | #002b36 | Ethan Schoonover's dark palette — greenish-blue base tones |
System
| Theme | Description |
|---|---|
| System (Auto) | Follows your OS dark/light mode setting and switches automatically when you change it |
Theme Search
The search input at the top of the Appearance section filters all theme groups in real time. Type "nord", "sol", or "cat" to quickly find themes. All groups that have at least one matching theme are shown; groups with no matches are hidden.
Interface Font
The interface font is used for all non-code text in Rostyman: menus, labels, buttons, sidebar, tab bar, and all panel text.
Select from 10 built-in options. The dropdown renders each option in its own font so you can preview before selecting:
| Font | Style |
|---|---|
| Inter (default) | Clean geometric sans-serif — excellent readability at all sizes |
| Roboto | Google's material design font — slightly wider letterforms |
| Open Sans | Highly readable humanist sans-serif |
| Source Sans 3 | Adobe's open source sans-serif — excellent for UI |
| IBM Plex Sans | IBM's corporate sans-serif — technical and clean |
| Nunito Sans | Rounded, friendly sans-serif |
| Segoe UI | Windows system font — familiar on Windows |
| SF Pro Display | Apple system font — familiar on macOS |
| Helvetica Neue | Classic Swiss design |
| Arial | Universal fallback |
The font change takes effect immediately across the entire UI.
Editor Font
The editor font is a monospace typeface used in all code contexts: request/response bodies, script editors, Monaco editors, header values, and any other code display.
Select from 10 built-in options. The dropdown renders each option in its own monospace font:
| Font | Style |
|---|---|
| JetBrains Mono (default) | Developer-focused, excellent for code with ligature support |
| Fira Code | Popular choice — wide ligature set, generous character spacing |
| Source Code Pro | Adobe's monospace — clean and neutral |
| IBM Plex Mono | IBM's monospace — distinct and technical |
| Roboto Mono | Google's monospace variant — consistent stroke widths |
| Ubuntu Mono | Distinct letterforms, wide character support |
| Cascadia Code | Microsoft's font for Windows Terminal — ligature support |
| Menlo | Apple's developer monospace |
| Consolas | Windows developer monospace — tightly spaced |
| Monaco | Classic macOS terminal font |
The editor font change takes effect immediately in all Monaco editors and code panels.
Font Size
Controls the base font size for the entire application. All UI elements scale proportionally.
| Size | Notes |
|---|---|
| 12px | Very compact — maximum content density |
| 13px | Compact — good for smaller screens |
| 14px (default) | Standard — recommended for most displays |
| 15px | Slightly larger — comfortable on high-DPI screens |
| 16px | Larger — good for accessibility or large monitors |
| 18px | Large — maximum legibility |
The font size change takes effect immediately without restart.
Language
Rostyman is fully translated into 18 languages. The language applies to all UI text: labels, buttons, tooltips, error messages, and settings.
Language changes take effect immediately — no restart required.
The language dropdown shows each language in its native script followed by its English name:
International Languages
| Code | Native Name | English Name |
|---|---|---|
en | English | English |
es | Español | Spanish |
fr | Français | French |
de | Deutsch | German |
pt-BR | Português | Portuguese (Brazil) |
ru | Русский | Russian |
zh-CN | 简体中文 | Chinese (Simplified) |
ja | 日本語 | Japanese |
ko | 한국어 | Korean |
ar | العربية | Arabic |
Indian Languages
Shown in a labeled sub-group below the international languages:
| Code | Native Name | English Name |
|---|---|---|
hi | हिन्दी | Hindi |
bn | বাংলা | Bengali |
ta | தமிழ் | Tamil |
te | తెలుగు | Telugu |
kn | ಕನ್ನಡ | Kannada |
mr | मराठी | Marathi |
ml | മലയാളം | Malayalam |
gu | ગુજરાતી | Gujarati |
RTL Support
Arabic is the only RTL (right-to-left) language in the current list. When Arabic is selected, Rostyman automatically enables RTL layout mode:
- All panels and sidebars mirror horizontally
- Text alignment switches to right
- Directional icons (arrows, chevrons) are mirrored
- The layout mirrors correctly without requiring a restart
RTL mode activates automatically when an RTL language is selected and deactivates when switching back to any LTR language.
Custom Theme Creator
The Theme Manager (accessible from the sidebar or via Settings → Appearance → Manage Custom Themes) lets you create your own themes by overriding CSS custom property values on top of any built-in base theme.
Creating a Custom Theme
- Open the Theme Manager tab from the sidebar.
- Click + New Theme.
- Enter a theme name.
- Choose a base theme — all unmodified variables inherit from this theme.
- Override any CSS variables using the visual color picker or by entering hex/hsl/rgb values directly.
- Click Save to apply and store the theme.
Editable Variables
Key variables you can override include:
| Variable | Description |
|---|---|
--bg-primary | Main background color |
--bg-secondary | Secondary background (panels, sidebars) |
--bg-tertiary | Tertiary background (input fields, cards) |
--bg-hover | Background on hover |
--bg-active | Background for active/selected items |
--text-primary | Primary text color |
--text-secondary | Secondary text (labels, descriptions) |
--text-muted | Muted text (placeholders, hints) |
--accent-primary | Main accent color (buttons, links, active tabs) |
--accent-muted | Muted variant of accent for backgrounds |
--border-default | Standard border color |
--border-subtle | Subtle divider border |
--border-focus | Border color for focused inputs |
--method-get | GET method badge color |
--method-post | POST method badge color |
--method-put | PUT method badge color |
--method-patch | PATCH method badge color |
--method-delete | DELETE method badge color |
--status-success | 2xx status text color |
--status-warning | 4xx status text color |
--status-error | 5xx status text color |
Custom themes are stored in the custom_themes database table and are included in backups. They appear at the top of the theme selector in Settings → Appearance.
Editing and Deleting Custom Themes
Right-click a custom theme in the Theme Manager to rename, duplicate, or delete it. Built-in themes cannot be deleted or renamed.