Delta Web SkyMiles Balance Badge

WHAT IT DOES

Delta Web SkyMiles Balance Badge reads your SkyMiles balance and status from your Delta account and displays a floating miles badge on all pages. The badge shows your current SkyMiles balance with color coding—blue for normal balances and gold for balances over 100,000 miles. Your Medallion tier status (Silver, Gold, Platinum, or Diamond) is displayed below the balance. A milestone indicator shows the miles needed to reach the next reward milestone (25,000, 50,000, 75,000, 100,000, etc.). When you are within 5,000 miles of a milestone, a desktop notification is triggered. The extension tracks miles history per month, storing each balance change with a timestamp. The panel displays your current month's miles history and changes over time.

WHERE IT RUNS

This extension works on all Delta pages at delta.com and its subdomains, specifically on account pages where SkyMiles balance and tier status are displayed. It runs on the main account page, the SkyMiles dashboard, the profile page, and any page displaying miles information. The extension operates entirely within your browser and does not access Delta's servers directly—it reads only what is visible on the page you are viewing. It works alongside the free BotGentz extension, which provides the necessary scripting environment.

HOW TO USE

Install the extension, then navigate to delta.com and log in to your account. The extension automatically creates a floating SkyMiles balance badge on the page. Click the extension's icon in your browser toolbar to open the settings panel. Use the "Show Overlay" / "Hide Overlay" button to toggle the badge visibility. The badge shows your miles balance, tier, and milestone progress. Use the "Refresh" button to manually update the badge with the latest miles information. The "Show tier status" toggle controls whether the Medallion tier appears. The "Milestone notifications" toggle controls desktop notifications when you are close to a reward milestone. Adjust the overlay transparency using the opacity dropdown (70%, 82%, 92%, or 100%). Drag the badge by clicking and holding anywhere inside it. Resize it by dragging the bottom-right corner. Close the badge with the × button.

SKYMILES EXTRACTION WITH TIER DETECTION AND MILESTONE CALCULATION

Unlike simple balance display tools, this extension uses a multi-selector extraction engine to find miles balance and tier status from Delta's varying page structures. It searches for miles balance using multiple selector patterns (.skymiles-balance, .miles-balance, .balance-amount) and falls back to text parsing with number extraction. Tier information is extracted using tier selector patterns and displayed with a medal icon. The milestone calculator uses common Delta reward milestones (25,000, 50,000, 75,000, 100,000, 125,000, 150,000, 200,000, 250,000, 300,000, 400,000, 500,000) and finds the next milestone above the current balance. The miles-to-next value is displayed on the badge. Monthly miles history is stored as a key-value object where keys are year-month strings and values are arrays of miles records with timestamps, limited to 20 entries per month.

THE PANEL

The panel supports drag-to-move anywhere on the page. It remembers its position per site, so it stays where you placed it on delta.com. Click the panel header to collapse it down to just the minimized bubble, or click the expand handle to show the full panel. The panel can be resized by dragging the bottom-right corner. Press the Escape key to close the expanded panel and return to the minimized state. All panel settings, including position, size, collapsed state, opacity, tier visibility, notification preference, and monthly miles history, are saved per site and persist across browsing sessions.

PLEASE NOTE

This extension requires the free BotGentz extension to be installed and active, as it provides the underlying DOM injection and script execution environment. Delta's website changes periodically, and SkyMiles element structures, class names, and page layouts may be updated. When that happens, the extension may stop detecting miles data until an update is released. The extension stores your overlay position, size, opacity, visibility, tier visibility, notification preference, and monthly miles history locally in your browser's storage using GM_setValue. Miles history is stored as a key-value object where keys are year-month strings and values are arrays of miles records. The miles balance displayed is read from the page—the extension does not access Delta's internal miles data. Always verify with Delta directly for the most accurate SkyMiles information. No data is ever sent to any server, and no personal information is collected. You can clear all stored settings at any time by clearing your browser data for delta.com.