Appearance Settings

Customize how the platform looks and feels to match your preferences.

Accessing Appearance Settings

1. Go to Settings
2. Click Appearance card
3. Appearance settings page opens

Or:

1. Click your profile in the header
2. Select Settings → Appearance

Theme Options

Available Themes

Theme	Description
Light	Bright background, dark text
Dark	Dark background, light text
System	Follows your device setting

Selecting a Theme

1. Find the Theme section
2. Click on your preferred option
3. Theme applies immediately
4. No save button needed

System Theme

When set to "System":

• Follows your OS setting
• Auto-switches with device
• Matches other apps on your device
• Updates when system preference changes

Display Options

Font Size

Adjust text size for readability:

Option	Description
Small	Compact text, more content visible
Medium	Default balanced size
Large	Bigger text, easier to read

Density

Control spacing and padding:

Option	Description
Compact	Tighter spacing, more on screen
Default	Standard comfortable spacing
Relaxed	More whitespace, less crowded

Sidebar Behavior

Configure the navigation sidebar:

Option	Description
Always visible	Sidebar stays open
Collapsible	Toggle with button
Auto-hide	Collapses when not needed

Theme Preview

Live Preview

As you adjust settings:

1. Changes apply immediately
2. See the effect in real-time
3. No need to save and reload

Testing Themes

Try different themes to find your preference:

1. Switch to Light mode
2. Navigate around the app
3. Try Dark mode
4. Compare comfort and visibility
5. Settle on your preference

Dark Mode Benefits

Consider dark mode if you:

• Work in low-light environments
• Experience eye strain with bright screens
• Prefer reduced blue light
• Want battery savings on OLED screens

Light Mode Benefits

Consider light mode if you:

• Work in bright environments
• Find dark text easier to read
• Prefer traditional app appearance
• Print or share screenshots often

Accessibility

High Contrast

If available:

• Enhanced contrast ratios
• Clearer text and borders
• Better for visual impairments

Reduced Motion

If available:

• Minimizes animations
• Reduces transitions
• Helpful for motion sensitivity

Screen Reader Support

The platform supports screen readers:

• Proper heading structure
• Alt text for images
• ARIA labels for controls
• Keyboard navigation

Saving Preferences

Automatic Save

Most appearance settings save automatically:

• Changes apply immediately
• Sync across browser sessions
• Persist when you log out/in

Per-Device vs. Synced

Setting	Behavior
Theme	Synced to your account
Font size	Synced to your account
Sidebar state	Per-device

Browser Considerations

Browser Zoom

Use browser zoom for additional scaling:

• Ctrl/Cmd + + to zoom in
• Ctrl/Cmd + - to zoom out
• Ctrl/Cmd + 0 to reset

Combines with in-app font size settings.

Browser Dark Mode

If using System theme:

• Chrome: Uses OS setting
• Firefox: Uses OS setting
• Safari: Uses OS setting
• Edge: Uses OS setting

Change your OS display settings to switch.

Mobile Display

On mobile devices:

• Responsive design adapts automatically
• Theme preference persists
• Font sizes adjust for touch
• Sidebar becomes drawer/menu

Troubleshooting

Theme Not Changing

1. Refresh the page
2. Clear browser cache
3. Try a different browser
4. Check if System theme is overriding

Colors Look Wrong

1. Check monitor/display settings
2. Verify browser color settings
3. Try a different theme
4. Check for browser extensions affecting colors

Font Size Not Applying

1. Ensure setting is selected
2. Refresh the page
3. Check browser zoom level
4. Try different browser

Settings Not Saving

1. Check internet connection
2. Verify you're logged in
3. Try making change again
4. Clear cookies and re-login

Resetting to Defaults

To reset all appearance settings:

1. Note your current preferences (if desired)
2. Contact support or
3. Clear browser storage for the site
4. Re-login and reconfigure

note

There's no single "reset" button, but clearing site data achieves the same result.

Tips for Best Experience

For Extended Use

1. Choose comfortable font size
2. Match theme to environment lighting
3. Take regular breaks
4. Adjust monitor brightness

For Productivity

1. Use compact density for more content
2. Auto-hide sidebar for focus
3. Learn keyboard shortcuts
4. Set up browser bookmarks

For Presentations

1. Consider light theme for projectors
2. Use larger font size
3. Keep sidebar visible for navigation demo
4. Test colors on target display

Related Topics

• Profile Settings - Personal account settings
• Navigation Guide - Getting around the platform
• AI Assistant - Interface help