Custom Windows System schemes make console unusable

[DanRathbun]

Custom Windows System schemes make console unusable.

Screenshot of console (v3.0.1) on Win7 with custom high contrast charcoal scheme:

[Aerilius]

The icons have been purposely not set to very dark colors so that they should be distinguishable from black background. I see that fails if the background is a similar gray.

It's probably not trivial to make images flip color (in contrast to fonts), unless I encode them in icon fonts, which will probably break on legacy systems that don't support webfonts.

[Aerilius]

Does commit 5dc2b6b55aafa11db20b3f2f167202f2c978aab7 in branch issue-dark-themes improve the situation?

[DanRathbun]

The manually downloaded master (v3.0.2) looks the same.

The best thing going forward would be to have a "themes" folder and beneath that separate named theme folders that have the css and images files in them. Along with a way for user to set the theme. Then people could contribute theme folders to the project.

[Aerilius]

That branch is not in a release, only in the source repository.

Hmm, so far there were not yet a lot of people requesting this to justify themeability as a feature, but I'll wait and see. For now, I don't have a problem with users just overwriting the icon resources in the images folder. Or adding in the css file .toolbar button img { filter: brightness(+200%); }. But I cannot detect the actual color values of the OS theme, I cannot flip such a filter programmatically.

[DanRathbun]

Hmm, so far there were not yet a lot of people requesting this to justify themeability as a feature, but I'll wait and see.

Yeah, well it looks like I'm leaving SketchUp plugin development behind, so it will not affect me going forward.

[DanRathbun]

But I cannot detect the actual color values of the OS theme ...

https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Examples#Example_6:_getComputedStyle ?

https://developer.mozilla.org/en-US/docs/Web/API/CSS_Object_Model/Using_dynamic_styling_information

Or adding in the css file .toolbar button img { filter: brightness(+200%); } ... I cannot flip such a filter programmatically.

rules = document.styleSheets[0].cssRules
for (var i = 0; i < rules.length-1; i++) { 
    if (rules[i].selectorText == ".toolbar button img") {
        rules[i].style.setProperty("filter", "brightness(100%)");  
        break;
    }
}

?