Skip to content

Commit 6fe4783

Browse files
RikthepixelRikthepixel
committed
Try to make a new color scheme work
1 parent 8325cfa commit 6fe4783

17 files changed

+41
-55
lines changed

Diff for: ‎src/assets/state/contactMethods.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -37,7 +37,7 @@ const contactMethods: IContactMethod[] = [
3737
{
3838
title: <>
3939
Discord <br />
40-
<span className="text-sm font-semibold text-neutral-700">
40+
<span className="text-sm font-semibold text-fill-contrast">
4141
(Coming Soon™)
4242
</span>
4343
</>,

Diff for: ‎src/components/controls/Input.tsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -7,8 +7,8 @@ import { RequiredKeys } from "@/types/utility";
77
export const style = cva("w-full rounded-full py-2 px-3 border-2", {
88
variants: {
99
color: {
10-
primary: "border-primary bg-transparent placeholder:text-primary/75",
11-
secondary: "border-secondary bg-transparent placeholder:text-secondary/75"
10+
primary: "border-primary bg-transparent placeholder:text-fill-contrast/75",
11+
secondary: "border-secondary bg-transparent placeholder:text-fill-contrast/75"
1212
},
1313
},
1414
defaultVariants: {

Diff for: ‎src/components/layout/Header.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@ const Header = () => {
2323
});
2424

2525
return (
26-
<header className="relative flex items-center w-full gap-4 p-4 transition-all md:px-8 md:gap-12 border-b border-black/5">
26+
<header className="relative flex items-center w-full gap-4 p-4 transition-all border-b-2 md:px-8 md:gap-12 border-primary-light/10">
2727
<Link color="primary" className="flex items-center justify-center text-2xl font-bold transition-all lg:text-4xl" href="/">
2828
<img
2929
className="object-contain transition-all text-[0px] w-10 h-10 lg:w-12 lg:h-12"

Diff for: ‎src/components/pages/blog/ArticleBrief.tsx

+3-3
Original file line numberDiff line numberDiff line change
@@ -50,16 +50,16 @@ const ArticleBrief = ({ title, thumbnail, thumbnailAlt, imgLoading, readtime, te
5050

5151
return (
5252
<motion.li
53-
className="origin-center flex flex-col flex-1 gap-4 mx-0 rounded-lg motion-safe:transition-[margin-inline] motion-safe:duration-500 sm:mx-16 md:mx-0 bg-primary image-dots from-primary-light border-2 border-primary-light"
53+
className="origin-center flex flex-col flex-1 gap-4 mx-0 rounded-lg motion-safe:transition-[margin-inline] motion-safe:duration-500 sm:mx-16 md:mx-0 image-dots from-fill-light border-2 border-primary overflow-hidden"
5454
variants={LIST_ANIM}
5555
initial="in"
5656
animate="anim"
5757
exit="exit"
5858
layout
5959
>
60-
<NextLink href={url} className="group/link aspect-[16/7] rounded-lg overflow-hidden" >
60+
<NextLink href={url} className="group/link aspect-[16/7] overflow-hidden" >
6161
<img
62-
className="aspect-[16/7] object-contain rounded-lg transition-transform group-hover/link:scale-105"
62+
className="aspect-[16/7] object-contain transition-transform group-hover/link:scale-105"
6363
loading={imgLoading}
6464
src={thumbnail.src}
6565
width={thumbnail.width}

Diff for: ‎src/components/pages/contribute/FeedbackSection.tsx

+2-5
Original file line numberDiff line numberDiff line change
@@ -44,10 +44,7 @@ const FeedbackSection = () => {
4444
aria-labelledby="feedback"
4545
className="flex flex-col w-full gap-4 mx-auto text-center max-w-7xl"
4646
>
47-
<Heading.H2
48-
id="feedback"
49-
className="text-4xl font-bold md:text-5xl text-secondary"
50-
>
47+
<Heading.H2 id="feedback">
5148
Feedback
5249
</Heading.H2>
5350
<p>
@@ -77,7 +74,7 @@ const FeedbackSection = () => {
7774
/>
7875
</div>
7976
<Error className="w-full px-2 text-start" state={formState} name="text" />
80-
<Button type="submit" color="secondary" loading={loading} className="px-5 py-3 text-lg w-full md:text-xl sm:w-fit">
77+
<Button type="submit" color="secondary" loading={loading} className="w-full px-5 py-3 text-lg md:text-xl sm:w-fit">
8178
Submit Feedback
8279
</Button>
8380
</Form>

Diff for: ‎src/components/pages/front/Mission.tsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -7,8 +7,8 @@ export interface MissionProps extends IMission {
77

88
const Mission = ({ title, image, imageAlt, text }: MissionProps) => {
99
return (
10-
<li className="flex flex-col items-center flex-1 gap-4 p-0 -mx-4 rounded-lg border-secondary motion-safe:transition-[margin_padding_border] sm:mx-0 lg:p-4 lg:border-2 xl:p-8">
11-
<Heading.H3 className="text-primary lg:h-[5ex] motion-safe:transition-all">
10+
<li className="flex flex-col items-center flex-1 gap-4 p-0 -mx-4 rounded-lg border-primary motion-safe:transition-[margin_padding_border] sm:mx-0 lg:p-4 border-2 xl:p-8">
11+
<Heading.H3 className="lg:h-[5ex] motion-safe:transition-all">
1212
{title}
1313
</Heading.H3>
1414
<img

Diff for: ‎src/components/pages/front/RoadmapItem.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ const RoadmapItem = ({ title, text }: RoadmapItemProps) => {
1717
<li aria-labelledby={id} className="relative flex flex-1 group/item">
1818
<Divider />
1919
<div className="relative flex flex-col flex-1 gap-4 py-4 pl-4 md:flex-row md:pl-0 md:py-0 md:gap-0">
20-
<Heading.H3 id={id} className="flex items-center md:px-8 md:w-1/4 md:py-4 md:justify-end md:text-end">
20+
<Heading.H3 id={id} className="flex items-center md:px-8 md:w-1/4 md:py-4 md:justify-end md:text-end text-primary-light">
2121
{title}
2222
</Heading.H3>
2323
<Divider hideOnSmall />

Diff for: ‎src/components/pages/front/SignupSection.tsx

+4-8
Original file line numberDiff line numberDiff line change
@@ -44,12 +44,8 @@ const SignupSection = () => {
4444
aria-labelledby="sign-up"
4545
className="flex flex-col gap-12 mx-auto text-center max-w-7xl"
4646
>
47-
<Heading.H2
48-
id="sign-up"
49-
className="text-secondary"
50-
>
51-
Keep Up to Date <br />
52-
Join Our Mailing List
47+
<Heading.H2 id="sign-up">
48+
Keep Up to Date
5349
</Heading.H2>
5450
<p className="text-xl">
5551
Do you want to join in on this adventure and help develop Commit Rocket?
@@ -84,14 +80,14 @@ const SignupSection = () => {
8480
<Input
8581
id="signup-email-input"
8682
color="primary"
87-
className="w-full text-lg md:text-xl p-4"
83+
className="w-full p-4 text-lg md:text-xl"
8884
placeholder="your@email.com"
8985
{...register("email")}
9086
/>
9187
<Error className="w-full px-2 text-start" state={formState} name="email" />
9288
</div>
9389
<Button
94-
className="relative px-5 py-3 text-lg w-full sm:w-fit md:text-xl"
90+
className="relative w-full px-5 py-3 text-lg sm:w-fit md:text-xl"
9591
type="submit"
9692
color="secondary"
9793
loading={loading}

Diff for: ‎src/pages/404.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@ const NotFound: Page = ({ pathname }) => {
2727
</Head>
2828
<main className="flex items-center justify-center flex-1 w-full pb-8" aria-labelledby="not-found">
2929
<div className="flex flex-col gap-2 p-8 text-center border-2 rounded-md border-primary">
30-
<Heading.H1 id="not-found" className="text-secondary">
30+
<Heading.H1 id="not-found">
3131
Not Found.
3232
</Heading.H1>
3333
<p>There are no commits to be found here!</p>

Diff for: ‎src/pages/about.tsx

+3-3
Original file line numberDiff line numberDiff line change
@@ -22,13 +22,13 @@ const AboutPage: Page = ({ pathname }) => {
2222
]} />
2323
</Head>
2424
<main aria-labelledby="about" className="flex flex-col flex-1 w-full gap-8 pb-8 max-w-7xl">
25-
<Heading.H1 id="about" className="text-center text-secondary">
25+
<Heading.H1 id="about" className="text-center">
2626
About
2727
</Heading.H1>
2828
<section aria-labelledby="our-team" className="flex flex-col gap-8">
2929
<Heading.H2
3030
id="our-team"
31-
className="text-center text-secondary"
31+
className="text-center"
3232
>
3333
Team
3434
</Heading.H2>
@@ -44,7 +44,7 @@ const AboutPage: Page = ({ pathname }) => {
4444
<section aria-labelledby="projects" className="flex flex-col gap-8">
4545
<Heading.H2
4646
id="projects"
47-
className="text-center text-secondary"
47+
className="text-center"
4848
>
4949
Projects
5050
</Heading.H2>

Diff for: ‎src/pages/blog/index.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -114,7 +114,7 @@ const BlogPage: Page<BlogPageProps> = ({ articles, pathname }) => {
114114
<KeywordsMeta tags={["Blog"]} />
115115
</Head>
116116
<main aria-labelledby="blog" className="flex flex-col flex-1 w-full gap-8 max-w-7xl">
117-
<Heading.H1 id="blog" className="text-center text-secondary">
117+
<Heading.H1 id="blog" className="text-center">
118118
Blog
119119
</Heading.H1>
120120
{articles.length > 0 && <>

Diff for: ‎src/pages/contact.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ const ContactPage: Page = ({ pathname }) => {
2222
]} />
2323
</Head>
2424
<main aria-labelledby="contact" className="flex flex-col flex-1 w-full gap-8 max-w-7xl">
25-
<Heading.H1 id="contact" className="text-center text-secondary">
25+
<Heading.H1 id="contact" className="text-center">
2626
Contact
2727
</Heading.H1>
2828
<ul className="grid flex-1 gap-4 lg:grid-flow-col sm:grid-cols-2 lg:grid-cols-none place-items-center" aria-label="contact methods">

Diff for: ‎src/pages/contribute.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@ const ContributePage: Page = ({ pathname }) => {
2121
]} />
2222
</Head>
2323
<main aria-labelledby="contribute" className="flex flex-col flex-1 w-full gap-8 max-w-7xl">
24-
<Heading.H1 id="contribute" className="text-center text-secondary">
24+
<Heading.H1 id="contribute" className="text-center">
2525
Contribute
2626
</Heading.H1>
2727
<FeedbackSection />

Diff for: ‎src/pages/index.tsx

+7-16
Original file line numberDiff line numberDiff line change
@@ -50,17 +50,14 @@ const FrontPage: Page = ({ pathname }) => {
5050
<main aria-labelledby="hero-title" className="flex flex-col flex-1 w-full gap-32 pb-8 max-w-7xl">
5151
<section aria-label="hero" className="flex flex-col-reverse items-center h-fit min-h-0 xl:flex-row xl:min-h-[30rem] xl:h-[75dvh] xl:h-[75vh] mx-auto">
5252
<div className="relative flex flex-col items-center justify-center h-full col-span-3 gap-8 text-center xl:w-3/5">
53-
<Heading.H1
54-
id="hero-title"
55-
className="text-primary"
56-
>
57-
<span className="text-secondary">Launch</span> your <span className="text-secondary">Commits</span> in a <span className="text-secondary">Modern</span> way
53+
<Heading.H1 id="hero-title">
54+
Launch your Commits in a Modern way
5855
</Heading.H1>
5956
<p className="text-lg lg:text-xl lg:max-w-xl">
6057
Experience Git in a modern and fast way with Commit Rocket, the open-source, lightweight and cross-platform Git client.
6158
</p>
6259
<LinkButton
63-
className="px-5 py-3 text-xl w-full sm:w-fit"
60+
className="w-full px-5 py-3 text-xl sm:w-fit"
6461
onClick={sendCTAEvent("Learn More")}
6562
href="#introduction"
6663
color="secondary"
@@ -82,11 +79,11 @@ const FrontPage: Page = ({ pathname }) => {
8279
</div>
8380
</section>
8481
<section aria-label="introduction" className="flex flex-col gap-12 p-8 text-lg -mx-8 md:mx-0 motion-safe:transition-[margin] text-center border-2 rounded-lg xl:flex-row text-primary-contrast image-dots from-primary-light border-primary-light bg-primary">
85-
<Heading.H2 id="introduction" className="flex p-4 flex-col items-center justify-center w-full rounded-lg text-fill-contrast bg-white/20 backdrop-blur-[1.25px] xl:p-0 xl:w-1/2">
82+
<Heading.H2 id="introduction" className="flex p-4 flex-col items-center justify-center w-full rounded-lg text-primary-contrast bg-white/20 backdrop-blur-[1.25px] xl:p-0 xl:w-1/2">
8683
<span className="text-2xl">
8784
Introducing...
8885
</span>
89-
<span className="flex flex-col items-center gap-4 p-4 text-3xl sm:text-4xl font-bold break-normal text-primary-contrast md:text-6xl md:flex-row md:w-max">
86+
<span className="flex flex-col items-center gap-4 p-4 text-3xl font-bold break-normal sm:text-4xl text-primary-contrast md:text-6xl md:flex-row md:w-max">
9087
<img
9188
className="w-16 h-16 md:w-[1.5em] md:h-[1.5em]"
9289
alt="A Small Rocket"
@@ -121,10 +118,7 @@ const FrontPage: Page = ({ pathname }) => {
121118
aria-labelledby="missions"
122119
className="flex flex-col gap-12 mx-auto text-center"
123120
>
124-
<Heading.H2
125-
id="missions"
126-
className="text-secondary"
127-
>
121+
<Heading.H2 id="missions">
128122
Mission
129123
</Heading.H2>
130124
<p className="text-lg font-semibold">
@@ -141,10 +135,7 @@ const FrontPage: Page = ({ pathname }) => {
141135
aria-labelledby="roadmap"
142136
className="flex flex-col gap-4"
143137
>
144-
<Heading.H2
145-
id="roadmap"
146-
className="text-center text-secondary"
147-
>
138+
<Heading.H2 id="roadmap" className="text-center">
148139
Roadmap
149140
</Heading.H2>
150141
<ul>

Diff for: ‎src/pages/mail/unsubscribe.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -60,7 +60,7 @@ const UnsubscribePage: Page = ({ pathname }) => {
6060
successChildren={`${response?.message} 👍`}
6161
oneTime
6262
>
63-
<Heading.H1 id="unsubscribe" className="text-secondary">
63+
<Heading.H1 id="unsubscribe" >
6464
Unsubscribe
6565
</Heading.H1>
6666
<p className="max-w-md">

Diff for: ‎src/styles/main.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ html {
1414
}
1515

1616
:not(pre)>code {
17-
@apply bg-white/20 text-purple-700 border border-purple-700/25 rounded-md px-1
17+
@apply bg-white/20 border border-white/20 rounded-md px-1
1818
}
1919

2020
div.swal2-popup.swal2-toast {

Diff for: ‎tailwind.config.js

+9-7
Original file line numberDiff line numberDiff line change
@@ -16,19 +16,21 @@ module.exports = {
1616
},
1717
colors: {
1818
primary: {
19-
DEFAULT: "#127bcc",
20-
light: "#40a2ed",
21-
dark: "#0e62a3",
19+
DEFAULT: "#ea580c",
20+
light: "#fb923c",
21+
dark: "#92400e",
2222
contrast: "#FFF"
2323
},
2424
secondary: {
25-
DEFAULT: "#9c58ef",
26-
light: "#8a41e2",
27-
dark: "#5106ad",
25+
DEFAULT: "#ea580c",
26+
light: "#fb923c",
27+
dark: "#92400e",
2828
contrast: "#FFF"
2929
},
3030
fill: {
31-
DEFAULT: "#111519",
31+
DEFAULT: "#18181b",
32+
light: "#52525b",
33+
dark: "#18181b",
3234
contrast: {
3335
light: "#fff",
3436
DEFAULT: "#f2f2f2",

0 commit comments

Comments
 (0)