Dark Mode

Customize the BlockSecOps theme for your preference. 1. Click your avatar (top right) 2. Click Dark Mode toggle 3. Theme switches immediately Press D to toggle...

Last updated: January 14, 2026

Dark Mode

Customize the BlockSecOps theme for your preference.

Enabling Dark Mode

From Profile Menu

  1. Click your avatar (top right)
  2. Click Dark Mode toggle
  3. Theme switches immediately

Keyboard Shortcut

Press D to toggle dark mode.

From Settings

  1. Go to Settings → Appearance
  2. Select theme:
    • Light
    • Dark
    • System (follows OS)

Theme Options

Light Mode

  • White backgrounds
  • Dark text
  • Classic look
  • Good for bright environments

Dark Mode

  • Dark backgrounds
  • Light text
  • Reduced eye strain
  • Better for low light

System Preference

Automatically matches your OS setting:

  • Follows macOS/Windows dark mode
  • Changes when system changes
  • Best for consistency

Theme Persistence

Your preference is saved:

  • Remembered across sessions
  • Synced across devices
  • Per-account setting

Syntax Highlighting

Code snippets adjust to theme:

Light Mode:

  • Light background
  • Dark syntax colors

Dark Mode:

  • Dark background
  • Bright syntax colors

Both maintain readability.

Charts and Graphs

Visualizations adapt to theme:

  • Background colors match
  • Data colors remain distinct
  • Labels stay readable

Accessibility

Color Contrast

Both themes maintain WCAG contrast:

  • Text is always readable
  • Interactive elements are visible
  • Status colors are consistent

Reduced Motion

If you have motion preferences:

  1. Go to Settings → Accessibility
  2. Enable Reduce Motion
  3. Transitions are simplified

Brand Colors

Consistent across themes:

Element Color
Primary Baby Blue (#5BA4E6)
Critical Red
High Orange
Medium Yellow
Low Blue

Troubleshooting

Theme Not Saving

  1. Check browser cookies are enabled
  2. Try logging out and back in
  3. Clear browser cache

Colors Look Wrong

  1. Ensure browser isn't overriding colors
  2. Check for browser extensions
  3. Try a different browser

System Theme Not Working

  1. Check OS dark mode setting
  2. Refresh the page
  3. Select system preference again

FAQ

Q: Does dark mode affect exported reports?
A: No. Exports always use light theme for printing.

Q: Can I schedule dark mode?
A: Use "System" and set your OS to schedule dark mode.

Q: Is there a high contrast mode?
A: Not currently. Standard themes meet WCAG guidelines.

Next Steps