Skip to content
This repository has been archived by the owner on Jun 23, 2021. It is now read-only.

Sass variable usage #22

Open
Chi-Yu opened this issue Feb 19, 2020 · 1 comment
Open

Sass variable usage #22

Chi-Yu opened this issue Feb 19, 2020 · 1 comment

Comments

@Chi-Yu
Copy link

Chi-Yu commented Feb 19, 2020

While trying to use this theme as the basis for my own variant, I came across a rather annoying issue: abuse of variables.

Example:

QCheckBox::indicator:focus:hover,
QTreeView::indicator:focus:hover,
QRadioButton::indicator:focus:hover,
QComboBox:focus:hover
{
	background-color:$button-focus-hover-bg;
	border-color:$button-focus-hover-border;
}

The naming suggests that $button-* variables are used for buttons, but they are used for many other components as well.

This leads to a situation where changing the appearance of buttons affects a dozen other elements in not predictable ways and I have to override a ton of style definitions if I follow the suggestion to not modify Base Theme.scss.

This is especially annoying since the design I'm trying to build uses a highlight color for buttons and that highlight color pops up in a dozen other places which are not supposed to be highlighted.

I'd suggest to stop using $button-* variables for anything other than buttons and introduce corresponding $input-* variables instead so the design is basically split into "buttons" and "all other input elements" just like many of today's CSS frameworks do.

@xpoke
Copy link

xpoke commented Mar 17, 2020

I absolutely agree -
This theme was made as a personal project and not all (and many) parts of it were done incorrectly - and this is one of them. Sorry for the confusion and I hope a future version can fix it (though it might break current variants).

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants