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

Implement CSS color shades using color-mix #30160

Open
silverwind opened this issue Mar 28, 2024 · 0 comments
Open

Implement CSS color shades using color-mix #30160

silverwind opened this issue Mar 28, 2024 · 0 comments
Labels
topic/theme type/proposal The new feature has not been accepted yet but needs to be discussed first.

Comments

@silverwind
Copy link
Member

silverwind commented Mar 28, 2024

It will massively reduce the number of CSS variables. Supported in all desktop browsers since early 2023. Not yet available in Palemoon and I see that as a blocker currently, but this blocker could be relaxed later.

Blocked by: https://repo.palemoon.org/MoonchildProductions/UXP/issues/2489
Related: #19353

@silverwind silverwind added type/proposal The new feature has not been accepted yet but needs to be discussed first. topic/theme labels Mar 28, 2024
silverwind added a commit that referenced this issue Apr 10, 2024
New approach to color shades: Stem all colors off the body color
`#1b1f23` using [this](https://pinetools.com/darken-color) and
[this](https://pinetools.com/lighten-color) tool. The differences are
very subtle, but it will give a more consistent color scheme until
#30160.

<img width="1342" alt="Screenshot 2024-04-10 at 20 44 16"
src="https://github.com/go-gitea/gitea/assets/115237/75b65797-2521-46ea-91d8-d76f77b591b1">
GiteaBot pushed a commit to GiteaBot/gitea that referenced this issue Apr 10, 2024
New approach to color shades: Stem all colors off the body color
`#1b1f23` using [this](https://pinetools.com/darken-color) and
[this](https://pinetools.com/lighten-color) tool. The differences are
very subtle, but it will give a more consistent color scheme until
go-gitea#30160.

<img width="1342" alt="Screenshot 2024-04-10 at 20 44 16"
src="https://github.com/go-gitea/gitea/assets/115237/75b65797-2521-46ea-91d8-d76f77b591b1">
silverwind added a commit that referenced this issue Apr 11, 2024
Backport #30397 by @silverwind

New approach to color shades: Stem all colors off the body color
`#1b1f23` using [this](https://pinetools.com/darken-color) and
[this](https://pinetools.com/lighten-color) tool. The differences are
very subtle, but it will give a more consistent color scheme until
#30160.

<img width="1342" alt="Screenshot 2024-04-10 at 20 44 16"
src="https://github.com/go-gitea/gitea/assets/115237/75b65797-2521-46ea-91d8-d76f77b591b1">

Co-authored-by: silverwind <me@silverwind.io>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
topic/theme type/proposal The new feature has not been accepted yet but needs to be discussed first.
Projects
None yet
Development

No branches or pull requests

1 participant