Dark Mode for Groq Desktop

Harry · October 14, 2025, 12:09am

Dark Mode for Groq Desktop:

yawnxyz · October 14, 2025, 1:52am

lmao ok we’ll add dark mode

yawnxyz · October 14, 2025, 4:24pm

wait here’s a better idea, you can make a PR and I’ll review and accept it GitHub - groq/groq-desktop-beta: Local Groq Desktop chat app with MCP support

Harry · October 14, 2025, 6:02pm

Submitted a draft PR!

github.com/groq/groq-desktop-beta

Dark Mode

main ← harrychaklader:main

opened 06:01PM - 14 Oct 25 UTC

harrychaklader

+26 -26

## 🌙 Dark Mode Implementation This PR implements a comprehensive dark mode fo…r the Groq Desktop application, transforming all components to use a consistent, professional dark theme. ### ✨ Changes Made #### Core Theme Activation - Added `dark` class to HTML root and body elements in `index.html` - Leverages existing CSS custom properties for seamless theme switching #### Component Updates - **Message.jsx**: Replaced hardcoded grays (`bg-gray-200`, `text-black`) with theme-aware classes (`bg-muted`, `text-foreground`) - **ToolApprovalModal.jsx**: Updated to use `bg-card` and `border-border` for consistent theming - **LogViewerModal.jsx**: Converted to use proper theme variables for dark backgrounds - **MarkdownRenderer.jsx**: Fixed table headers to use `bg-muted` - **PopupPage.jsx**: Updated backgrounds from hardcoded whites to `bg-background/95` #### Design System - Preserves Groq's signature orange branding (`hsl(9, 90%, 59%)`) as primary accent - Uses consistent dark blue-gray background (`hsl(224, 71.4%, 4.1%)`) - Maintains excellent contrast ratios for accessibility - All UI components (buttons, inputs, cards) already supported dark mode ### 🎯 Benefits - Professional, modern dark interface - Reduced eye strain in low-light environments - Consistent with user expectations for desktop applications - Maintains brand identity while improving UX ### 🧪 Testing The dark mode has been implemented using Tailwind's theme system with CSS custom properties, ensuring consistency across all components. All existing functionality remains intact.

yawnxyz · October 14, 2025, 6:05pm

you’re a beast!!!

Topic		Replies	Views
Welcome to the new Groq Community! Announcements	1	32	April 25, 2025
👋 Hey Groq Community! Forum	3	18	June 13, 2025
Groq Python SDK Support for Responses API Feature Requests	4	52	August 12, 2025
Hi dev community! The Groq team is looking for your input on console.groq.com Feature Requests	6	123	November 7, 2025
About the Announcements category Announcements	0	21	July 30, 2025

Dark Mode for Groq Desktop

Related topics