FocusBar

Adds a static color bar overlay that highlights elements of a page as you scroll.

🚀 ELEVATE YOUR READING EXPERIENCE WITH FOCUSBAR FocusBar is a premium, modern Chrome extension designed to help you maintain deep focus. By highlighting your current line or paragraph and elegantly dimming the rest of the page, FocusBar eliminates distractions and reduces eye strain. Whether you are proofreading code, studying long-form articles, or navigating dense spreadsheets, FocusBar provides a customizable "glassmorphic" overlay that moves with you. 🌟 KEY FEATURES (v2.0) • FOCUS MODE & SLIT MODE: Dim the entire page to highlight only the bar area. Toggle "Slit Mode" to invert the colors, creating a physical-style reading ruler on your screen. • HARDWARE-SYNCED AUTO-SCROLL: Experience buttery-smooth, hardware-accelerated scrolling. Using requestAnimationFrame, FocusBar matches your monitor's exact refresh rate for a jitter-free experience. • PROFILE PRESETS: Instantly swap between 3 saved configuration profiles (Color, Dimness, Speed) without reloading the page. • SHADOW DOM ISOLATION: Our UI is securely injected into its own Shadow DOM. This ensures the toolbar never conflicts with a website's CSS—it looks perfect on every site. • DRAGGABLE & RESIZABLE: Simply click and drag to move the bar or grab the bottom edge to adjust the height to fit your reading style. 🛠 GRANULAR CUSTOMIZATION • COLOR: Full HEX and Opacity control for your focus area. • SCROLL SPEED: Continuous multiplier sliders ranging from 0.10x to 5.0x. • DIM LEVEL: Adjust exactly how dark the background becomes in Focus Mode. • GLOBAL SYNC: Your settings are saved via chrome.storage.sync, moving with you across any device where you’re signed into Chrome. • CUSTOM SHORTCUTS: Fully compatible with Chrome’s native shortcut management (Default: Alt+Shift+F). 📖 HOW TO USE 1. ACTIVATE: Click the extension icon or press Alt+Shift+F. 2. MOVE: Click and drag anywhere on the bar to position it. 3. RESIZE: Click and drag the bottom edge to change the focus height. 4. CUSTOMIZE: Hover over the bar to reveal the Glassmorphic FAB (Floating Action Button). Expand it to access all settings and profile slots. 🔄 VERSION HISTORY v2.0.0: Complete Architecture Rewrite. • Migrated to Vite/ES Modules. • Implemented Shadow DOM isolation. • Added Reading Slit Mode and Preset Profile Slots. • Rebuilt the auto-scroll engine for subpixel hardware-synced rendering. v1.3.2: Fixed auto-scroll "stuck" detection. v1.3.0: Added Focus Dim Level slider (0.1 - 1.0) and UI improvements. 🔒 PRIVACY & SECURITY FocusBar runs entirely on your device. We do not collect, store, or transmit any personal data. Your settings are synced securely using your own Google account's built-in storage.