Marks: Text Highlighter User Guide

Thank you for using Marks: Text Highlighter. This extension allows you to easily highlight, save, and manage text on web pages.

How to Add Highlights

There are three ways to add highlights to selected text on a web page.

1. Using Control UI

When you select text, a highlight icon (pen shape) appears near the selection. Click this icon or hover over it to reveal the Control UI with a color palette. Click a color to apply the highlight.

2. Using Context Menu

Select text and right-click to open the context menu. Navigate to "Marks: Text Highlighter" and select a color to highlight.

3. Using Shortcuts

Select text and use keyboard shortcuts to quickly apply colors.

• Ctrl + Shift + 1 : 1st Color (Default: Yellow)
• Ctrl + Shift + 2 : 2nd Color (Default: Cyan)
• ... Number keys 1-4 correspond to the default colors.

How to Delete Highlights

You can remove unnecessary highlights using the following methods:

• Individual Delete (Control UI): Click on an existing highlight to open the Control UI. Click the Trash icon to delete it.
• Individual Delete (Popup): Click the extension icon in the toolbar to open the Popup menu. In the "Current Page Highlights" list, click the X button next to the item you want to remove.
• Clear Page (Popup): Click the "Remove all highlights" button at the bottom of the Popup menu to remove all highlights on the current page.
• Delete Page (Pages List): In the Highlighted Pages List dashboard, click the "Delete" button on a specific page card to remove all data for that page.
• Delete All Data (Pages List): Click the Trash icon (Delete All Pages) in the top toolbar of the dashboard to delete all saved highlight data.

Custom Colors

Adding and Changing Colors

You can add your own colors in addition to the 5 default ones.

1. Click on an existing highlight to open the Control UI.
2. Click the + button at the end of the color list.
3. Pick a color from the selector and click "Apply".

Deleting Colors

Deleting individual custom colors is currently not supported. To reset all custom colors:

• Open the Popup menu and click the "Remove custom colors" button. (This will delete all custom colors except the default 5.)

Minimap

A Minimap is displayed on the right side of web pages that have highlights.

• The minimap visually indicates the location of highlights relative to the entire page length.
• Clicking a marker on the minimap instantly scrolls to that highlight's position.
• You can hide it by turning off the "Show Minimap" switch in the Popup menu.

Popup Menu

The menu that appears when you click the Marks icon in the browser toolbar.

• Current Page Highlights: Shows a list of highlights saved on the current page. Click to jump to the location.
• Highlighted Pages List: Opens the dashboard screen to manage all saved pages.
• Remove all highlights: Deletes all highlights on the current page.
• Remove custom colors: Deletes all user-added colors, leaving only the defaults.
• Show Minimap: Toggles the display of the minimap on the right side of the page.
• Show Control UI on text selection: Toggles whether the highlight button automatically appears when selecting text.

Highlighted Pages List

A dashboard where you can view and manage all saved highlight information at a glance.

• Search: Search saved records by page title or URL.
• Sort: Sort the list by newest, oldest, etc.
• Delete: Delete individual pages or use the top toolbar button to clear all data.
• Export/Import: Backup or restore your data.

Synchronization

Syncs highlight data across devices via your logged-in Google (Chrome) or Firefox account.

How it Works

Adding or deleting highlights on one device automatically reflects on other devices logged in with the same account. In case of data conflicts, the most recent change is preserved.

Limitations

• Storage Limit: Sync storage has a total limit of 100KB, and a single highlight item cannot exceed 8KB.
• Eviction Policy: When storage is full, sync data for the oldest updated pages is automatically removed to make space. (Local data is preserved.)
• Mobile Unsupported: Sync is not supported on Firefox for Android.

Import & Export

Useful for safely backing up data or moving to another browser.

• Export: Download all currently saved highlight data as a JSON file.
• Import: Restore data by selecting a previously exported JSON file.