-
Notifications
You must be signed in to change notification settings - Fork 2
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
Conversation
:root { | ||
/* Allotment */ | ||
--focus-border: var(--violet-9); | ||
--separator-border: var(--gray-4); |
There was a problem hiding this comment.
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 && ( |
There was a problem hiding this comment.
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
There was a problem hiding this 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() |
There was a problem hiding this comment.
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
No description provided.