tweaked dark mode colors
This commit is contained in:
parent
cf64a0420e
commit
df6568a41d
@ -4,7 +4,7 @@
|
|||||||
|
|
||||||
body {
|
body {
|
||||||
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
|
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
|
||||||
@apply bg-white dark:bg-black text-black dark:text-white text-center;
|
@apply bg-stone-100 dark:bg-gray-950 text-black dark:text-stone-100 text-center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -35,19 +35,19 @@
|
|||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<nav class="nav-container h-32 w-full">
|
<nav class="nav-container h-32 w-full mt-12">
|
||||||
<ul class="text-center">
|
<ul class="text-center">
|
||||||
{#each nav as main,i}
|
{#each nav as main,i}
|
||||||
{#if i != 0}
|
{#if i != 0}
|
||||||
{#if !nav[i].subPages[0]}
|
{#if !nav[i].subPages[0]}
|
||||||
<li class="nav-item font-jose inline-block"><a href={main.name} class={selected==nav[i] ? "nav-link stroke-slate-700 text-2xl p-3" : "nav link text-2xl p-3"} on:click={changeComponent} id={i} >{main.name}</a></li>
|
<li class="nav-item font-jose inline-block"><a href={main.name} class={selected==nav[i] ? "nav-link text-2xl p-3" : "nav link text-2xl p-3"} on:click={changeComponent} id={i} >{main.name}</a></li>
|
||||||
{:else}
|
{:else}
|
||||||
<li class="nav-item font-jose inline-block"><button class={selected==nav[i] ? "nav-link stroke-slate-700 text-2xl p-3" : "nav link text-2xl p-3"} on:click={changeComponent} id={i} >{main.name}</button></li>
|
<li class="nav-item font-jose inline-block"><button class={selected==nav[i] ? "nav-link text-2xl p-3" : "nav link text-2xl p-3"} on:click={changeComponent} id={i} >{main.name}</button></li>
|
||||||
{/if}
|
{/if}
|
||||||
{/if}
|
{/if}
|
||||||
{/each}
|
{/each}
|
||||||
</ul>
|
</ul>
|
||||||
<hr class="nav-divider max-w-xl h-0.5 border-0 mx-auto my-1 bg-black rounded md:my-1"/>
|
<hr class="nav-divider max-w-xl h-0.5 border-0 mx-auto my-1 bg-black rounded md:my-1 dark:bg-stone-100"/>
|
||||||
{#key selected}
|
{#key selected}
|
||||||
<ul in:blur={{ delay: 250 }} out:blur={{ duration: 250 }} class="text-center h-4 my-1">
|
<ul in:blur={{ delay: 250 }} out:blur={{ duration: 250 }} class="text-center h-4 my-1">
|
||||||
{#each selected.subPages as subPage}
|
{#each selected.subPages as subPage}
|
||||||
|
Loading…
Reference in New Issue
Block a user