From a595133b77a9964fc70c69f8bdfab0180e5963c2 Mon Sep 17 00:00:00 2001 From: Matthias Clasen Date: Tue, 4 Jun 2024 12:39:40 -0400 Subject: [PATCH] docs: Improve css color migration docs With relative colors, we can do better. --- docs/reference/gtk/migrating-4to5.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/docs/reference/gtk/migrating-4to5.md b/docs/reference/gtk/migrating-4to5.md index 2fb62cde78..1950875f3a 100644 --- a/docs/reference/gtk/migrating-4to5.md +++ b/docs/reference/gtk/migrating-4to5.md @@ -130,7 +130,7 @@ a { } b { - color: alpha(black, 0.5); + color: alpha(green, 0.6); } c { @@ -150,15 +150,15 @@ a { } b { - color: color-mix(in srgb, black, transparent 50%); + color: rgb(from green, r g b / calc(alpha * 0.6)); } c { - color: color-mix(in hsl, red, white 30%); + color: hsl(from red, h calc(s * 1.3) calc(l * 1.3)); } d { - color: color-mix(in hsl, red, black 30%); + color: hsl(from red, h calc(s * 0.7) calc(l * 0.7)); } ```