Themes and Customization

Your code, your style! Kisuke lets you customize the editor to match your preferences and reduce eye strain.

Choosing a theme

Built-in themes

Kisuke comes with beautiful themes:

Dark themes

Everforest Dark - Soft on the eyes with green accents
One Dark - Popular and balanced
Dracula - High contrast purple
Nord - Cool, arctic feel

Light themes

Everforest Light - Gentle and natural
One Light - Clean and minimal
Solarized Light - Scientific precision
GitHub Light - Familiar and friendly

Switching themes

Easy theme changes:

Open Settings
Tap Appearance
Choose your theme
Instant preview!

Auto theme switching

Match your environment:

Follow system - Changes with iOS
Time-based - Day/night schedule
Per-workspace - Different projects
Manual only - Your choice

Customizing appearance

Font settings

Font size

Pinch to zoom temporarily
Set default in settings
Different for different files
Range: 10-24pt

Font family Choose your favorite:

SF Mono - Apple’s coding font
Fira Code - With ligatures
JetBrains Mono - Modern design
Monaco - Classic Mac

Line height Adjust spacing:

Compact (1.2x)
Normal (1.5x)
Relaxed (1.8x)
Custom values

Editor display

Line numbers

Show/hide toggle
Relative numbers option
Current line highlight
Gutter width adjustment

Whitespace characters See invisibles:

Spaces as dots
Tabs as arrows
Line endings
Trailing spaces

Code folding

Fold indicators
Auto-fold imports
Fold level settings
Persistent folds

Cursor and selection

Cursor style

Line (default)
Block
Underline
Blinking rate

Selection colors

Active selection
Inactive selection
Find match highlight
Word highlight

Syntax highlighting

Color customization

Fine-tune colors for:

Keywords
Strings
Comments
Functions
Variables
Constants

Semantic highlighting

Smarter coloring:

Variable scopes
Function parameters
Class properties
Import/exports

Language-specific

Different rules for:

HTML tags vs text
CSS properties
JS/TS differences
Markdown elements

Interface customization

Width adjustment
Icon themes
Compact mode
Auto-hide

Tab bar

Tab size
Show icons
Close button position
Tab limit

Status bar

Show/hide elements:

Language mode
Line/column
Encoding
Git status

Minimap

Enable/disable
Width setting
Show on hover
Render characters

Creating custom themes

Theme structure

Basic theme includes:

{
  "name": "My Theme",
  "type": "dark",
  "colors": {
    "editor.background": "#1e1e1e",
    "editor.foreground": "#d4d4d4"
  }
}

Color definitions

Key areas to customize:

Editor background/text
Sidebar colors
Activity bar
Status bar
Terminal colors

Syntax colors

Token coloring:

"tokenColors": [{
  "scope": "keyword",
  "settings": {
    "foreground": "#569cd6"
  }
}]

Export your theme
Share with team
Import from file
Sync via iCloud

Accessibility options

High contrast modes

For better visibility:

High Contrast Dark
High Contrast Light
Custom contrast levels
Border emphasis

Colorblind modes

Adjusted palettes for:

Protanopia
Deuteranopia
Tritanopia
Custom filters

Focus indicators

Enhanced visibility:

Thicker cursors
Brighter selections
Active line border
Focus outlines

Motion settings

Reduce motion:

Disable animations
Instant transitions
Static cursors
No smooth scroll

Performance options

Rendering settings

Balance beauty and speed:

GPU acceleration
Font smoothing
Subpixel rendering
Retina optimization

Heavy file handling

For large files:

Disable minimap
Limit syntax highlighting
Reduce rendered lines
Optimize scrolling

Workspace themes

Project-specific themes

Different looks for:

Work projects (professional)
Personal projects (fun)
Learning (high contrast)
Writing (minimal)

Theme associations

Auto-apply based on:

File type
Project folder
Git repository
Time of day

Tips for theming

Reduce eye strain

Lower contrast at night
Warmer colors evening
Larger fonts when tired
Take regular breaks

Match your environment

Bright room: light theme
Dark room: dark theme
Mixed: auto-switching
Outdoor: high contrast

Consistency matters

Match terminal theme
Coordinate with system
Similar app themes
Unified experience

Popular combinations

Developer favorites

Night owl setup

Theme: Dracula
Font: Fira Code
Size: 14pt
Ligatures: On

Minimal writer

Theme: One Light
Font: SF Mono
Size: 16pt
Line height: 1.8x

High contrast coder

Theme: High Contrast Dark
Font: JetBrains Mono
Size: 13pt
Bold keywords

Backing up preferences

Export settings

Save your setup:

Settings → Export
Choose what to include
Save to Files
Share or backup

Import settings

Restore on new device:

Settings → Import
Select backup file
Choose items
Apply settings

iCloud sync

Automatic backup:

Enable in settings
Syncs themes
Preserves customization
Cross-device

Next steps

Complete your editor mastery: