Skip to content
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.

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

feat: Theme switcher #32

Merged
merged 1 commit into from
Jul 16, 2024
Merged

feat: Theme switcher #32

merged 1 commit into from
Jul 16, 2024

Conversation

going-confetti
Copy link
Collaborator

No description provided.

:root {
/* Allotment */
--focus-border: var(--violet-9);
--separator-border: var(--gray-4);
Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

shades of gray didn't work in index.css and don't work here, if I had to guess, the radix color "context" is not available at this stage (for example, --violet-9 works, but --accent-9 doesn't) 🤔

>
<Drawer close={leftDrawer.close}>{leftDrawer.content}</Drawer>
</Allotment.Pane>
{leftDrawer.isOpen && (
Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

There was a visible border between the main section and the left drawer even when the drawer wasn't visible

Copy link
Member

@Llandy3d Llandy3d left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🌤️ 🌔

console.log('theme', theme)

const handleClick = () => {
window.studio.settings.toggleTheme()
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Possible future improvement: remember user's preferred theme when reopening app

@going-confetti going-confetti merged commit 4ff8131 into main Jul 16, 2024
1 check passed
@going-confetti going-confetti deleted the feat/theme-switcher branch July 16, 2024 07:48
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants