shapez.io icon indicating copy to clipboard operation
shapez.io copied to clipboard

Apply Dark Theme Color-invert to Main Menu Top Buttons

Open fractile81 opened this issue 4 years ago • 2 comments
trafficstars

Pulled the language button's color out of border and into a local variable so that can be inverted instead of the whole button. Applied "invert" filter for other top buttons.

fractile81 avatar Dec 31 '20 12:12 fractile81

Nice, will have a look soon!

tobspr avatar Jan 02 '21 09:01 tobspr

This change seems to work correctly: Light Theme Dark Theme However, it might be even better to just invert the variable before it gets used, and specify it as background-color too:

$languageBorderColor: #222428;
@include DarkThemeOverride {
    $languageBorderColor: invert($languageBorderColor);
}
// ...
border: solid $languageBorderColor;
background-color: $languageBorderColor !important;

The scope of this change is Main Menu state, so there should be no regressions.

dengr1065 avatar May 29 '22 13:05 dengr1065