From aee4f62b9eac3c8a38d944ae83bcfc9034eac710 Mon Sep 17 00:00:00 2001 From: ChakkritGit Date: Thu, 21 Nov 2024 12:21:05 +0700 Subject: [PATCH] chang active color --- README.md | 2 +- src/components/ToggleButton.tsx | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index a4bc411..6fa933e 100644 --- a/README.md +++ b/README.md @@ -82,7 +82,7 @@ import { ToggleButton } from 'pluto-theme-mode'; // import ToggleButton | **colorLight** | Text color for light mode. | `#FFF`, `rgb(255,255,255)`, `white` | `string`, `undefined` | | **borderColorDark** | Border color for dark mode. | `#222`, `rgb(34,34,34)`, `grey` | `string`, `undefined` | | **borderColorLight** | Border color for light mode. | `#222`, `rgb(34,34,34)`, `grey` | `string`, `undefined` | -| **activeColor** | Color for active state. | `#6495ED`, `rgb(100, 149, 237)`, `cornflowerblue` | `string`, `undefined` | +| **activeColor** | Color for active state. | `#6F90F4`, `rgb(111, 144, 244)`, `cornflowerblue` | `string`, `undefined` | | **cardBorderRadius** | Border radius for the card. | `24px`, `1.5rem` | `string`, `undefined` | | **menuBorderRadius** | Border radius for the menu. | `16px`, `1rem` | `string`, `undefined` | | **fontSize** | Font size for the text. | `16px`, `1.0000em` | `string`, `undefined` | diff --git a/src/components/ToggleButton.tsx b/src/components/ToggleButton.tsx index 78515ca..1e6e420 100644 --- a/src/components/ToggleButton.tsx +++ b/src/components/ToggleButton.tsx @@ -17,7 +17,7 @@ export default function ToggleButton({ borderColorDark = '#222222', colorLight = '#e5e7e9', colorDark = '#3b3b3b', - activeColor = '#6495ED', + activeColor = '#6F90F4', cardBorderRadius = '24px', menuBorderRadius = '16px', height = '155px',