Accent Colors
The accent color overrides the primary color of your current app theme. It affects interactive elements across the entire app without changing any other aspect of the theme.
Preset Accent Colors
Section titled “Preset Accent Colors”ZestSSH includes 8 accent color presets:
| Preset | Hex | Preview |
|---|---|---|
| Orange (default) | #E8600A | The signature ZestSSH brand color |
| Blue | #2196F3 | Material Blue |
| Green | #4CAF50 | Material Green |
| Purple | #9C27B0 | Material Purple |
| Pink | #E91E63 | Material Pink |
| Red | #F44336 | Material Red |
| Cyan | #00BCD4 | Material Cyan |
| Amber | #FFC107 | Material Amber |
Custom Hex Color
Section titled “Custom Hex Color”For full control, enter any hex color code:
- Go to Settings > Appearance > Accent Color.
- Tap Custom at the end of the preset row.
- Enter a 6-digit hex code (e.g.,
#FF6B35). - The color applies immediately.
What Changes
Section titled “What Changes”The accent color is used as the primary color in the generated Material 3 ThemeData. This affects:
- Buttons — ElevatedButton background, OutlinedButton border and text, TextButton text
- FAB — Floating action button background
- Navigation — Active tab indicator, selected navigation bar icon and label, navigation indicator overlay
- Input fields — Focused border (2px accent ring)
- Switches — Active thumb and track tint
- Chips — Selected chip background tint
- Progress indicators — Circular and linear progress color
- Dialogs — Action button text
- Bottom sheets — Action items
- Tab bar — Active tab label and indicator
A primaryHover variant is automatically computed by lightening the accent by 10% in HSL space, used for pressed/hover states.
How to Set
Section titled “How to Set”- Open Settings > Appearance.
- Scroll to the Accent Color section.
- Tap a preset circle, or tap Custom to enter a hex code.
Resetting to Theme Default
Section titled “Resetting to Theme Default”To restore the accent color to whatever the current app theme defines as its primary:
- Go to Settings > Appearance > Accent Color.
- Tap the Orange preset (or whichever matches your theme’s default).
- Alternatively, clear the custom accent by removing the stored preference.
Internally, setting the accent to null via ThemeUpdater.setCustomAccentColor(null) removes the custom_accent_color key from SharedPreferences and falls back to the theme’s built-in primary.
Persistence
Section titled “Persistence”The custom accent color is stored in SharedPreferences as a 32-bit ARGB integer under the key custom_accent_color. It survives app restarts and theme switches — changing your app theme does not reset your accent color preference.