feat: update colors

Author: alicanerdurmaz

documentation/src/components/browser-window/index.tsx

@@ -42,7 +42,7 @@ export default function BrowserWindow({
         className={clsx(
           "flex-shrink-0",
           "p-2",
-          "rounded-[0.25rem]",
+          "rounded",
           "flex items-center justify-start",
           "gap-2",
           "relative",
@@ -60,7 +60,7 @@ export default function BrowserWindow({
         className={clsx(
           "flex-1",
           "overflow-hidden",
-          "rounded-[0.25rem]",
+          "rounded",
           "bg-zinc-50 dark:bg-zinc-950",
           "p-0.5",
           !hasBottom && "rounded-bl-lg rounded-br-lg",
@@ -70,7 +70,7 @@ export default function BrowserWindow({
           className={clsx(
             "flex-1",
             "overflow-hidden",
-            "rounded-[0.25rem]",
+            "rounded",
             "bg-zinc-50 dark:bg-zinc-950",
             !hasBottom && "rounded-bl-lg rounded-br-lg",
           )}

documentation/src/components/live-preview/index.tsx

@@ -154,7 +154,7 @@ function Editor({ hidden, code }: { hidden: boolean; code: string }) {
           "flex items-center gap-2",
           "bg-zinc-50 dark:bg-zinc-900",
           visible && "rounded-t-[0.25rem]",
-          !visible && "rounded-[0.25rem]",
+          !visible && "rounded",
           !visible && "delay-200",
           "transition-[border-radius] ease-in-out duration-200",
           "group",

documentation/src/refine-theme/common-tabs.tsx

@@ -96,7 +96,7 @@ function TabList({
                 "px-2 py-1.5",
                 "flex items-center justify-center",
                 "min-w-[70px]",
-                "rounded-[0.25rem]",
+                "rounded",
                 "cursor-pointer",
                 "transition-all duration-200 ease-in-out",
                 "select-none",

documentation/src/refine-theme/common-theme-toggle.tsx

@@ -24,11 +24,9 @@ export const CommonThemeToggle = ({ className }: Props) => {
         "focus:outline-none",
         "relative",
         "w-10 h-10",
-        "rounded-full",
-        "border",
-        "border-solid",
-        "border-gray-300 dark:border-gray-700",
-        "text-gray-500",
+        "rounded",
+        "text-zinc-500 dark:text-zinc-300",
+        "border border-solid border-zinc-200 dark:border-zinc-700",
         "transition-colors",
         "duration-150",
         "ease-in-out",

documentation/src/refine-theme/doc-search-button.tsx

@@ -76,7 +76,7 @@ export const DocSearchButton = React.forwardRef<
               !isLanding && "bg-zinc-200 dark:bg-zinc-900",
               !isLanding && "text-zinc-500 dark:text-zinc-400",
               "py-0.5 px-1.5",
-              "rounded-[0.25rem]",
+              "rounded",
               "text-xs",
               "font-normal",
               "tracking-[-0.006rem]",

documentation/src/refine-theme/doc-toc.tsx

@@ -94,7 +94,7 @@ export const DocTOC = () => {
         "overflow-auto",
         "h-[calc(100vh-69px)]",
         "rounded-tl-xl",
-        "bg-gray-50 dark:bg-[#27272A80]",
+        "bg-zinc-50 dark:bg-[#27272A80]",
         "p-4",
         !hasTOC && "invisible",
       )}