DB Table

Themes

Learn how to switch between light and dark themes in DBTable

Themes

DBTable supports both light and dark themes to provide a comfortable viewing experience in any lighting condition.

Theme Options

Light Theme

  • Clean, bright interface
  • Optimal for well-lit environments
  • High contrast for readability
  • Default theme for new users

Dark Theme

  • Reduced eye strain in low-light conditions
  • Modern, sleek appearance
  • Battery saving on OLED displays
  • Popular for extended use

Switching Themes

Using the Theme Switcher

  1. Look for the theme switcher in the navigation bar
  2. Click the sun icon to switch to light theme
  3. Click the moon icon to switch to dark theme
  4. The theme change is applied immediately

Theme Persistence

Your theme preference is automatically saved and will be remembered:

  • Across browser sessions
  • When you return to the application
  • On the same device and browser

Accessibility

High Contrast

Both themes are designed with accessibility in mind:

  • Sufficient color contrast ratios
  • Clear visual hierarchy
  • Readable text in all conditions

System Preference Detection

DBTable respects your system's theme preference:

  • Automatically detects system dark/light mode
  • Applies matching theme on first visit
  • Can be overridden with manual selection

Troubleshooting

Theme Not Changing

If the theme doesn't switch properly:

  1. Refresh the page
  2. Check if JavaScript is enabled
  3. Clear browser cache if needed
  4. Try a different browser

Theme Not Persisting

If your theme preference isn't saved:

  1. Ensure cookies are enabled
  2. Check browser storage permissions
  3. Verify you're not in incognito/private mode
  4. Try setting the theme again

Visual Issues

If you experience visual problems:

  1. Try switching to the other theme
  2. Check your browser zoom level
  3. Update your browser to the latest version
  4. Report issues to support

Best Practices

Choosing a Theme

  • Light theme: Best for daytime use and bright environments
  • Dark theme: Ideal for evening use and low-light conditions
  • Personal preference: Choose what feels most comfortable

Accessibility Considerations

  • Both themes meet WCAG accessibility guidelines
  • High contrast ensures readability for all users
  • Theme choice doesn't affect functionality

The theme system is designed to enhance your experience while maintaining full functionality across all features of DBTable.