feat(FR-1580): Implement custom theme preview mode feature #4653
+341
−35
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
github-actions
bot
added
area:ux
Contributor
Author
How to use the Graphite Merge QueueAdd either label to this PR to merge it via the merge queue:
You must have a Graphite account in order to use the merge queue. Sign up using this link. An organization admin has required the Graphite Merge Queue in this repository. Please do not merge from GitHub as this will restart CI on PRs being processed by the merge queue. This stack of pull requests is managed by Graphite. Learn more about stacking. |
5 tasks
Coverage report for
|
St.❔ |
Category | Percentage | Covered / Total |
|---|---|---|---|
| 🔴 | Statements | 4.43% | 517/11670 |
| 🔴 | Branches | 3.59% | 297/8268 |
| 🔴 | Functions | 2.58% | 92/3571 |
| 🔴 | Lines | 4.41% | 503/11415 |
Test suite run success
118 tests passing in 13 suites.
Report generated by 🧪jest coverage report action from 5b5dda8
agatha197
requested changes
Nov 18, 2025
ironAiken2
changed the base branch from
feat/theme-customization-in-user-settings
to
graphite-base/4653
ironAiken2
force-pushed
the
feat/FR-1580-implement-custom-theme-preview-mode-feature
branch
from
fca5d13 to
7f543fb
Compare
ironAiken2
force-pushed
the
graphite-base/4653
branch
from
23bb3ca to
983d66d
Compare
ironAiken2
changed the base branch from
graphite-base/4653
to
feat/theme-customization-in-user-settings
ironAiken2
force-pushed
the
feat/FR-1580-implement-custom-theme-preview-mode-feature
branch
from
7f543fb to
31a4b01
Compare
ironAiken2
force-pushed
the
feat/theme-customization-in-user-settings
branch
from
983d66d to
ebff6b8
Compare
ironAiken2
force-pushed
the
feat/FR-1580-implement-custom-theme-preview-mode-feature
branch
from
31a4b01 to
cdd7a2d
Compare
ironAiken2
force-pushed
the
feat/theme-customization-in-user-settings
branch
from
ebff6b8 to
d3de3b8
Compare
nowgnuesLee
requested changes
Nov 19, 2025
ironAiken2
force-pushed
the
feat/theme-customization-in-user-settings
branch
from
d3de3b8 to
1510583
Compare
ironAiken2
force-pushed
the
feat/FR-1580-implement-custom-theme-preview-mode-feature
branch
from
cdd7a2d to
722c67a
Compare
ironAiken2
force-pushed
the
feat/FR-1580-implement-custom-theme-preview-mode-feature
branch
from
722c67a to
90e9244
Compare
ironAiken2
force-pushed
the
feat/FR-1580-implement-custom-theme-preview-mode-feature
branch
from
90e9244 to
8dc01df
Compare
ironAiken2
force-pushed
the
feat/theme-customization-in-user-settings
branch
from
1510583 to
39ad54d
Compare
Merge activity
|
graphite-app
bot
changed the base branch from
feat/theme-customization-in-user-settings
to
graphite-base/4653
ironAiken2
force-pushed
the
feat/FR-1580-implement-custom-theme-preview-mode-feature
branch
from
8dc01df to
c82c461
Compare
### Add Theme Preview Mode and Export Functionality Adds functionality for users to directly change the theme of the WebUI. Since the API for saving settings is not yet supported, currently only extraction to a JSON-formatted file is possible. Theme settings support a preview window; if the preview page is open, changing values in the origin window automatically applies them to the preview window. This PR enhances the theme customization experience by adding: 1. A theme preview mode that allows users to see their theme changes in a new window without affecting their current session 2. The ability to export custom theme configurations as JSON files 3. Warning alerts to inform users about theme preview mode and application process The implementation includes: - A new "Preview" button that opens a new window with the custom theme applied - An "Export JSON" button to download the current theme configuration - A warning alert explaining that theme changes require support team assistance to apply - A notification banner that appears when in preview mode - Session storage management to track preview mode state - Event listeners to automatically refresh preview windows when theme settings change [Screen Recording 2025-11-17 at 5.07.41 PM.mov <span class="graphite__hidden">(uploaded via Graphite)</span> <img class="graphite__hidden" src="https://app.graphite.com/user-attachments/thumbnails/610104d6-130d-4392-a7f1-f3c67d1cdc1b.mov" />](https://app.graphite.com/user-attachments/video/610104d6-130d-4392-a7f1-f3c67d1cdc1b.mov) **Checklist:** - [ ] Documentation - [ ] Minium required manager version - [ ] Specific setting for review (eg., KB link, endpoint or how to setup) - [ ] Minimum requirements to check during review - [ ] Test case(s) to demonstrate the difference of before/after
graphite-app
bot
force-pushed
the
feat/FR-1580-implement-custom-theme-preview-mode-feature
branch
from
c82c461 to
5b5dda8
Compare
graphite-app
bot
deleted the
feat/FR-1580-implement-custom-theme-preview-mode-feature
branch
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Add Theme Preview Mode and Export Functionality
Adds functionality for users to directly change the theme of the WebUI. Since the API for saving settings is not yet supported, currently only extraction to a JSON-formatted file is possible. Theme settings support a preview window; if the preview page is open, changing values in the origin window automatically applies them to the preview window.
This PR enhances the theme customization experience by adding:
The implementation includes:
Screen Recording 2025-11-17 at 5.07.41 PM.mov (uploaded via Graphite)
Checklist: