mirror of
https://github.com/zoriya/v10.git
synced 2026-08-16 02:45:09 +00:00
feat(website): init dark mode
This commit is contained in:
@@ -33,10 +33,10 @@ const isActive = containsActivePath(item);
|
||||
<summary
|
||||
class:list={[
|
||||
'py-2 flex items-center gap-4 ',
|
||||
'intent:text-dark-100 cursor-pointer',
|
||||
'intent:text-dark-100 dark:intent:text-light-80 cursor-pointer',
|
||||
depth === 0 && 'font-medium',
|
||||
depth > 0 && 'border-l',
|
||||
isActive ? 'text-dark-100 border-dark-100 ' : 'border-light-40',
|
||||
isActive ? 'text-dark-100 dark:text-light-80 border-dark-100' : 'border-light-40 dark:border-dark-40',
|
||||
]}
|
||||
>
|
||||
<span class="flex-1">{item.sidebarLabel}</span>
|
||||
@@ -52,10 +52,10 @@ const isActive = containsActivePath(item);
|
||||
<a
|
||||
class:list={[
|
||||
'py-2 flex items-center gap-4 ',
|
||||
'intent:text-dark-100 cursor-pointer',
|
||||
'intent:text-dark-100 dark:intent:text-light-100 cursor-pointer',
|
||||
depth === 0 && 'font-medium',
|
||||
depth > 0 && 'border-l',
|
||||
isActive ? 'text-dark-100 border-dark-100 ' : 'border-light-40',
|
||||
isActive ? 'text-dark-100 dark:text-light-100 border-current ' : 'border-light-40 dark:border-dark-40',
|
||||
]}
|
||||
style={`padding-left: calc(var(--spacing) * ${depth * 4})`}
|
||||
href={`/docs/framework/${framework}/style/${style}/${item.slug}`}
|
||||
|
||||
Reference in New Issue
Block a user