New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

enhancement: Code snippets should follow global theme settings #4219

Open

imtuyethan opened this issue Dec 4, 2024 · 0 comments

Assignees

Labels

category: threads & chat type: enhancement

Contributor

imtuyethan commented Dec 4, 2024

Problem

https://discord.com/channels/1107178041848909847/1110389363809976361/1313801151430262844

Currently, code snippets in Jan are locked to dark theme regardless of the user's global theme preference. This creates inconsistency in the UI and can cause eye strain for users who prefer light theme, forcing them to switch their entire UI to dark mode just for code readability.

Request

The code snippet component should:

Automatically adjust its theme (light/dark) based on the user's global theme setting
Maintain proper syntax highlighting and readability in both themes
Update dynamically when the user switches themes
Ensure consistent styling with the rest of the UI

Design

Light mode: https://www.figma.com/design/DYfpMhf8qiSReKvYooBgDV/Jan-App-(3rd-version)?node-id=672-18796&m=dev

Dark mode: https://www.figma.com/design/DYfpMhf8qiSReKvYooBgDV/Jan-App-(3rd-version)?node-id=2426-206327&m=dev

github-project-automation bot added this to Jan & Cortex

github-project-automation bot moved this to Investigating in Jan & Cortex

imtuyethan assigned urmauur

imtuyethan moved this from Investigating to Scheduled in Jan & Cortex

imtuyethan added type: enhancement category: threads & chat labels

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment