makeitcount / makeitcount/saas-express-starter-kit

Themes : Customize element styles

Open
#48 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

enhancement
Dominant language
JavaScript
Stars
55
Forks
13
PR merge metrics
No merged PRs in 30d

Description

For now, we use no CSS at all, but real world application wouldn't do that. We did that to make sure we do not make any opinions on the design because we expect that the end user is going to change the design to match their brand and choice anyway. So changing an already opinionated design system will be harder than to start from element without any design at all. But how can we even make this work easier?

Answer: Provide a sample css theme that can be dropped in public/stylesheets folder and that should automatically change the design for the whole app. We still adhere to the rule that we don't add any opinion about the design elsewhere in the code (i.e. no element styles in html inline, no reference to any other external css.

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the public/stylesheets folder and determine how a stylesheet placed there can be loaded automatically. Done means a sample CSS theme changes the design across the whole app without inline element styles or references to external CSS.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
38/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.