Closed bennypowers closed 2 years ago
Cheers Benny!
From the beginning I've wanted to make the devtools styling match how other devtools look like, while not creating separate styles per browser.
But this kind of improvement is well welcome in this, and especially since it'll be done with css variables.
As you said yourself, compile a different bundle for ff, but that's :sad-face:
is something that we want to avoid, so I'm all up for creating the styles with css variables with chrome fallbacks :)
I'll look into this a bit and will gladly give some pointers as soon as I've gotten my refactor done
An implementation of dark mode is shipping with 0.1.11.
Chrome doesn't have that much of a easy time to access the variables as the instances run in iframes. I'll do some further research on custom styling in v.1.12, but I'll close this for now :)
Which browser are you using?
FireFox
Is your feature request related to a problem? Please describe.
--theme-toolbar-hover
for the main toolbar tabs.Describe the solution you'd like I haven't looked into the chrome side, but i suggest defining colours in terms of firefox vars with chrome fallbacks, e.g.
Describe alternatives you've considered compile a different bundle for ff, but that's :sad-face:
Additional context inspecting FF devtools' styles is easy, just launch ff on any page, open dev tools, then hit ⌘-⇧-⌥-i
note the default sans-serif font