cade/web-portfolio
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix white color to Nord snow storm https://nordtheme.com

Browse source
This commit is contained in:
Cayden Schwechten 2026-08-04 10:48:34 -05:00
parent 0268734336
commit a1225a150c
1 changed files with 6 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

12
components/layout/layout-header.tsx
View file

@ -24,9 +24,9 @@ const Header = () => {
className="p-3 text-gray-700 rounded-md outline-none focus:border-gray-400 border-2 focus:border bg-nord-10" className="p-3 text-gray-700 rounded-md outline-none focus:border-gray-400 border-2 focus:border bg-nord-10"
onClick={() => setNavbar(!navbar)}> onClick={() => setNavbar(!navbar)}>
{navbar ? ( {navbar ? (
<div className="bar text-white"></div> <div className="bar text-snow-storm"></div>
) : ( ) : (
<div className="close text-white"></div> <div className="close text-snow-storm"></div>
)} )}
</button> </button>
</div> </div>
@ -37,23 +37,23 @@ const Header = () => {
<div <div
className={`flex-1 justify-self-center md:block md:pb-0 md:mt-0 ${navbar ? 'p-12 md:p-0 block' : 'hidden'}`}> className={`flex-1 justify-self-center md:block md:pb-0 md:mt-0 ${navbar ? 'p-12 md:p-0 block' : 'hidden'}`}>
<ul className=" md:h-auto items-center justify-center md:flex"> <ul className=" md:h-auto items-center justify-center md:flex">
<li className="text-xl text-white py-2 my-2 md:my-0 md:px-6 text-center md:border-b-0 border-white hover:text-nord-12 transition duration-250"> <li className="text-xl text-snow-storm py-2 my-2 md:my-0 md:px-6 text-center md:border-b-0 border-snow-storm-dark hover:text-nord-12 transition duration-250">
<Link href="/" onClick={() => setNavbar(!navbar)} <Link href="/" onClick={() => setNavbar(!navbar)}
className='sm:px-52 md:px-0'>Home</Link> className='sm:px-52 md:px-0'>Home</Link>
</li> </li>
<li className="text-xl text-white py-2 my-2 md:my-0 px-6 text-center md:border-b-0 border-white hover:text-nord-12 transition duration-250"> <li className="text-xl text-snow-storm py-2 my-2 md:my-0 px-6 text-center md:border-b-0 border-snow-storm-dark hover:text-nord-12 transition duration-250">
<Link href="/blog" onClick={() => setNavbar(!navbar)} <Link href="/blog" onClick={() => setNavbar(!navbar)}
className='sm:px-52 md:px-0'>Blog</Link> className='sm:px-52 md:px-0'>Blog</Link>
</li> </li>
<li className="text-xl text-white py-2 my-2 md:my-0 px-6 text-center md:border-b-0 border-white hover:text-nord-12 transition duration-250"> <li className="text-xl text-snow-storm py-2 my-2 md:my-0 px-6 text-center md:border-b-0 border-snow-storm-dark hover:text-nord-12 transition duration-250">
<Link href="https://gitlab.com/caydens" onClick={() => setNavbar(!navbar)} <Link href="https://gitlab.com/caydens" onClick={() => setNavbar(!navbar)}
className='sm:px-48 md:px-0'>GitLab</Link> className='sm:px-48 md:px-0'>GitLab</Link>
</li> </li>
<li className="text-xl text-white py-2 my-2 md:my-0 px-6 text-center md:border-b-0 border-white hover:text-nord-12 transition duration-250"> <li className="text-xl text-snow-storm py-2 my-2 md:my-0 px-6 text-center md:border-b-0 border-snow-storm-dark hover:text-nord-12 transition duration-250">
<Link href="/contact" onClick={() => setNavbar(!navbar)} <Link href="/contact" onClick={() => setNavbar(!navbar)}
className='sm:px-48 md:px-0'>Contact</Link> className='sm:px-48 md:px-0'>Contact</Link>
</li> </li>