From 8ad6d53d95c4f3600d4e187481cf900c53fcd530 Mon Sep 17 00:00:00 2001 From: Olivier Tassinari Date: Fri, 4 Oct 2024 00:34:59 +0200 Subject: [PATCH] [docs] Fix git diff format (#245) --- README.md | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/README.md b/README.md index ba18cd99..528cfcfc 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: