Some minor tweaks to dark theme (needs feedback/thoughts).
Luminosity
Replaced a number of tint/shade calls to use lighten/darken instead. Assumption is based on wanting to lighten colors, but not necessarily shift the hue or prematurely desaturate them (https://polished.js.org/docs/#tint)
Font saturation/hue
Switched up greys and whites to mix in the hue of the canvas - this should leave (particularly dark) greys/whites looking softer against the canvas.
Before
After
Background color
Kept the hue the same but pulled back the saturation and lightness - should make the purple contrast better against the BG
Before
After
Event filter tags
Added background to make "tag" appearance more obvious
Before
After
One other thought
Haven't made this change but I'm thinking the panel headings are quite bright relative to the rest of the devtools.
Some minor tweaks to dark theme (needs feedback/thoughts).
Luminosity
Replaced a number of
tint/shadecalls to uselighten/darkeninstead. Assumption is based on wanting to lighten colors, but not necessarily shift the hue or prematurely desaturate them (https://polished.js.org/docs/#tint)Font saturation/hue
Switched up greys and whites to mix in the hue of the canvas - this should leave (particularly dark) greys/whites looking softer against the canvas.
Before
After
Background color
Kept the hue the same but pulled back the saturation and lightness - should make the purple contrast better against the BG
Before
After
Event filter tags
Added background to make "tag" appearance more obvious
Before
After
One other thought
Haven't made this change but I'm thinking the panel headings are quite bright relative to the rest of the devtools.
Before
After