Themes
Relevant source files
The following files were used as context for generating this wiki page:
Themes customize the visual appearance of the Acode editor, including the application interface, syntax highlighting, and terminal styles. The system distinguishes between the overall application styling and the specific aesthetics of the code editor.
Users access theme configurations via the Settings menu or by using the Ctrl + , shortcut. The theme system supports built-in presets, system-level synchronization, and third-party extensions through the Plugin Registry.
Sources: user-guide/settings/themes.md:1-20, user-guide/settings.md:18-35
Theme Categories
The Acode theme architecture is divided into two primary scopes: App and Editor.
| Category | Scope of Impact | Primary Customization |
|---|---|---|
| App | UI components, widgets, sidebar, tabs, and dialogs. | Overall application color palette and interface styling. |
| Editor | CodeMirror editor viewport. | Syntax highlighting for code and editor-specific markers. |
Sources: user-guide/settings/themes.md:7-12
App Themes
App themes define the look of the Acode interface. You can select from several built-in light and dark variants. The System setting enables the application to match the device's global theme settings automatically. Additional interface themes are available as plugins.
Sources: user-guide/settings/themes.md:14-18
Editor Themes
Editor themes specifically target syntax highlighting. While Acode includes multiple built-in highlighting schemes, you can install more via the plugin system to support specific aesthetic preferences or language-specific needs.
Sources: user-guide/settings/themes.md:20-24
Visual Customization Flow
The following diagram illustrates how theme settings and external assets (fonts, icons, plugins) interact to define the final User Interface.
The diagram shows the relationship between user selection, the internal theme tabs, and how external plugins, fonts, and icons extend these layers.
Sources: user-guide/settings/themes.md:5-24, user-guide/settings/app-settings.md:27-32
Appearance and Asset Integration
Beyond color schemes, Acode integrates fonts and icon packs to complete the visual environment.
- Fonts: You can manage and add custom fonts for use in both the editor and the terminal.
- Icon Packs: These determine the appearance of file and folder icons in the sidebar and tab areas.
- Animations: The system allows control over app animations with options for System (default), Yes, or No.
Sources: user-guide/settings/app-settings.md:27-32
Editor-Specific Visual Options
The CodeMirror editor supports additional visual configurations that complement the chosen theme:
| Feature | Description | Default |
|---|---|---|
| Rainbow Brackets | Colors nested bracket pairs with different colors. | On |
| Indent Guides | Displays vertical lines showing indentation levels. | On |
| Color Preview | Shows inline color swatches next to hex/RGB color values. | On |
| Show Spaces | Displays markers for spaces, tabs, and trailing whitespace. | Off |
Sources: user-guide/settings/editor-settings.md:5-24
Terminal Themes
The terminal maintains its own independent theme and appearance settings, located in Settings → Terminal Settings.
- Theme: A specific color scheme for the terminal environment.
- Cursor Style: Options include block, underline, or bar.
- Font Ligatures: Enables or disables font-specific character joining.
The sequence diagram demonstrates the direct application of terminal-specific styles without affecting the main editor or app themes.
Sources: user-guide/settings/terminal-settings.md:12-22
Extending Themes via Plugins
The Plugin Registry serves as the primary source for expanding the available themes. Once a theme or icon pack plugin is installed, it automatically registers with the app or editor settings.
Sources: user-guide/settings/themes.md:26-28, user-guide/settings/app-settings.md:28
Themes in Acode provide a modular way to personalize the development environment. By separating App, Editor, and Terminal concerns, the system allows you to maintain high-contrast syntax highlighting while using a softer UI theme or vice versa.