From 055fb5385f71a4fa62bfee0e1b2ed3980a5b392d Mon Sep 17 00:00:00 2001 From: Olivier Tassinari Date: Wed, 18 Sep 2024 18:29:41 +0200 Subject: [PATCH] [docs] Fix git diff format --- README.md | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/README.md b/README.md index dfda06ac..b31beab8 100644 --- a/README.md +++ b/README.md @@ -660,13 +660,13 @@ By default, when `colorSchemes` is defined, Pigment CSS uses the [`prefers-colo However, if you want to control the color scheme based on application logic, for example, using a button to switch between light and dark mode, you can customize the behavior by providing a `getSelector` function: ```diff - extendTheme({ - colorSchemes: { - light: { ... }, - dark: { ... }, - }, -+ getSelector: (colorScheme) => colorScheme ? `.theme-${colorScheme}` : ':root', - }); + extendTheme({ + colorSchemes: { + light: { ... }, + dark: { ... }, + }, ++ getSelector: (colorScheme) => colorScheme ? `.theme-${colorScheme}` : ':root', + }); ``` Note that you need to add the logic to a button by yourself. Here is an example of how to do it: