theoludwig/.profile
1
1
Fork 0
mirror of https://github.com/theoludwig/theoludwig.git synced 2025-05-29 22:37:44 +02:00
Code Issues Releases Activity

refactor: rename to primary color

Browse Source
This commit is contained in:
Théo LUDWIG
2024-04-06 20:25:02 +02:00
parent 3502f51735
commit 0febee5b51
22 changed files with 24 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/Footer/FooterText.tsx
View File

@ -9,7 +9,7 @@ export const FooterText = (): JSX.Element => {
<p>
<Link
href="/"
className="font-semibold text-yellow hover:underline dark:text-yellow-dark"
className="font-semibold text-primary hover:underline dark:text-primary-dark"
>
Théo LUDWIG
</Link>{" "}

2
components/Footer/FooterVersion.tsx
View File

@ -16,7 +16,7 @@ export const FooterVersion = (props: FooterVersionProps): JSX.Element => {
Version{" "}
<a
data-cy="version-link"
className="font-semibold text-yellow hover:underline dark:text-yellow-dark"
className="font-semibold text-primary hover:underline dark:text-primary-dark"
href={versionLink}
target="_blank"
rel="noopener noreferrer"

4
components/Header/index.tsx
View File

@ -23,7 +23,7 @@ export const Header = (): JSX.Element => {
alt="Théo LUDWIG"
priority
/>
<strong className="ml-1 hidden font-headline font-semibold text-yellow dark:text-yellow-dark sm:block sm:text-xl">
<strong className="ml-1 hidden font-headline font-semibold text-primary dark:text-primary-dark sm:block sm:text-xl">
Théo LUDWIG
</strong>
</h1>
@ -33,7 +33,7 @@ export const Header = (): JSX.Element => {
<Link
href="/blog"
data-cy="header-blog-link"
className="font-semibold text-yellow hover:underline dark:text-yellow-dark"
className="font-semibold text-primary hover:underline dark:text-primary-dark"
>
Blog
</Link>

2
components/Interests/InterestParagraph.tsx
View File

@ -22,7 +22,7 @@ export const InterestParagraph = (
return (
<>
<p className="my-6 text-center text-gray dark:text-gray-dark">
<strong className="text-lg font-semibold text-yellow dark:text-yellow-dark">
<strong className="text-lg font-semibold text-primary dark:text-primary-dark">
{title}
</strong>
<br />

2
components/Interests/InterestsList/InterestItem.tsx
View File

@ -12,7 +12,7 @@ export const InterestItem = (props: InterestItemProps): JSX.Element => {
return (
<li className="m-2 size-8" title={title}>
<FontAwesomeIcon
className="block size-full text-yellow dark:text-yellow-dark"
className="block size-full text-primary dark:text-primary-dark"
icon={fontAwesomeIcon}
/>
</li>

2
components/OpenSource/Repository.tsx
View File

@ -15,7 +15,7 @@ export const Repository = (props: RepositoryProps): JSX.Element => {
<a href={href} target="_blank" rel="noopener noreferrer">
<div className="flex">
<GitHubIcon className="mr-2 h-6" />
<span className="font-semibold text-yellow dark:text-yellow-dark">
<span className="font-semibold text-primary dark:text-primary-dark">
{name}
</span>
</div>

2
components/Portfolio/PortfolioItem.tsx
View File

@ -32,7 +32,7 @@ export const PortfolioItem = (props: PortfolioItemProps): JSX.Element => {
/>
</div>
<div className="absolute bottom-0 h-auto overflow-hidden text-center opacity-0 transition-opacity duration-500 group-hover:opacity-100">
<h3 className="my-6 text-2xl font-semibold text-yellow dark:text-yellow-dark">
<h3 className="my-6 text-2xl font-semibold text-primary dark:text-primary-dark">
{title}
</h3>
<p className="mx-4 my-6 font-semibold">{description}</p>

2
components/Profile/ProfileDescriptionBottom.tsx
View File

@ -12,7 +12,7 @@ export const ProfileDescriptionBottom = (): JSX.Element => {
<br />
<a
href="/curriculum-vitae/index.html"
className="font-semibold text-yellow hover:underline dark:text-yellow-dark"
className="font-semibold text-primary hover:underline dark:text-primary-dark"
>
Curriculum vitæ ({i18n.translate("common.fr-FR")})
</a>

2
components/Profile/ProfileInfo.tsx
View File

@ -5,7 +5,7 @@ export const ProfileInformation = (): JSX.Element => {
return (
<div className="mb-6 border-b-2 border-gray-600 pb-2 font-headline dark:border-gray-400">
<h1 className="mb-2 text-4xl font-semibold text-yellow dark:text-yellow-dark">
<h1 className="mb-2 text-4xl font-semibold text-primary dark:text-primary-dark">
Théo LUDWIG
</h1>
<h2 className="mb-3 text-base">

2
components/Skills/Skill.tsx
View File

@ -29,7 +29,7 @@ export const SkillComponent = (props: SkillComponentProps): JSX.Element => {
return (
<a
href={skillProperties.link}
className="mx-2 max-w-xl text-yellow hover:underline dark:text-yellow-dark"
className="mx-2 max-w-xl text-primary hover:underline dark:text-primary-dark"
target="_blank"
rel="noopener noreferrer"
>

2
components/Skills/SkillsSection.tsx
View File

@ -14,7 +14,7 @@ export const SkillsSection = (props: SkillsSectionProps): JSX.Element => {
<div className="flex flex-wrap px-4 py-6">
<div className="flex-1">
<div className="mb-8 border-b border-gray-600 dark:border-white/10">
<h3 className="my-3 text-xl font-semibold text-yellow dark:text-yellow-dark">
<h3 className="my-3 text-xl font-semibold text-primary dark:text-primary-dark">
{title}
</h3>
</div>

2
components/design/Loader.tsx
View File

@ -16,7 +16,7 @@ export const Loader = (props: LoaderProps): JSX.Element => {
height,
}}
className={classNames(
"inline-block animate-spin rounded-full border-[3px] border-current border-t-transparent text-yellow dark:text-yellow-dark",
"inline-block animate-spin rounded-full border-[3px] border-current border-t-transparent text-primary dark:text-primary-dark",
className,
)}
role="status"

2
components/design/Section/SectionHeading.tsx
View File

@ -6,7 +6,7 @@ export const SectionHeading = (props: SectionHeadingProps): JSX.Element => {
return (
<h2
{...rest}
className="mb-3 mt-1 text-center text-4xl font-semibold text-yellow dark:text-yellow-dark"
className="mb-3 mt-1 text-center text-4xl font-semibold text-primary dark:text-primary-dark"
>
{children}
</h2>