From 9d1d90012a60eec257720bab24587f2b7c905cd7 Mon Sep 17 00:00:00 2001 From: andi hakim arif Date: Thu, 25 Jul 2024 01:25:47 +0700 Subject: [PATCH] fix: brand color (#58) * fix: rose is red, violet is blue --- app/components/collaboration.tsx | 10 +++++----- app/components/content/about/community.tsx | 2 +- app/components/content/about/contact.tsx | 2 +- app/components/content/about/general.tsx | 6 +++--- app/components/content/about/mission.tsx | 4 ++-- app/components/content/about/offer.tsx | 2 +- app/components/content/about/organizer.tsx | 4 ++-- app/components/event-item.tsx | 4 ++-- app/components/home/networking.tsx | 6 +++--- app/components/join-community.tsx | 6 +++--- app/components/line.tsx | 2 +- app/components/shared/site-navigation.tsx | 5 ++++- app/root.tsx | 2 +- tailwind.config.ts | 8 +++++++- 14 files changed, 36 insertions(+), 27 deletions(-) diff --git a/app/components/collaboration.tsx b/app/components/collaboration.tsx index b5c57d2..4bbd407 100644 --- a/app/components/collaboration.tsx +++ b/app/components/collaboration.tsx @@ -9,7 +9,7 @@ export default function Collaboration() { <>
Kolaborasi
-
+
dengan
-
+
Kami di reactjs.id menyelenggarakan event untuk developer React JS indonesia berbagi wawasan dan pengetahuan mengenai ekosistem Reactjs.
-
+
member telegram
-
+
50.000
- diff --git a/app/components/content/about/community.tsx b/app/components/content/about/community.tsx index 8abb285..82f6e3e 100644 --- a/app/components/content/about/community.tsx +++ b/app/components/content/about/community.tsx @@ -1,6 +1,6 @@ export const AboutCommunity = () => { return ( -
+

Komunitas Kami

diff --git a/app/components/content/about/contact.tsx b/app/components/content/about/contact.tsx index c9aec89..2a4dd35 100644 --- a/app/components/content/about/contact.tsx +++ b/app/components/content/about/contact.tsx @@ -1,6 +1,6 @@ export const AboutContact = () => { return ( -
+

Kontak Kami

diff --git a/app/components/content/about/general.tsx b/app/components/content/about/general.tsx index 7ece153..4220b65 100644 --- a/app/components/content/about/general.tsx +++ b/app/components/content/about/general.tsx @@ -2,7 +2,7 @@ import { CalendarCheck2, Newspaper, Users } from "lucide-react"; export const AboutGeneral = () => { return ( -
+

{

100.000+

Member telegram

-
+

@@ -37,7 +37,7 @@ export const AboutGeneral = () => {

Acara diselenggarakan

-
+

diff --git a/app/components/content/about/mission.tsx b/app/components/content/about/mission.tsx index 427cece..090b916 100644 --- a/app/components/content/about/mission.tsx +++ b/app/components/content/about/mission.tsx @@ -2,7 +2,7 @@ import { missionData } from "~/data/about"; export const AboutMission = () => { return ( -

+

Misi Kami

@@ -12,7 +12,7 @@ export const AboutMission = () => { key={title + index} className="md:text-2xl flex flex-col gap-10 md:gap-12" > -

+

Misi #{index + 1}
diff --git a/app/components/content/about/offer.tsx b/app/components/content/about/offer.tsx index 745753f..75ebe0a 100644 --- a/app/components/content/about/offer.tsx +++ b/app/components/content/about/offer.tsx @@ -2,7 +2,7 @@ import { offerData } from "~/data/about"; export const AboutOffer = () => { return ( -
+

Apa yang Kami Tawarkan

diff --git a/app/components/content/about/organizer.tsx b/app/components/content/about/organizer.tsx index 54a0935..320bc6d 100644 --- a/app/components/content/about/organizer.tsx +++ b/app/components/content/about/organizer.tsx @@ -4,7 +4,7 @@ import type { OrganizerType } from "~/types/about"; export const AboutOrganizer = () => { return ( -
+

Pengurus

@@ -35,7 +35,7 @@ const OrganizerCard = ({ fullName, image, role }: OrganizerType) => {

{fullName}

-

{role}

+

{role}

); diff --git a/app/components/event-item.tsx b/app/components/event-item.tsx index 5cff55a..1eaee74 100644 --- a/app/components/event-item.tsx +++ b/app/components/event-item.tsx @@ -20,12 +20,12 @@ function EventItem({ title, date, description, imgUrl }: EventItemProps) {

{title}

-
+

{date}

-

+

{description}

diff --git a/app/components/home/networking.tsx b/app/components/home/networking.tsx index 572380c..e7582ab 100644 --- a/app/components/home/networking.tsx +++ b/app/components/home/networking.tsx @@ -13,7 +13,7 @@ export default function Networking() {

Networking

- + dengan
-

+

Di reactjs.id, Anda akan bertemu dengan para profesional
dari berbagai latar belakang dan tingkat pengalaman @@ -194,7 +194,7 @@ export default function Networking() { - diff --git a/app/components/join-community.tsx b/app/components/join-community.tsx index 1081667..d84a611 100644 --- a/app/components/join-community.tsx +++ b/app/components/join-community.tsx @@ -23,7 +23,7 @@ export function JoinCommunity({ isImageSlide }: JoinCommunityPropsType) {

Gabung reactjs.id
-
+
Jadilah bagian dari komunitas developer React dan React Native terbesar di Indonesia di ujung jarimu.
Temukan kami di platform social media favorit-mu! @@ -85,7 +85,7 @@ export function JoinCommunity({ isImageSlide }: JoinCommunityPropsType) {
)} -
+
Gabung di platform kami
    {communityPlatforms.map((platform) => { @@ -97,7 +97,7 @@ export function JoinCommunity({ isImageSlide }: JoinCommunityPropsType) { className="rounded-2xl bg-darkJoinButton place-content-center xs:px-4 lg:px-5 xs:py-4 lg:py-6 border border-darkBorderJoinButton" > -
    +
    (
    -
    +
    ); diff --git a/app/components/shared/site-navigation.tsx b/app/components/shared/site-navigation.tsx index 60b061f..4f3d1c6 100644 --- a/app/components/shared/site-navigation.tsx +++ b/app/components/shared/site-navigation.tsx @@ -19,7 +19,10 @@ export function SiteNavigation() { - +
      {navigationItems.map((navItem) => (
    • diff --git a/app/root.tsx b/app/root.tsx index 6beac32..8a57fd0 100644 --- a/app/root.tsx +++ b/app/root.tsx @@ -20,7 +20,7 @@ export function Layout({ children }: { children: React.ReactNode }) { - +
      {children}
      diff --git a/tailwind.config.ts b/tailwind.config.ts index 9dd7101..9f26884 100644 --- a/tailwind.config.ts +++ b/tailwind.config.ts @@ -14,7 +14,13 @@ export default { }, extend: { colors: { - lightGray: "#C7CBD1", + "brand-gray-lavender": "#C7CBD1", + "brand-gray-cool": "#8E96A5", + "brand-blue-berry": "#3E4F6B", + "brand-blue-steel": "#B1C8E7", + "brand-black-aswad": "#15181D", + "brand-black-washed": "#1B212A", + "brand-black-granite": "#2E3137", darkJoinButton: "#20242B", darkBorderJoinButton: "#2E3137", border: "hsl(var(--border))",