Decoration style "Spotlight" hides text when dark background

Open Beginner friendly
#312 0 comments 0 reactions 0 assignees View on GitHub

Maintainers usually reply within 2 days

Nobody has claimed this yet.

Assessment

Difficulty
2/5
Estimated time
1-3 hours
Newbie friendliness
72/100
Issue type
Bug
Clarity
Mostly clear
Activity status
Active
Tech stack
dart, flutter, scss
Domain
frontend

Research direction

Start with flutter_readium/assets/_helper_scripts/src/FlutterReadiumTools.scss at line 162, where the issue identifies the hard-coded dimming color. Trace how DecorationStyle.spotlight applies that color and check how it behaves on dark backgrounds. Done means the set text color remains readable when dimmed against a dark background.

Written by the indexing model from the issue text.

Description

Description

When the background color is dark, it's hard to see the DecorationStyle.spotlight dimmed text color. It seems the color is hard coded as rgba(0, 0, 0, 0.22) in flutter_readium/assets/_helper_scripts/src/FlutterReadiumTools.scss:162.

Image Image

Expectation

That the set text color should be dimmed.

Dominant language
Dart
Stars
35
Forks
19
Avg merge
3d 10h
Merged PRs (30d)
37

Getting set up

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.

More from Notalib/flutter_readium

All issues in Notalib/flutter_readium

Similar issues

More Dart issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.