Biketerra Gradient Colors

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. 3.2.2 — Updated to Biketerra's new route data serialization format. 3.2.3 — Fixed the recoloring never starting when the route menu is closed; the route ID now comes from the page's own route data request. 3.2.4 — Quieter console output: lines are timestamped like Biketerra's own and reduced to a route summary, the detected chart direction, and errors.