History

11 snapshots

Tracking since Apr 1, 2026.

View as table

Date	Users	Rating	Reviews	Version
Apr 1, 2026	32	5.00	2	3.1.3
Apr 8, 2026	31	5.00	2	3.1.3
Apr 19, 2026	32	5.00	2	3.1.3
Apr 25, 2026	31	5.00	2	3.1.3
May 2, 2026	25	5.00	2	3.2.1
May 8, 2026	23	5.00	2	3.2.1
May 13, 2026	22	5.00	2	3.2.1
May 19, 2026	24	5.00	2	3.2.1
May 25, 2026	22	5.00	2	3.2.1
Jun 1, 2026	23	5.00	2	3.2.1
Jun 7, 2026	18	5.00	2	3.2.1
Now	22	5.00	2	3.2.1

Changelog

Apr 25, 2026

description

Biketerra Gradient Colors enhances your Biketerra experience by replacing the default elevation graph colors with a comprehensive gradient color scheme inspired by Veloviewer. See climbing and descending difficulty at a glance with a wider color spectrum on elevation profiles.

KEY FEATURES

• Dynamic Elevation Graphs - Automatically recolors elevation profile SVGs with gradient-based colors
• Grade Indicators - Updates the GRADE stat circle with matching gradient colors
• Keyboard Shortcut - Press a key to toggle the elevation panel between global and local zoom (default 'G', configurable)
• Customizable Colors - Options page with color pickers for all 7 gradient color stops
• Adjustable Grade Range - Configure the grade percentage per color band (default 7%)
• Live Preview - Real-time gradient preview as you adjust settings
• Cross-Browser Sync - Settings sync across all your Chrome browsers

GRADIENT COLOR SYSTEM

Climbing (positive grades):
• Green → Yellow: 0-7% grade
• Yellow → Red: 7-14% grade
• Red → Maroon: 14-21% grade

Descending (negative grades):
• Green → Cyan: 0-7% grade
• Cyan → Blue: 7-14% grade
• Blue → Purple: 14-21% grade

HOW TO USE

1. Ride or spectate on Biketerra.com
2. The elevation profile will automatically be recolored with gradient colors
3. The GRADE indicator circle will display the appropriate gradient color
4. Press 'G' (or your configured key) to toggle elevation zoom modes
5. Right-click the extension icon and select "Options" to customize colors, grade ranges, and keyboard shortcut

This extension works automatically when riding or spectating on Biketerra. Optionally customize the gradient colors, grade ranges, and keyboard shortcut via the extension options page.

Source code is available at <https://github.com/jsmattsonjr/bt-gradient-colors>.

Please report any issues via <https://github.com/jsmattsonjr/bt-gradient-colors/issues>.

Not affiliated with Biketerra or VeloViewer.

Change Log

1.1 — Fixed thin, dark vertical lines; reduced range from [-24%, 24%] to [-21%, 21%].
1.2 — Fixed incorrect colors for short routes.
2.0 — Added options page with customizable gradient colors, adjustable grade ranges, live preview, and cross-browser sync.
2.0.1 — Fixed elevation profile not matching original at sharp peaks.
2.0.2 — Fixed gradient color noise from Y-coordinate quantization; fixed polygons extending above elevation line; ensured all original fill colors are hidden.
3.0.0 — Major accuracy improvement: now uses full-precision route data from Biketerra API instead of reverse-engineering from SVG coordinates; adds automatic detection of forward/reverse route direction.
3.0.1 — Fixed direction detection for symmetrical start/finish routes; updated to new Biketerra API endpoint.
3.1.0 — Made the chart scale toggle keyboard shortcut configurable via the options page.
3.1.1 — Updated to new Biketerra API data format, with fallback for compatibility.
3.1.2 — Fixed race condition where Biketerra could overwrite the GRADE circle color.
3.1.3 — Eliminated GRADE circle color flash with early CSS injection.

Biketerra Gradient Colors enhances your Biketerra experience by replacing the default elevation graph colors with a comprehensive gradient color scheme inspired by Veloviewer. See climbing and descending difficulty at a glance with a wider color spectrum on elevation profiles.

KEY FEATURES

• Dynamic Elevation Graphs - Automatically recolors elevation profile SVGs with gradient-based colors
• Grade Indicators - Updates the GRADE stat circle with matching gradient colors
• Keyboard Shortcut - Press a key to toggle the elevation panel between global and local zoom (default 'G', configurable)
• Customizable Colors - Options page with color pickers for all 7 gradient color stops
• Adjustable Grade Range - Configure the grade percentage per color band (default 7%)
• Live Preview - Real-time gradient preview as you adjust settings
• Cross-Browser Sync - Settings sync across all your Chrome browsers

GRADIENT COLOR SYSTEM

Climbing (positive grades):
• Green → Yellow: 0-7% grade
• Yellow → Red: 7-14% grade
• Red → Maroon: 14-21% grade

Descending (negative grades):
• Green → Cyan: 0-7% grade
• Cyan → Blue: 7-14% grade
• Blue → Purple: 14-21% grade

HOW TO USE

1. Ride or spectate on Biketerra.com
2. The elevation profile will automatically be recolored with gradient colors
3. The GRADE indicator circle will display the appropriate gradient color
4. Press 'G' (or your configured key) to toggle elevation zoom modes
5. Right-click the extension icon and select "Options" to customize colors, grade ranges, and keyboard shortcut

This extension works automatically when riding or spectating on Biketerra. Optionally customize the gradient colors, grade ranges, and keyboard shortcut via the extension options page.

Source code is available at <https://github.com/jsmattsonjr/bt-gradient-colors>.

Please report any issues via <https://github.com/jsmattsonjr/bt-gradient-colors/issues>.

Not affiliated with Biketerra or VeloViewer.

Change Log

1.1 — Fixed thin, dark vertical lines; reduced range from [-24%, 24%] to [-21%, 21%].
1.2 — Fixed incorrect colors for short routes.
2.0 — Added options page with customizable gradient colors, adjustable grade ranges, live preview, and cross-browser sync.
2.0.1 — Fixed elevation profile not matching original at sharp peaks.
2.0.2 — Fixed gradient color noise from Y-coordinate quantization; fixed polygons extending above elevation line; ensured all original fill colors are hidden.
3.0.0 — Major accuracy improvement: now uses full-precision route data from Biketerra API instead of reverse-engineering from SVG coordinates; adds automatic detection of forward/reverse route direction.
3.0.1 — Fixed direction detection for symmetrical start/finish routes; updated to different Biketerra API endpoint.
3.1.0 — Made the chart scale toggle keyboard shortcut configurable via the options page.
3.1.1 — Updated to new Biketerra API data format, with fallback for compatibility.
3.1.2 — Fixed race condition where Biketerra could overwrite the GRADE circle color.
3.1.3 — Eliminated GRADE circle color flash with early CSS injection.
3.2.0 — Switched to higher-precision route geometry from new Biketerra API endpoint (~2× more elevation points for smoother gradient transitions).
3.2.1 — Updated selectors to match Biketerra's new elevation chart markup.

Permissions & access

Permissions: storage
Host access: https://biketerra.com/*

Screenshots

About

Biketerra Gradient Colors enhances your Biketerra experience by replacing the default elevation graph colors with a comprehensive gradient color scheme inspired by Veloviewer. See climbing and descending difficulty at a glance with a wider color spectrum on elevation profiles.

KEY FEATURES

• Dynamic Elevation Graphs - Automatically recolors elevation profile SVGs with gradient-based colors
• Grade Indicators - Updates the GRADE stat circle with matching gradient colors
• Keyboard Shortcut - Press a key to toggle the elevation panel between global and local zoom (default 'G', configurable)
• Customizable Colors - Options page with color pickers for all 7 gradient color stops
• Adjustable Grade Range - Configure the grade percentage per color band (default 7%)
• Live Preview - Real-time gradient preview as you adjust settings
• Cross-Browser Sync - Settings sync across all your Chrome browsers

GRADIENT COLOR SYSTEM

Climbing (positive grades):
• Green → Yellow: 0-7% grade
• Yellow → Red: 7-14% grade
• Red → Maroon: 14-21% grade

Descending (negative grades):
• Green → Cyan: 0-7% grade
• Cyan → Blue: 7-14% grade
• Blue → Purple: 14-21% grade

HOW TO USE

1. Ride or spectate on Biketerra.com
2. The elevation profile will automatically be recolored with gradient colors
3. The GRADE indicator circle will display the appropriate gradient color
4. Press 'G' (or your configured key) to toggle elevation zoom modes
5. Right-click the extension icon and select "Options" to customize colors, grade ranges, and keyboard shortcut

This extension works automatically when riding or spectating on Biketerra. Optionally customize the gradient colors, grade ranges, and keyboard shortcut via the extension options page.

Source code is available at <https://github.com/jsmattsonjr/bt-gradient-colors>.

Please report any issues via <https://github.com/jsmattsonjr/bt-gradient-colors/issues>.

Not affiliated with Biketerra or VeloViewer.

Change Log

1.1 — Fixed thin, dark vertical lines; reduced range from [-24%, 24%] to [-21%, 21%].
1.2 — Fixed incorrect colors for short routes.
2.0 — Added options page with customizable gradient colors, adjustable grade ranges, live preview, and cross-browser sync.
2.0.1 — Fixed elevation profile not matching original at sharp peaks.
2.0.2 — Fixed gradient color noise from Y-coordinate quantization; fixed polygons extending above elevation line; ensured all original fill colors are hidden.
3.0.0 — Major accuracy improvement: now uses full-precision route data from Biketerra API instead of reverse-engineering from SVG coordinates; adds automatic detection of forward/reverse route direction.
3.0.1 — Fixed direction detection for symmetrical start/finish routes; updated to different Biketerra API endpoint.
3.1.0 — Made the chart scale toggle keyboard shortcut configurable via the options page.
3.1.1 — Updated to new Biketerra API data format, with fallback for compatibility.
3.1.2 — Fixed race condition where Biketerra could overwrite the GRADE circle color.
3.1.3 — Eliminated GRADE circle color flash with early CSS injection.
3.2.0 — Switched to higher-precision route geometry from new Biketerra API endpoint (~2× more elevation points for smoother gradient transitions).
3.2.1 — Updated selectors to match Biketerra's new elevation chart markup.