Kick Chat Font Size Adjuster

WHAT IT DOES

Kick Chat Font Size Adjuster gives you full control over the appearance of Kick.com chat messages. It detects the chat interface and injects a font size slider that lets you adjust text size from 8px to 32px in real-time—messages update instantly as you slide. Beyond font size, you can also control line height (1.0 to 2.5) for better readability, background opacity (0% to 100%) for chat message contrast, and message spacing (0px to 20px) to reduce or increase the gap between messages. Your preferences are saved per site using GM_setValue, so your settings persist across sessions. This is perfect for users who find the default chat text too small, too large, or just want a more personalized viewing experience.

WHERE IT RUNS

This script runs exclusively on Kick.com pages (*.kick.com/*). It operates entirely within your browser tab, reading the page's DOM to locate chat containers and message elements. The script cannot access other tabs, your browsing history, bookmarks, downloads, or any data outside the current page. All settings—including font size, line height, background opacity, message spacing, username inclusion, and auto-apply preference—are stored locally using GM_setValue and never transmitted anywhere.

HOW TO USE

After installing with the BotGentz extension, the script automatically applies your preferred chat settings to Kick.com pages (if auto-apply is enabled). Use the panel to adjust each setting with intuitive sliders: Font Size (8-32px) controls message text size, Line Height (1.0-2.5) controls spacing between lines, Background Opacity (0-100%) controls the dark overlay behind messages, and Message Spacing (0-20px) controls gaps between messages. Toggle "Include Usernames in Resizing" to apply the font size to usernames as well as message text. Click "Refresh Chat Styles" to reapply your settings after the chat updates dynamically. The panel also includes a "Reset to Defaults" button to restore all settings to their original values. Changes apply instantly with no page refresh needed.

THE REAL MECHANISM

The script detects Kick's chat interface by scanning for common chat container selectors (.chat-messages, .chat-container, .messages-container) and message element classes (.message, .chat-message, .message-item). It creates a CSS style element that targets all message elements with !important overrides for font-size, line-height, margin-bottom, and background properties. The background opacity is applied as a semi-transparent black overlay with a calculated alpha value, with padding and border-radius added for a subtle card effect. For dynamic chat updates, a MutationObserver watches the chat container for new message nodes and reapplies the styles within 300ms of detecting new content. The font size slider uses the input event for real-time updates, and the values are saved to GM_setValue on each change. All DOM manipulation uses safe methods with no innerHTML from untrusted content.

THE PANEL

The Chat Font Adjuster panel is a BGPanel component that you can drag anywhere on your screen by its header. It snaps to the nearest edge when released, keeping your workspace organized. The panel collapses to a small bubble showing only the emoji icon when minimised—click to expand it again. You can resize the panel horizontally to see more of the settings. Press the Escape key to collapse the panel instantly. Your panel position and size are saved per-site.

PLEASE NOTE

This script requires the free BotGentz browser extension to function. Kick.com frequently updates its UI, which may change class names, data-testid attributes, and DOM structure—the script may require updates to maintain compatibility. The chat detection relies on the presence of chat elements on the page; if the chat is not loaded or is in a different layout, the script may not detect it immediately. The background opacity setting applies a dark overlay to message elements; this works best when the chat has a dark theme. The script never reads or writes password fields, hidden inputs, or file inputs. It stores only your font size, line height, background opacity, message spacing, username inclusion preference, and auto-apply preference locally. No chat data, user information, or personal information is ever collected, transmitted, or shared.