HostedSuite allows you to personalize your web interface using color schemes and custom CSS, ensuring your workspace aligns with your brand identity and user preferences.
🎨 Choosing a Color Scheme
HostedSuite provides both preset and customizable color schemes:
-
Go to Settings > Branding
-
Use the Color Scheme dropdown to explore themes
-
Click Select to apply a theme or use Custom to define your own
You can click Reset to restore the default appearance.
🎛️ Advanced Styling with Custom CSS
HostedSuite allows targeted CSS customization:
🔧 Custom CSS Areas
| CSS Section | Description |
|---|---|
| Global | Styles applied across the entire HostedSuite interface |
| Console | Styles that target the legacy console interface |
| V3 Console | CSS targeting the newer, Version 3 console layout |
| Login | Styles for the login screen |
💡 Use CSS to control fonts, spacing, colors, and element visibility.
🧹 Resetting Your Theme
Click Reset in Branding settings to:
-
Restore default color scheme
-
Remove custom CSS
⚠️ This does not affect other settings or data.
📌 Summary Table
| Setting | Purpose | Location |
|---|---|---|
| Color Scheme | Apply or customize visual themes | Settings > Branding |
| Reset | Revert to HostedSuite default appearance | Settings > Branding |
| Custom CSS | Apply branding styles via code | Settings > Branding > Custom CSS |
| - Global | CSS site-wide | Same as above |
| - Console | Legacy console styling | Same as above |
| - V3 Console | Modern console UI styling | Same as above |
| - Login | Custom login page appearance | Same as above |