update storybook scenario

Author: indianaPoly

packages/components/src/components/Checkbox/Checkbox.stories.tsx

@@ -21,6 +21,7 @@ export const Default: Story = {
   args: {
     children: 'Checkbox',
     disabled: false,
+    checked: true,
   },
 }
 

packages/components/src/components/CheckboxLayer/CheckboxLayer.stories.tsx

@@ -8,11 +8,25 @@ const meta: Meta<typeof CheckboxLayer> = {
   title: 'Devfive/CheckboxLayer',
   component: CheckboxLayer,
   decorators: [
-    (Story) => (
-      <div style={{ padding: '20px' }}>
-        <Story />
-      </div>
-    ),
+    (Story, context) => {
+      const theme =
+        context.parameters.theme || context.globals.theme || 'default'
+      const isDark = theme === 'dark'
+
+      return (
+        <div
+          data-theme={theme}
+          style={{
+            padding: '20px',
+            backgroundColor: isDark ? '#1a1a1a' : '#ffffff',
+            color: isDark ? '#ffffff' : '#000000',
+            minHeight: '200px',
+          }}
+        >
+          <Story />
+        </div>
+      )
+    },
   ],
   argTypes: {
     onCheckboxChange: { action: 'checkbox changed' },