Improve design using custom variables

This commit is contained in:
prototypa
2023-01-22 00:40:14 -05:00
parent a3d0855f92
commit a01fd3880f
25 changed files with 80 additions and 77 deletions

View File

@ -11,10 +11,10 @@ const title = `Error 404`;
<div class="max-w-md text-center">
<h2 class="mb-8 font-bold text-9xl">
<span class="sr-only">Error</span>
<span class="bg-clip-text text-transparent bg-gradient-to-r from-primary-500 to-secondary-500">404</span>
<span class="text-primary">404</span>
</h2>
<p class="text-3xl font-semibold md:text-3xl">Sorry, we couldn't find this page.</p>
<p class="mt-4 mb-8 text-lg text-gray-600 dark:text-slate-400">
<p class="mt-4 mb-8 text-lg text-muted dark:text-slate-400">
But dont worry, you can find plenty of other things on our homepage.
</p>
<a rel="noopener noreferrer" href={getHomePermalink()} class="btn ml-4">Back to homepage</a>

View File

@ -30,7 +30,7 @@ const meta = {
>
<Fragment slot="title">
Free template for <span class="hidden lg:inline">create your website <br />with</span>
<span class="text-violet-700 dark:text-white highlight"> Astro v2</span> + Tailwind CSS
<span class="text-accent dark:text-white highlight"> Astro v2</span> + Tailwind CSS
</Fragment>
<Fragment slot="subtitle">
@ -38,7 +38,7 @@ const meta = {
<span class="font-semibold">AstroWind</span> is a free, customizable and production-ready template for Astro 2 +
Tailwind CSS.</span
>
<span class="block mb-1 sm:hidden font-bold text-primary-600">AstroWind: Production-ready.</span> Suitable for Startups,
<span class="block mb-1 sm:hidden font-bold text-blue-600">AstroWind: Production-ready.</span> Suitable for Startups,
Small Business, Sass Websites, Professional Portfolios, Marketing Websites, Landing Pages & Blogs.
</Fragment>
</Hero>
@ -125,10 +125,9 @@ const meta = {
}}
>
<Fragment slot="content">
<h3 class="text-2xl font-bold tracking-tight text-gray-900 dark:text-white sm:text-3xl mb-2">
Ad vix debet docendi
</h3>
Ne dicta praesent ocurreret has, diam theophrastus at pro. Eos etiam regione ut, persius eripuit quo id. Sit te euismod tacimates.
<h3 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">Ad vix debet docendi</h3>
Ne dicta praesent ocurreret has, diam theophrastus at pro. Eos etiam regione ut, persius eripuit quo id. Sit te euismod
tacimates.
</Fragment>
</Content>