Feat/blue theme

src/components/Button/Button.tsx

@@ -1,4 +1,4 @@
-// Tremor Button [v0.1.2]
+// Tremor Button [v0.2.0]
 
 import React from "react"
 import { Slot } from "@radix-ui/react-slot"
@@ -23,14 +23,14 @@ const buttonVariants = tv({
         // border
         "border-transparent",
         // text color
-        "text-white dark:text-gray-900",
+        "text-white dark:text-white",
         // background color
-        "bg-gray-900 dark:bg-gray-50",
+        "bg-blue-500 dark:bg-blue-500",
         // hover color
-        "hover:bg-gray-800 dark:hover:bg-gray-200",
+        "hover:bg-blue-600 dark:hover:bg-blue-600",
         // disabled
-        "disabled:bg-gray-100 disabled:text-gray-400",
-        "disabled:dark:bg-gray-800 disabled:dark:text-gray-600",
+        "disabled:bg-blue-300 disabled:text-white",
+        "disabled:dark:bg-blue-800 disabled:dark:text-blue-400",
       ],
       secondary: [
         // border

src/components/Button/changelog.md

@@ -1,5 +1,11 @@
 # Tremor Button Changelog
 
+## 0.2.0
+
+### Changes
+
+- Feat: Update base color
+
 ## 0.1.2
 
 ### Changes

src/components/Calendar/Calendar.tsx

@@ -1,4 +1,4 @@
-// Tremor Calendar [v0.0.5]
+// Tremor Calendar [v0.1.0]
 
 "use client"
 
@@ -132,8 +132,8 @@ const Calendar = ({
         day_today: "font-semibold",
         day_selected: cx(
           "rounded",
-          "aria-selected:bg-gray-900 aria-selected:text-gray-50",
-          "dark:aria-selected:bg-gray-50 dark:aria-selected:text-gray-900",
+          "aria-selected:bg-blue-500 aria-selected:text-white",
+          "dark:aria-selected:bg-blue-500 dark:aria-selected:text-white",
         ),
         day_disabled:
           "!text-gray-300 dark:!text-gray-700 line-through disabled:hover:bg-transparent",

src/components/Calendar/changelog.md

@@ -1,5 +1,11 @@
 # Tremor Calendar Changelog
 
+## 0.1.0
+
+### Changes
+
+- Feat: Update base color
+
 ## 0.0.5
 
 ### Changes

src/components/Slider/Slider.tsx

@@ -1,4 +1,4 @@
-// Tremor Slider [v0.0.1]
+// Tremor Slider [v0.1.0]
 
 "use client"
 
@@ -46,7 +46,7 @@ const Slider = React.forwardRef<
         <SliderPrimitive.Range
           className={cx(
             // base
-            "absolute rounded-full bg-gray-900 dark:bg-gray-300",
+            "absolute rounded-full bg-blue-500 dark:bg-blue-500",
             // orientation
             "data-[orientation='horizontal']:h-full",
             "data-[orientation='vertical']:w-full",

src/components/Slider/changelog.md

@@ -1,5 +1,11 @@
 # Tremor Slider Changelog
 
+## 0.1.0
+
+### Changes
+
+- Feat: Update base color
+
 ## 0.0.1
 
 ### Changes

src/components/TabNavigation/TabNavigation.tsx

@@ -1,4 +1,4 @@
-// Tremor TabNavigation [v0.0.2]
+// Tremor TabNavigation [v0.1.0]
 
 import React from "react"
 import * as NavigationMenuPrimitives from "@radix-ui/react-navigation-menu"
@@ -83,8 +83,8 @@ const TabNavigationLink = React.forwardRef<
             // border hover
             "group-hover:border-gray-300 group-hover:dark:border-gray-400",
             // selected
-            "group-data-[active]:border-gray-900 group-data-[active]:text-gray-900",
-            "group-data-[active]:dark:border-gray-50 group-data-[active]:dark:text-gray-50",
+            "group-data-[active]:border-blue-500 group-data-[active]:text-blue-500",
+            "group-data-[active]:dark:border-blue-500 group-data-[active]:dark:text-blue-500",
             // disabled
             disabled
               ? "pointer-events-none text-gray-300 dark:text-gray-700"

src/components/TabNavigation/changelog.md

@@ -1,5 +1,11 @@
 # Tremor TabNavigation Changelog
 
+## 0.1.0
+
+### Changes
+
+- Feat: Update base color
+
 ## 0.0.2
 
 ### Changes

src/components/Tabs/Tabs.tsx

@@ -1,4 +1,4 @@
-// Tremor Tabs [v0.0.1]
+// Tremor Tabs [v0.1.0]
 
 import React from "react"
 import * as TabsPrimitives from "@radix-ui/react-tabs"
@@ -71,8 +71,8 @@ function getVariantStyles(tabVariant: TabsListVariant) {
         // border hover
         "hover:border-gray-300 hover:dark:border-gray-400",
         // selected
-        "data-[state=active]:border-gray-900 data-[state=active]:text-gray-900",
-        "data-[state=active]:dark:border-gray-50 data-[state=active]:dark:text-gray-50",
+        "data-[state=active]:border-blue-500 data-[state=active]:text-blue-500",
+        "data-[state=active]:dark:border-blue-500 data-[state=active]:dark:text-blue-500",
         // disabled
         "data-[disabled]:pointer-events-none",
         "data-[disabled]:text-gray-300 data-[disabled]:dark:text-gray-700",

src/components/Tabs/changelog.md

@@ -1,5 +1,11 @@
 # Tremor Tabs Changelog
 
+## 0.1.0
+
+### Changes
+
+- Feat: Update base color
+
 ## 0.0.1
 
 ### Changes