Documentation
Settings
Appearance Settings

Appearance Settings

Appearance Settings

Appearance settings allow you to customize the visual aspects of your workspace. You can choose from predefined themes or create your own custom theme to match your preferences or brand identity.

Accessing Appearance Settings

  1. Navigate to your workspace
  2. Click on the Settings icon in the left sidebar
  3. Select the Appearance tab

Theme Options

AutoCRUD offers several predefined themes that you can choose from:

Light Themes

Clean and bright themes for daytime use:

  • Amber: Warm yellow tones
  • Emerald: Fresh green color scheme
  • Sky: Calming blue palette
  • Rose: Soft pink accents

Dark Themes

Themes with darker backgrounds for reduced eye strain:

  • Midnight: Classic dark blue theme
  • Obsidian: Deep black theme
  • Forest: Dark green theme
  • Cherry: Deep red theme

Selecting a Predefined Theme

To select a predefined theme:

  1. Browse through the available themes in the Appearance settings
  2. Click on a theme card to preview it
  3. The theme is applied immediately so you can see how it looks
  4. No need to save - your selection is automatically preserved

Creating a Custom Theme

For more personalization, you can create your own theme by customizing colors:

  1. In the Appearance settings, scroll to the Customize Theme section
  2. Configure the following color settings:
    • Header Background: The background color of the top navigation bar
    • Header Text: Text color for the header section
    • Button Background: Default button color
    • Additional color options may be available
  3. Enter color values in hexadecimal format (#RRGGBB)
  4. See the changes applied in real-time
  5. Click Save Theme to permanently apply your custom theme

Color Selector

For each color setting:

  1. Click on the color swatch to open the color picker
  2. Select a color visually from the picker
  3. Or enter a specific hex code if you know the exact color you want
  4. The changes are previewed immediately

Resetting Colors

If you want to start over:

  1. Click the Reset button in the Customize Theme section
  2. This will revert all custom color settings to their defaults
  3. You’ll need to save the theme after resetting

Theme Management

Sharing Themes

Currently, themes are specific to your user account and apply to all workspaces you access. Team members will need to set their own theme preferences.

Theme Persistence

Your theme selection is remembered across sessions. When you log out and log back in, your chosen theme will still be applied.

Best Practices

  • Brand Consistency: For business workspaces, consider using colors that match your company’s brand
  • Readability: Ensure there’s enough contrast between text and background colors
  • User Preference: Remember that themes are user-specific, so each team member can select their preferred theme
  • Testing: Test custom themes on different screens to ensure they look good on various devices

Troubleshooting

Issue: Custom colors not saving Solution: Ensure you click the “Save Theme” button after making changes

Issue: Difficulty seeing text after changing colors Solution: Aim for high contrast between text and background colors

Issue: Theme appears inconsistent across pages Solution: Refresh the browser or try clearing your cache

Next Steps

After customizing your workspace appearance, you may want to explore:

Access Management