diff --git a/.changeset/lemon-seals-repeat.md b/.changeset/lemon-seals-repeat.md
new file mode 100644
index 0000000..aa48455
--- /dev/null
+++ b/.changeset/lemon-seals-repeat.md
@@ -0,0 +1,5 @@
+---
+"@svecodocs/kit": patch
+---
+
+adjust checkbox and switch
diff --git a/docs/src/content/components/checkbox.md b/docs/src/content/components/checkbox.md
new file mode 100644
index 0000000..de06082
--- /dev/null
+++ b/docs/src/content/components/checkbox.md
@@ -0,0 +1,25 @@
+---
+title: Checkbox
+description: A checkbox component to use in examples and documentation.
+section: Components
+---
+
+<script>
+	import { Checkbox, DemoContainer } from "@svecodocs/kit";
+</script>
+
+## Usage
+
+```svelte title="document.md"
+<script>
+	import { Checkbox } from "@svecodocs/kit";
+</script>
+
+<Checkbox />
+```
+
+## Example
+
+<DemoContainer class="flex items-center gap-2.5 flex-wrap">
+	<Checkbox checked />
+</DemoContainer>
diff --git a/docs/src/content/components/switch.md b/docs/src/content/components/switch.md
new file mode 100644
index 0000000..4ac2d4a
--- /dev/null
+++ b/docs/src/content/components/switch.md
@@ -0,0 +1,25 @@
+---
+title: Switch
+description: A checkbox component to use in examples and documentation.
+section: Components
+---
+
+<script>
+	import { Switch, DemoContainer } from "@svecodocs/kit";
+</script>
+
+## Usage
+
+```svelte title="document.md"
+<script>
+	import { Switch } from "@svecodocs/kit";
+</script>
+
+<Switch />
+```
+
+## Example
+
+<DemoContainer class="flex items-center gap-2.5 flex-wrap">
+	<Switch checked />
+</DemoContainer>
diff --git a/packages/kit/src/lib/components/ui/checkbox/checkbox.svelte b/packages/kit/src/lib/components/ui/checkbox/checkbox.svelte
index 45fed5b..a677cb9 100644
--- a/packages/kit/src/lib/components/ui/checkbox/checkbox.svelte
+++ b/packages/kit/src/lib/components/ui/checkbox/checkbox.svelte
@@ -24,7 +24,7 @@
 	{...restProps}
 >
 	{#snippet children({ checked, indeterminate })}
-		<div class="flex size-4 items-center justify-center text-current">
+		<div class="flex size-4 items-center justify-center text-white">
 			{#if indeterminate}
 				<Minus class="size-3.5" />
 			{:else}
diff --git a/packages/kit/src/lib/components/ui/switch/switch.svelte b/packages/kit/src/lib/components/ui/switch/switch.svelte
index 49a704e..43bcc4e 100644
--- a/packages/kit/src/lib/components/ui/switch/switch.svelte
+++ b/packages/kit/src/lib/components/ui/switch/switch.svelte
@@ -14,7 +14,7 @@
 	bind:ref
 	bind:checked
 	class={cn(
-		"data-[state=checked]:bg-foreground data-[state=unchecked]:bg-muted inset-shadow-foreground/5 data-[state=checked]:inset-shadow-muted/10 inset-shadow-2xs inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full transition-colors disabled:pointer-events-none disabled:opacity-50 data-[state=checked]:brightness-[110%]",
+		"data-[state=checked]:bg-foreground data-[state=unchecked]:bg-muted inset-shadow-foreground/5 data-[state=checked]:inset-shadow-muted/10 inset-shadow-2xs inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full disabled:pointer-events-none disabled:opacity-50 data-[state=checked]:brightness-[110%]",
 		className
 	)}
 	{...restProps}