Introduce FrostyColors ThemeExtension with 7 semantic color fields (highlightedMessage, emoteOnly, followersOnly, slowMode, subOnly, uniqueMode, overlayOnSurface) and brightness-aware light/dark variants. Replace hardcoded colors across 15 files: - Links use colorScheme.primary instead of Colors.blue - Mentions use colorScheme.error instead of Colors.red - First-time chatters share highlightedMessage (Twitch purple) - Chat mode indicators use frostyColors fields - Overlay text uses frostyColors.overlayOnSurface Remove Provider<FrostyThemes> pattern from main.dart, channel.dart, video_overlay.dart, and frosty_photo_view_dialog.dart. Replace manual onSurface.withValues(alpha: 0.6) with M3's built-in onSurfaceVariant for secondary text in section headers, chat modes, alerts, loading indicators, and input hints. Fix double-muted onSurfaceVariant.withValues(alpha: 0.6) in navigation icons and notification dismiss button. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> |
||
|---|---|---|
| .claude | ||
| .github | ||
| android | ||
| assets | ||
| ios | ||
| lib | ||
| test | ||
| web | ||
| .gitignore | ||
| .mcp.json | ||
| .metadata | ||
| AGENTS.md | ||
| analysis_options.yaml | ||
| firebase.json | ||
| LICENSE | ||
| pubspec.lock | ||
| pubspec.yaml | ||
| README.md | ||
Download
Why
The official Twitch mobile app doesn't support emotes from 7TV, BetterTTV (BTTV), and FrankerFaceZ (FFZ) — third-party extensions for Twitch used by millions. As a result, only emote text names are rendered rather than their actual image or GIF, making the chat unreadable in many channels.
Features
- Support for 7TV, BetterTTV, and FrankerFaceZ emotes and badges
- Browse followed streams, top streams, and top categories
- Autocomplete for emotes and user mentions
- Light, dark, and black (OLED) themes
- Search for channels and categories
- See and filter chatters in a channel
- Local chat user message history
- Theater and fullscreen mode
- Watch live streams with chat
- Picture-in-picture mode
- Block and report users
- Emote menu
- Sleep timer
- And more...
For a more detailed overview, visit frostyapp.io.
Development setup
-
Clone this repo (e.g.,
git clone https://github.com/tommyxchow/frosty.git). -
Go to the Twitch dev console and register a new application to retrieve a Client ID and Client Secret.
-
Use
--dart-defineto set theclientIdandsecretenvironment variables with your Client ID and Client Secret. -
Run
flutter pub getto fetch all the dependencies. -
Choose an emulator or device and run the app!
Important
Frosty uses MobX for state management. Please refer to the documentation about code generation, otherwise your changes within MobX stores may not be applied.
Donate
If you appreciate my work and would like to donate/tip, you can through:
Otherwise, downloading Frosty, leaving a review, or starring this repository is more than enough to show support. Thank you!
License
Frosty is licensed under AGPL-3.0-or-later.