🎨 Customizing Web Site Branding in HostedSuite
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 |