Miroirs/noc-book-2
1
0
Fork 0
mirror of https://github.com/nature-of-code/noc-book-2 synced 2024-11-17 07:49:05 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

add back lighter noc color

Browse source
This commit is contained in:
Yifei Gao 2024-04-21 20:52:03 -04:00
parent 2675ceaa2a
commit 5aeaabf989
No known key found for this signature in database
4 changed files with 8 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/components/Header.js
View file

@ -14,20 +14,20 @@ const MenuButton = (props) => {
title="Toggle menu"
>
<span
className="block h-0.5 w-full rounded bg-noc-400 transition-transform"
className="bg-noc-200 block h-0.5 w-full rounded transition-transform"
style={{
transform:
props.open && 'rotate(45deg) translateY(6.5px) translateX(6.5px)',
}}
></span>
<span
className="block h-0.5 w-full rounded bg-noc-400 transition-opacity"
className="bg-noc-200 block h-0.5 w-full rounded transition-opacity"
style={{
opacity: props.open ? '0' : '1',
}}
></span>
<span
className="block h-0.5 w-full rounded bg-noc-400 transition-transform"
className="bg-noc-200 block h-0.5 w-full rounded transition-transform"
style={{
transform:
props.open && 'rotate(-45deg) translateY(-6.5px) translateX(6.5px)',
@ -61,7 +61,7 @@ const Header = (props) => {
href="https://www.patreon.com/codingtrain"
className="flex items-center gap-1.5 text-sm text-gray-500 hover:underline"
>
<FaRegHeart size="1.2em" className="text-noc-400" />
<FaRegHeart size="1.2em" className="text-noc-200" />
SUPPORT
</a>
</li>
@ -70,7 +70,7 @@ const Header = (props) => {
href="https://github.com/nature-of-code/noc-book-2"
className="flex items-center gap-1.5 text-sm text-gray-500 hover:underline"
>
<FaGithub size="1.2em" className="text-noc-400" />
<FaGithub size="1.2em" className="text-noc-200" />
GITHUB
</a>
</li>

2
src/pages/examples.js
View file

@ -37,7 +37,7 @@ export default function ExamplesPage({ data }) {
<div className="flex items-center gap-2">
<Link to={`/${chapter.slug}/#${example.slug}`}>
<FaBookOpen className="h-8 w-6 py-2 text-noc-400" />
<FaBookOpen className="text-noc-200 h-8 w-5 py-2" />
</Link>
<a href={example.webEditorURL}>

2
src/styles/codesplit.css
View file

@ -9,7 +9,7 @@
}
.pair.split {
@apply my-1 flex flex-col-reverse flex-wrap justify-between gap-x-8 gap-y-2 border-l-2 border-noc-400 bg-gray-200 py-2 lg:flex-row lg:flex-wrap-reverse;
@apply border-noc-200 my-1 flex flex-col-reverse flex-wrap justify-between gap-x-8 gap-y-2 border-l-2 bg-gray-200 py-2 lg:flex-row lg:flex-wrap-reverse;
}
.pair code.hljs {

1
tailwind.config.js
View file

@ -11,6 +11,7 @@ module.exports = {
},
colors: {
noc: {
200: '#F166C0',
400: '#CE3699',
500: '#BD2E7F',
},