Tunnel Vision

Tunnel Vision is a Chrome extension to help you read stuff and eliminate distractions on the Internet. Tunnel Vision helps you read by darkening the screen except for a single line, so you can read them one at a time.

Development

Tunnel Vision is written in typescript, and built with vite and crxjs.

Logo

To modify the logo do the following:

1. Open logo/Logo.xcf in GIMP
2. Make the desired modifications
3. Export as logo/Base-Logo.png
4. Run . create-icons.sh

Installation

Building

$ npm i -D
$ npm run build

This will create the source code in the dist/ folder. You can then install it as an unpacked chrome extension.

Installing as an Unpacked Chrome Extension

1. Do the build steps above
2. In Chrome, navigate to chrome://extensions
3. Ensure Developer mode is on (upper right corner)
4. Click Load unpacked (upper left corner)
5. Navigate to the dist/ folder you created in the build steps above
6. Load the dist/ folder

Development

Debug

To activate the debug panel in the pdf-reader press alt+shift+d.

To activate the debug panel in the pop-up press alt+shift+d while the pop-up is open.

Usage

Press alt-l to turn the tv-screen on and off.

You can also click Tunnel Vision icon and then click the Tunnel Vision Screen On/Off button.

Press Sound On/Off button to toggle the sound which plays when moving up/down a line

alt + up arrow to move the highlighted range up.

alt + down arrow to move the highlighted range down.

You can also use alt + j and alt + k.

When the screen is on, you may click on the line you wish to highlight.

If you select text while the screen is off, that text will be highlighted when the screen is turned on.

Copyright

Copyright (c) 2025 Nathaniel Taylor