I'm not familiar enough with the code-base to tell if this is actually what's happening, or if it just looks like what's happening, but if it is what's happening, this might make it difficult to individually adjust the stylings of different UI elements. I tried fiddling around with the styling to see if I could try to play around with some of these hex values myself, and it appears that this darktheme is achieved by literally inverting the colors with filter: invert(1), and the color provided by. As we can see, dark-theme codeblocks contrast with the background way more than light-theme codeblocks do - just over three times more, in fact. I've just used GIMP's color-picker to pick out these hex values, so it's likely that the actual in-code values are different.įor the light-theme codeblocks, the difference is #ffffff – #f7f7f7 = 0x80808. In the below screenshots, I've put the hex color values of the different UI elements for dark-theme and for light-theme. This lends the sense that light-theme code blocks "belong" more with their surroundings than dar-theme ones. While there is contrast in the light-theme code-block background and the light-theme message background, it's not nearly as much. This is an issue that does not seem to be shared by light-theme. That's because you've removed one of the main contrasting elements. This is actually what helped lead me to the conclusion that the contrast was the problem - the sidebars are the lightest element in the UI when using darktheme, and when you remove those, it's harder to see the negative affect. One interesting element is that this problem seems less obvious when presented without the full context of the UI: If you're not following, I feel this is made more obvious when there are lighter elements on the screen, such as when hovering over the codeblock: More so, the codeblocks themselves seem almost alien against the background - like they really don't belong there. Here are a few screenshots demonstrating what I mean.Īs you can see from the above screenshot, the syntax highlighting in the codeblocks is fighting for the attention of the viewer, and almost seems to shimmer due to the stark contrast against the codeblock's dark background. I think this off-ness is rooted in the contrast between the background of the code-block, and the background of the message. I think this is most obvious when hovering over the codeblock, but still noticably not great when just looking at them. This is totally a subjective thing, but I find the background coloring of the code blocks in darktheme to be a bit off, at least when compared to the rest of the app.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. Archives
December 2022
Categories |