CRITICAL: Deprecated Sass lighten() function causing build warnings in community.scss
Nobody has claimed this yet.
Assessment
- Difficulty
- 1/5
- Estimated time
- Under an hour
- Newbie friendliness
- 20/100
- Issue type
- Bug
- Clarity
- Clearly specified
- Activity status
- Stale
- Tech stack
- sass
- Domain
- build-system, frontend
Research direction
Review community.scss around line 105 and the existing PR #3558, which contains the reported fix. Verify the deprecation warning is addressed and that the community page still looks and works as described.
Written by the indexing model from the issue text.
Description
Hey everyone,
I noticed that every time the dev server starts, the build output throws
this deprecation warning:
DEPRECATION WARNING [color-functions]: lighten() is deprecated.
Suggestions:
color.scale($color, $lightness: 30%)
color.adjust($color, $lightness: 30%)
This is coming from community.scss line 105 where lighten(black, 30%)
is used. The lighten() function is being removed entirely in Dart Sass
3.0.0, which means this will break the build when that version drops.
I've put together a fix in PR #3558—it's a small two-line change that
adds the sass:color module and replaces lighten() it with the modern color.adjust()` equivalent. The community page looks and works exactly
the same after the fix.
Worth noting there are similar `@import "deprecation warnings across
several other scss files too—happy to work on those as a follow-up if
That would be helpful.
Cheers!
- Dominant language
- TypeScript
- Stars
- 2.6k
- Forks
- 1.5k
- Avg merge
- 2d 12h
- Merged PRs (30d)
- 8
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 microsoft/TypeScript-Website
-
Difficulty 1/5 Under an hour Newbie friendliness 88/100
microsoft/TypeScript-Website#3611 ·
-
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
microsoft/TypeScript-Website#3607 ·
-
Difficulty 1/5 Under an hour Newbie friendliness 65/100
microsoft/TypeScript-Website#3039 ·
-
Difficulty 2/5 1-3 hours Newbie friendliness 65/100
microsoft/TypeScript-Website#2998 ·
-
Difficulty 3/5 1-2 days Newbie friendliness 68/100
microsoft/TypeScript-Website#3614 ·
All issues in microsoft/TypeScript-Website
Similar issues
-
Difficulty 2/5 1-3 hours Newbie friendliness 75/100
safetrustcr/dApp-SafeTrust#426 ·
-
area:workflow bug ready-for-agent
Difficulty 2/5 1-3 hours Newbie friendliness 75/100
fil-donadoni/tolaria#4409 ·
-
Difficulty 2/5 1-3 hours Newbie friendliness 70/100
Fission-AI/OpenSpec#1960 ·
-
Add dependabot Open
Difficulty 2/5 1-3 hours Newbie friendliness 70/100
-
Difficulty 2/5 1-3 hours Newbie friendliness 75/100
corsairdev/corsair#1764 ·