Academica

help

Dark Mode

Academica supports dark mode for comfortable viewing in low-light environments. This guide shows you how to enable and customize it.

Enabling Dark Mode#

Method 1: Settings#

  1. Click Settings in the sidebar
  2. Find the Theme option
  3. Choose your preference:
    • Light - Bright background
    • Dark - Dark background
    • System - Matches your device

Method 2: Quick Toggle#

Some pages have a quick toggle:

  • Look for the sun/moon icon
  • Click to switch between light and dark

Theme Options#

Light Mode#

  • White/light gray backgrounds
  • Dark text
  • Best for bright environments
  • Default setting

Dark Mode#

  • Dark gray/black backgrounds
  • Light text
  • Easier on eyes in low light
  • Reduces screen glare

System Mode#

  • Automatically matches your device settings
  • Changes with your OS dark mode
  • Great if you switch between day and night

What Changes in Dark Mode#

Colors#

  • Backgrounds become dark
  • Text becomes light
  • Links stay visible
  • Buttons adapt colors

Everything Else Stays the Same#

  • Layout and navigation
  • Features and functions
  • Data and information
  • Your settings and preferences

Setting System Mode#

On Windows 10/11#

  1. Open Settings
  2. Go to Personalization → Colors
  3. Choose "Dark" or "Light" mode
  4. Academica will follow this setting

On macOS#

  1. Open System Preferences
  2. Go to General
  3. Choose Appearance: Light, Dark, or Auto
  4. Academica will follow this setting

On Chrome OS#

  1. Open Settings
  2. Go to Personalization → Wallpaper & style
  3. Choose Light or Dark theme
  4. Academica will follow this setting

Extension Dark Mode#

The Chrome extension respects your theme choice:

  • Popup matches web app theme
  • Dashboard follows your preference
  • Changes apply automatically

Troubleshooting#

Dark mode not working#

Check browser settings

  • Some browsers force light mode
  • Check browser appearance settings
  • Disable browser dark mode extensions

Try manual setting

  • Go to Settings → Theme
  • Select "Dark" explicitly
  • Don't use "System" mode

Clear cache

  1. Clear browser cache
  2. Refresh the page
  3. Try setting theme again

Colors look wrong#

Check monitor settings

  • Adjust monitor brightness
  • Check color calibration
  • Try on another display

Browser conflicts

  • Disable dark mode extensions
  • Check accessibility settings
  • Try incognito mode

System mode not syncing#

Update settings

  1. Change OS theme setting
  2. Refresh Academica
  3. Theme should update

Manual override

  • If system mode doesn't work
  • Choose Light or Dark directly
  • Skip the System option

Accessibility#

High Contrast#

Dark mode provides better contrast for some users:

  • Reduces eye strain
  • Easier to focus on content
  • Works with screen readers

Reducing Blue Light#

Dark mode reduces blue light:

  • Better for evening use
  • May help with sleep
  • Complements night shift features

Tips#

  1. Try both modes - See which you prefer
  2. Use System mode - Automatic switching is convenient
  3. Adjust brightness - Combine with monitor settings
  4. Consider time of day - Dark at night, light during day

FAQ#

Does dark mode save battery?#

  • On OLED screens: Yes, significantly
  • On LCD screens: Minimal difference
  • On laptops: Small improvement

Will my preference sync across devices?#

  • Yes, theme preference saves to your account
  • All devices will use the same theme
  • Unless you use "System" mode

Can I schedule dark mode?#

  • Not in Academica directly
  • Use your OS scheduled dark mode
  • Set Academica to "System" mode

Next Steps#

PreviousCSV ImportNextBug Reporting