zoriya/v10
1
0
Fork 0
mirror of https://github.com/zoriya/v10.git synced 2026-08-14 09:59:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(website): lighter text in dark mode

Browse Source
This commit is contained in:
Darius Cepulis
2025-10-22 16:43:44 -07:00
parent 0b9bb56d5e
commit fcc3bf2d7d
4 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/src/components/HomePageDemo/index.tsx
+2 -2
View File
@@ -14,14 +14,14 @@ export default function HomePageDemo({ className }: Props) {
<h2 className="text-h5 font-semibold lg:text-h4 mb-1">Assemble your player</h2>
<p>Feel at home with your framework, skin, and media source</p>
</header>
<BaseDemo className="lg:h-89" />
<BaseDemo className="lg:h-91" />
</section>
<section className="grid grid-rows-subgrid row-span-2 mb-6">
<header className="max-w-3xl">
<h2 className="text-h5 font-semibold lg:text-h4 mb-1">Take full control</h2>
<p>Make your player truly your own with fully-editable components</p>
</header>
<EjectDemo className="lg:h-89" />
<EjectDemo className="lg:h-91" />
</section>
</section>
);
website/src/components/NavBar/MobileNav.tsx
+1 -1
View File
@@ -31,7 +31,7 @@ export default function MobileNav({ navLinks, currentPath, dark = false, childre
{/* Portal renders outside DOM hierarchy */}
<Dialog.Portal>
{/* Popup container */}
<Dialog.Popup className={clsx('fixed inset-0 z-50 flex flex-col', dark ? 'bg-dark-100 text-light-80' : 'bg-light-80 dark:bg-dark-100 text-dark-100 dark:text-light-80')}>
<Dialog.Popup className={clsx('fixed inset-0 z-50 flex flex-col', dark ? 'bg-dark-100 text-light-100' : 'bg-light-80 dark:bg-dark-100 text-dark-100 dark:text-light-100')}>
{/* Header with close button */}
<div
className={clsx(
website/src/components/docs/SidebarItem.astro
+1 -1
View File
@@ -36,7 +36,7 @@ const isActive = containsActivePath(item);
'intent:text-dark-100 dark:intent:text-light-80 cursor-pointer',
depth === 0 && 'font-medium',
depth > 0 && 'border-l',
isActive ? 'text-dark-100 dark:text-light-80 border-dark-100' : 'border-light-40 dark:border-dark-40',
isActive ? 'text-dark-100 dark:text-light-100 border-dark-100' : 'border-light-40 dark:border-dark-40',
]}
>
<span class="flex-1">{item.sidebarLabel}</span>
website/src/layouts/Base.astro
+1 -1
View File
@@ -78,7 +78,7 @@ const fullTitle = Array.isArray(title)
<body
class:list={[
'relative',
'bg-light-80 dark:bg-dark-100 text-dark-100 dark:text-light-80',
'bg-light-80 dark:bg-dark-100 text-dark-100 dark:text-light-100',
'font-sans antialiased text-pretty text-base',
'min-w-80',
'[--nav-h:calc(var(--spacing)*13)] sm:[--nav-h:calc(var(--spacing)*14)]',