Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add a style theme #105

Open
Vehmloewff opened this issue Aug 10, 2019 · 0 comments
Open

Add a style theme #105

Vehmloewff opened this issue Aug 10, 2019 · 0 comments
Labels
bits and pieces Small bug fixes and enhancements enhancement Feature request that is not a new component

Comments

@Vehmloewff
Copy link
Member

I am not sure exactly what to call this, but I think that "Style Theme" sounds good.

It's just a set of CSS vars in global.css that look like this:

:root {
	--back: #ffffff;
	--back-light: #f6fafd;
	--back-api: #eff8ff;
	--prime: #98603d;
	--second: #434346;
	--flash: #40b3ff;
	--heading: var(--second);
	--text: #444;
	--sidebar-text: rgba(255, 255, 255, 0.75);
	--border-w: 0.3rem;
	--border-r: 0.4rem;
}

Then all the other vars would be set to those variables.

Yeah, more vars such as --prime-t-10 (--prime transparent 10%) would probably be needed, but for the most part I think this would work.

Notice any problems with this idea? Have a comment?

Drop it below.

@Vehmloewff Vehmloewff added the enhancement Feature request that is not a new component label Aug 10, 2019
@Vehmloewff Vehmloewff added the bits and pieces Small bug fixes and enhancements label Sep 9, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bits and pieces Small bug fixes and enhancements enhancement Feature request that is not a new component
Projects
None yet
Development

No branches or pull requests

1 participant