Skip to content

Protect your eyes with Light-Shield: a customizable screen dimmer for comfortable reading and browsing.

License

Notifications You must be signed in to change notification settings

ASVSI/Light-Shield

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Light-Shield

Light-Shield is a Chrome browser extension that softens harsh screen brightness and protects your eyes while browsing. It provides a customizable dimming overlay, letting you comfortably read websites, documents, or novels without going fully dark.


Features

  • 💡 Soft Dim Overlay – Reduce brightness without making your screen fully dark.
  • 🎨 Customizable Opacity – Adjust overlay transparency to your preference.
  • 🌈 Multiple Color Tones – Soft Black, Dark Gray, Paper Tone, Warm Amber.
  • Instant Updates – Change settings from the popup and see results instantly.
  • 🖱️ One-Click Toggle – Easily enable or disable the overlay.
  • 🛡️ Eye-Friendly – Perfect for long reading sessions, day or night.

Installation

  1. Clone or download this repository.
  2. Open Chrome → chrome://extensions.
  3. Enable Developer Mode.
  4. Click Load unpacked and select the extension folder.
  5. Click the Light-Shield icon and enjoy eye-friendly browsing.

Usage

  1. Click the Light-Shield extension icon in Chrome.
  2. Use the toggle to enable or disable the overlay.
  3. Open Advanced Settings to adjust opacity and overlay color.
  4. The overlay applies immediately on the current tab.

Screenshots

(Optional: Add a few screenshots of popup UI and overlay on a website)


Recommended Settings

  • Default opacity: 30%
  • Color: Soft Black for general use
  • Use Paper Tone for reading documents or novels

Suggested Chrome Web Store Metadata

  • Short Description (132 chars max): Protect your eyes with a soft, customizable dimming overlay for comfortable browsing.

  • Full Description: Light-Shield is a Chrome extension that reduces harsh screen brightness with a soft, customizable overlay. Adjust opacity, choose color tones, and toggle on/off with one click. Perfect for browsing websites, reading documentation, or long-night reading sessions.

  • Tags / Keywords: dim, overlay, dark mode, eye protection, reading, night mode, screen filter, light dimmer, accessibility, Chrome extension

  • Category: Productivity / Accessibility / Utilities

  • Icon Sizes: 16x16, 48x48, 128x128 PNG (transparent background recommended)


Contributing

Contributions are welcome! Please open an issue or submit a pull request.


License

MIT License – see LICENSE


About

Protect your eyes with Light-Shield: a customizable screen dimmer for comfortable reading and browsing.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 56.8%
  • CSS 28.7%
  • HTML 14.5%