FocusBar

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

FocusBar is a lightweight Chrome extension designed to enhance focus and readability by adding a customizable highlight bar overlay to web pages as you scroll​. With an easy-to-use interface, users can dynamically adjust the bar’s position, size, color, and transparency to suit their reading preferences​. ----------------------- FEATURES ----------------------- 🔹 Customizable Highlight Bar – Adjust the position, height, opacity, and color of the highlight bar​. 🔹 Seamless Activation – Toggle the highlight bar directly from the extension’s popup menu​. 🔹 Persistent Settings – Bar adjustments are saved for consistency. 🔹 Simple and Lightweight – A minimal impact on browser performance with an intuitive user experience​. ----------------------- HOW TO USE ----------------------- 1. Install & Open the Extension 🔹 Once installed, click on the FocusBar extension icon in the Chrome toolbar. 🔹 This will open the popup window with the "FocusBar" button. 2. Enable the Highlight Bar 🔹 Click the "FocusBar" button in the popup to activate the highlight bar on your current web page​. 🔹 The highlight bar will appear at the top of the page, ready for customization​. 3. Customize the Highlight Bar Once the bar is activated, you can adjust it to match your preferences: 🔹 Move it – Click and drag the bar up or down​ 🔹 Resize it – Drag the bottom edge of the bar​ 🔹 Change Color – Select any color using the color picker​ 🔹 Adjust Transparency – Use the opacity slider​ 🔹 Your custom settings are saved automatically, so they persist across sessions​ 🔹 Reset it - Set bar back to default position, default colors and size. 4. Remove or Disable the Highlight Bar 🔹 To temporarily remove the bar, press the "X" button​ 🔹 To fully disable it, click "FocusBar" in the popup again​ ----------------------- TROUBLESHOOTING ----------------------- 💡 Why isn’t the bar appearing? 🔹 Some restricted pages (e.g., Chrome’s internal pages) don't allow extensions to modify content​. 🔹 Ensure the extension is enabled and has the necessary permissions. 💡 How do I reset all settings? 🔹 Press Reset button to fully reset saved preferences. ----------------------- REVISION HISTORY ----------------------- v1.1.1 - Latest Update 🛠️ (Improvements & Bug Fixes) 🔹 **Simplified Bar Toggling** – Streamlined the toggle behavior for a smoother experience. 🔹 **Reset Functionality** – Quickly revert settings back to their default values. 🔹 **Fixed Bug: Bar Visibility** – Resolved bar repositioning issues when viewport changes occur. v1.1.0 - Update 🚀 (New Features & Enhancements) 🔹 **Transparency Control** – Adjust the bar's opacity with a smooth slider. 🔹 **Color Picker** – Choose any color to customize the highlight bar. 🔹 **Caching Support** – Your settings (position, color, height, opacity) now persist across sessions. v1.0.0 - Initial Release 🎉 (Core Functionality) 🔹 **Basic Highlight Bar** – A fixed-position overlay to help with readability. 🔹 **Toggle Feature** – Easily turn the highlight bar on or off from the extension popup. 🔹 **Draggable & Resizable** – Move the bar anywhere and adjust its height.