Add light theme
Nobody has claimed this yet.
Assessment
- Difficulty
- 5/5
- Estimated time
- Over a week
- Newbie friendliness
- 25/100
Research direction
Start by reviewing how the editor currently handles options such as font settings and where its existing theme styles are defined. Compare that structure with the linked SASS theming guide and determine the scope of a light theme alongside the current dark appearance. Done means the editor offers a usable light theme and the chosen theme approach is applied consistently.
Written by the indexing model from the issue text.
Description
@vasily-kirichenko has requested a light theme for the editor. Given that we already offer options like setting the font, it can be a nice addition to be able to set the theme and hopefully it's not too difficult.
There are several guides to do theming with SASS, this one proposes to use a value dictionary and then a theming mixing to generate multiple rules prefixed with the theme name like:
$themes: (
light: (
backgroundColor: #fff,
textColor: #408bbd,
),
dark: (
backgroundColor: #222,
textColor: #ddd,
),
);
// Usage
.app-container {
@include themify($themes) {
color: themed('textColor');
background-color: themed('backgroundColor');
}
}
What do you think @MangelMaxime? Should we apply this approach?
- Dominant language
- F#
- Stars
- 68
- Forks
- 36
- Avg merge
- 13h 1m
- Merged PRs (30d)
- 2
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
More from fable-compiler/repl
-
Difficulty 3/5 1-2 days Newbie friendliness 35/100
fable-compiler/repl#191 · 1 comment · 1 reaction ·
-
Difficulty 5/5 Over a week Newbie friendliness 28/100
fable-compiler/repl#185 · 1 comment ·
-
Difficulty 3/5 1-2 days Newbie friendliness 30/100
fable-compiler/repl#177 · 4 comments ·
-
Difficulty 3/5 1-2 days Newbie friendliness 35/100
fable-compiler/repl#159 · 2 comments ·
-
Difficulty 3/5 1-2 days Newbie friendliness 38/100
fable-compiler/repl#158 · 3 comments ·
All issues in fable-compiler/repl
Similar issues
-
Difficulty 2/5 1-3 hours Newbie friendliness 74/100
cds-snc/design-gc-conception#2758 ·
-
community first-timers-only good first issue hacktoberfest help wanted low hanging fruit up-for-grabs
Difficulty 1/5 Under an hour Newbie friendliness 92/100
-
Request: SumUp Opennew icon permissions in review
Difficulty 2/5 1-3 hours Newbie friendliness 72/100
simple-icons/simple-icons#15027 ·
-
area:auth FE mvp P3
Difficulty 2/5 1-3 hours Newbie friendliness 88/100
klasolsson81/jobbliggaren#1788 ·
-
enhancement
Difficulty 2/5 1-3 hours Newbie friendliness 76/100