diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index cee82bc..e3ab341 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -42,19 +42,13 @@ const { title } = Astro.props; --accent: var(--support-info); --system-code: Menlo, Consolas, "Ubuntu Mono", "Roboto Mono", "DejaVu Sans Mono", Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace; } - html { - font-family: var(--system-ui); - background-color: var(--background); - } + html { font-family: var(--system-ui); background-color: var(--background);} body { margin: 0; padding: 0;} main { margin: auto var(--spacing-10);} h1.title { margin-bottom: var(--spacing-10); color: var(--text-primary); margin-top: var(--spacing-12); } section { margin-bottom: var(--spacing-10);} p { margin-top: var(--spacing-00);} .nu-u-link--subtle { color: var(--text-secondary) !important;} - - /* theme toggle */ - .theme-toggle { --icon-fill: var(--icon-secondary); --icon-fill-hover: var(--icon-secondary); @@ -76,12 +70,8 @@ const { title } = Astro.props; border: 1px solid var(--border-muted); border-radius: var(--spacing-02); - @nest [data-theme="dark"] & { - --icon-fill: var(--icon-secondary); - --icon-fill-hover: var(--icon-secondary); + @nest [data-theme="dark"] & { --icon-fill: var(--icon-secondary); --icon-fill-hover: var(--icon-secondary);} } - } - .footer { padding: 2rem; text-align: center; diff --git a/src/layouts/theme.js b/src/layouts/theme.js index ce9bd63..5ffce6a 100644 --- a/src/layouts/theme.js +++ b/src/layouts/theme.js @@ -36,20 +36,15 @@ const theme = { value: getColorPreference(), } -// set early so no page flashes / CSS is made aware reflectPreference() window.onload = () => { - // set on load so screen readers can see latest value on the button reflectPreference() - - // now this script can find and listen for clicks on the control document .querySelector('#theme-toggle') .addEventListener('click', onClick) } -// sync with system changes window .matchMedia('(prefers-color-scheme: dark)') .addEventListener('change', ({matches:isDark}) => { diff --git a/src/pages/index.astro b/src/pages/index.astro index 208c894..6fa4069 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -7,10 +7,10 @@ import "@new-ui/effects"; import "@new-ui/spacings"; --- - +

A Curated List of -
Powerful AI Tools

+
Powerful AI Tools