Skip to content

Commit b58ded9

Browse files
avikalpgavikalpg
committed
ui: replaced all mentions of primary-main with secondary (following color palette guidelines)
1 parent 98f7af5 commit b58ded9

17 files changed

+22
-23
lines changed

‎components/Banner.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -107,7 +107,7 @@ const Banner = () => {
107107
};
108108
}, [rudderEventMethods, session, bannerHTML]);
109109

110-
return (<div className={`w-full ${bannerHeight} bg-primary-main flex justify-center align-middle text-primary-light`} >
110+
return (<div className={`w-full ${bannerHeight} bg-secondary flex justify-center align-middle text-primary-light`} >
111111
{(bannerHeight) ? bannerHTML : null}
112112
</div>)
113113
}

‎components/DropZone/index.tsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -94,14 +94,14 @@ export default function DropZone({ data, dispatch }: { data: DropZoneData, dispa
9494
<h4>Simply upload the report generated by devProfiler.</h4>
9595
<ShowFile fileData={data} />
9696
<div className='flex justify-between sm:w-[40%] mt-5'>
97-
<label htmlFor="selectFile" className='bg-primary-main text-primary-light p-2 rounded-lg cursor-pointer'>
97+
<label htmlFor="selectFile" className='bg-secondary text-primary-light p-2 rounded-lg cursor-pointer'>
9898
Choose File
9999
<input type="file" id='selectFile'
100100
onChange={(e) => handleFileSelect(e)}
101101
className='hidden'
102102
/>
103103
</label>
104-
<button onClick={() => uploadFiles()} className='bg-primary-dark text-primary-light p-2 rounded-lg'>Upload file</button>
104+
<button onClick={() => uploadFiles()} className='bg-primary-foreground text-primary p-2 rounded-lg'>Upload file</button>
105105
</div>
106106
</div>
107107
)

‎components/setup/BuildInstruction.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@ interface BuildInstructionProps {
2121
const BuildStatus: React.FC<{ buildStatus: CloudBuildStatus | null, isTriggerBuildButtonDisabled: boolean }> = ({ buildStatus, isTriggerBuildButtonDisabled }) => {
2222
if (buildStatus === null) {
2323
if (isTriggerBuildButtonDisabled) {
24-
return (<div className='border-4 border-t-primary-main rounded-full w-6 h-6 animate-spin'> </div>)
24+
return (<div className='border-4 border-t-secondary rounded-full w-6 h-6 animate-spin'> </div>)
2525
}
2626
return (<></>)
2727
} else if (buildStatus.success) {

‎components/setup/RepoSelection.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -144,7 +144,7 @@ const RepoSelection = ({ repoProvider, installId, setIsRepoSelectionDone, isNewA
144144
<div>
145145
<h4 className='my-2 font-semibold'>Select Repositories</h4>
146146
{isGetReposLoading ?
147-
(<div className='border-4 border-t-primary-main rounded-full w-12 h-12 animate-spin mx-auto'> </div>) :
147+
(<div className='border-4 border-t-secondary rounded-full w-12 h-12 animate-spin mx-auto'> </div>) :
148148
allRepos.length === 0 ?
149149
(<p>No repositories found</p>) :
150150
allRepos.map((repo) => (

‎mdx-components.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ export function useMDXComponents(components: MDXComponents): MDXComponents {
1414
h2: ({ children }) => <h2 className='mt-4 mb-1 text-3xl font-semibold'>{children}</h2>,
1515
h3: ({ children }) => <h3 className='mt-2 mb-1 text-2xl font-extrabold'>{children}</h3>,
1616
h4: ({ children }) => <h4 className='mt-2 text-xl font-semibold'>{children}</h4>,
17-
a: ({ href, target, children }) => <Link href={href || "#"} target={target} className='m-0 text-primary-main'>{children}</Link>,
17+
a: ({ href, target, children }) => <Link href={href || "#"} target={target} className='m-0 text-secondary'>{children}</Link>,
1818
...components,
1919
};
2020
}

‎pages/docs/index.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -131,7 +131,7 @@ const Docs = ({ bitbucket_auth_url, image_name }: { bitbucket_auth_url: string,
131131
<AccordionContent>
132132
{isGetInstallIdLoading ? (
133133
<>
134-
<div className='inline-block border-4 border-t-primary-main rounded-full w-6 h-6 animate-spin mx-2'></div>
134+
<div className='inline-block border-4 border-t-secondary rounded-full w-6 h-6 animate-spin mx-2'></div>
135135
Generating topic name...
136136
</>
137137
) : installId ? (

‎pages/settings.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ import MainAppBar from "../views/MainAppBar";
66
import RepoList from '../views/RepoList';
77

88
const ExpandedGitAliasFormPage: React.FC = () => {
9-
const tabTriggerClassNames = "py-2 h-11 flex-1 flex grow-0 ps-4 items-center justify-start text-sm leading-none select-none rounded-s-md hover:bg-primary/50 data-[state=active]:text-primary-main data-[state=active]:font-medium data-[state=active]:bg-primary outline-none cursor-default";
9+
const tabTriggerClassNames = "py-2 h-11 flex-1 flex grow-0 ps-4 items-center justify-start text-sm leading-none select-none rounded-s-md hover:bg-primary/50 data-[state=active]:text-secondary data-[state=active]:font-medium data-[state=active]:bg-primary outline-none cursor-default";
1010
const tabContentClassNames = "grow px-5 bg-background rounded-r-md outline-none focus:shadow-[0_0_0_2px] focus:shadow-black";
1111
return <>
1212
<MainAppBar />

‎tailwind.config.js

-1
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,6 @@ module.exports = {
2020
DEFAULT: "hsl(var(--background-shade))",
2121
foreground: "hsl(var(--foreground-shade))",
2222
light: '#ffffff',
23-
main: '#2196F3',
2423
dark: '#1e1e1f',
2524
text: '#9E9E9E',
2625
darktext: '#000000'

‎views/CustomerLogos.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,7 @@ const Customers = () => {
3030
<div id='customers' className='w-full text-center py-12 bg-primary'>
3131
<h2 className='px-4 font-bold text-[2rem] relative'>
3232
{'Trusted by '}
33-
<span className='relative text-transparent bg-clip-text bg-gradient-to-r from-primary-main to-[#6f117b]'>
33+
<span className='relative text-transparent bg-clip-text bg-gradient-to-r from-secondary to-[#6f117b]'>
3434
fast-moving
3535
</span>
3636
{' teams'}

‎views/Demo.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ import "react-lite-youtube-embed/dist/LiteYouTubeEmbed.css";
55
const ProductDemo = () => {
66
return (
77
<div id='demo' className='w-full text-center py-12'>
8-
<h2 className='font-bold text-[2rem]'>Vibinex <span className='text-[2rem] text-primary-main font-bold'>Demo</span> for GitHub</h2>
8+
<h2 className='font-bold text-[2rem]'>Vibinex <span className='text-[2rem] text-secondary font-bold'>Demo</span> for GitHub</h2>
99
<div className='w-full md:w-2/3 mt-8 m-auto px-2'>
1010
<LiteYouTubeEmbed id="Mennyfd5KNU" title="Vibinex Code Review Demo for GitHub" />
1111
</div>

‎views/Features.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -36,7 +36,7 @@ const FeatureList = [
3636
const Features = () => {
3737
return (
3838
<div id='features' className='w-full text-center py-12 bg-primary'>
39-
<h2 className='font-bold text-[2rem]'>Vibinex <span className='text-[2rem] text-primary-main font-bold'>Features</span></h2>
39+
<h2 className='font-bold text-[2rem]'>Vibinex <span className='text-[2rem] text-secondary font-bold'>Features</span></h2>
4040
<div className='w-full lg:w-4/5 m-auto'>
4141
<Carousel opts={{ loop: true }} plugins={[Autoplay({ playOnInit: true, delay: 3000 })]} controls='dots'>
4242
{FeatureList.map((item) => (

‎views/Hero.tsx

+3-3
Original file line numberDiff line numberDiff line change
@@ -38,10 +38,10 @@ const Hero = (props: { ctaLink: string }) => {
3838
<div className='flex items-center justify-center h-fit bg-black'>
3939
<section className='p-5 text-primary-light my-auto pt-1 md:w-2/3 xl:w-1/2 text-center'>
4040
<h1 className='text-4xl sm:text-5xl md:text-6xl lg:text-7xl xl:text-8xl font-bold mb-4 mt-8'>{'Merge PRs with'}
41-
<span className='text-primary-main font-bold block'>Confidence</span>
41+
<span className='text-secondary font-bold block'>Confidence</span>
4242
</h1>
4343
<p className="text-xl sm:text-2xl text-gray-300">
44-
Auto-assign the <span className="text-primary-main">right reviewers</span>, highlight code <span className="text-primary-main">relevant to you</span>, and boost collaboration to ship <span className="text-primary-main">3x faster</span>.
44+
Auto-assign the <span className="text-secondary">right reviewers</span>, highlight code <span className="text-secondary">relevant to you</span>, and boost collaboration to ship <span className="text-secondary">3x faster</span>.
4545
</p>
4646
<div className="w-full flex space-x-4 my-5">
4747
<Button id="cta-btn" variant="contained" href={props.ctaLink} className='text-center w-[45%] p-3 sm:p-4 px-20 rounded-lg font-bold text-[20px] sm:text-[25px]'>
@@ -52,7 +52,7 @@ const Hero = (props: { ctaLink: string }) => {
5252
</Button>
5353
</div>
5454
<p className="text-lg sm:text-lg mb-10 text-gray-300" title="100% privacy & data protection">
55-
Your code <span className="text-primary-main">never leaves your systems</span> by design
55+
Your code <span className="text-secondary">never leaves your systems</span> by design
5656
</p>
5757
<div className="my-10 w-full relative">
5858
{/*Overlay*/}

‎views/JoinSlack.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -37,7 +37,7 @@ const JoinSlack = () => {
3737
{/* TODO: Instead of a forever link, use this: https://github.com/thesandlord/SlackEngine */}
3838
<Link id='join-slack' href={'https://join.slack.com/t/vibinex/shared_invite/zt-1sysjjso3-1ftC6deRcOgQXW9hD4ozWg'} target='blank'>
3939
<div className='flex justify-center items-center'>
40-
<div className='bg-primary-main m-auto w-[50%] sm:p-5 p-3 px-20 rounded-lg font-bold sm:text-[25px] text-[20px] mt-5' >
40+
<div className='bg-secondary m-auto w-[50%] sm:p-5 p-3 px-20 rounded-lg font-bold sm:text-[25px] text-[20px] mt-5' >
4141
<div className='flex text-primary-light justify-center items-center'>
4242
<h2 className='sm:text-[1.5rem] text-[1rem] mr-4'>Join Now</h2>
4343
<BsSlack size={20} />

‎views/MainAppBar.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@ export default function MainAppBar() {
2626
url='https://calendly.com/avikalp-gupta/30min'
2727
text='Book Demo'
2828
rootElement={rootElement}
29-
className='mr-4 px-2 py-1 rounded-lg text-sm text-primary-main font-semibold'
29+
className='mr-4 px-2 py-1 rounded-lg text-sm text-secondary font-semibold'
3030
/> : null}
3131
<LoginLogout />
3232
</AppBar>

‎views/RepoList.tsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -51,7 +51,7 @@ const RepoList = () => {
5151

5252
if (loading) {
5353
return (
54-
<div className='border-4 border-t-primary-main rounded-full w-6 h-6 animate-spin'> </div>
54+
<div className='border-4 border-t-secondary rounded-full w-6 h-6 animate-spin'> </div>
5555
);
5656
}
5757
if (repoList.length === 0) {
@@ -87,7 +87,7 @@ const RepoList = () => {
8787
<TableCell className="text-center"><ProviderLogo provider={repoProvider} theme={theme} className="mx-auto" /></TableCell>
8888
<TableCell className="text-center"><SwitchSubmit checked={config.auto_assign} toggleFunction={() => setConfig(repo_id, 'auto_assign', !config.auto_assign)} disabled={configLoading} /></TableCell>
8989
<TableCell className="text-center"><SwitchSubmit checked={config.comment} toggleFunction={() => setConfig(repo_id, 'comment', !config.comment)} disabled={configLoading} /></TableCell>
90-
<TableCell className="text-primary-main"><Link href={`/repo?repo_name=${repoAddr}`}>Link</Link></TableCell>
90+
<TableCell className="text-secondary"><Link href={`/repo?repo_name=${repoAddr}`}>Link</Link></TableCell>
9191
</tr>
9292
)
9393
}

‎views/TrustUs.tsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -13,10 +13,10 @@ const data = [
1313
const TrustUs = () => {
1414
return (
1515
<div id='trust' className='w-full text-center py-12 bg-primary'>
16-
<h2 className='font-bold text-[2rem]'>Stay calm and get <span className='text-[2rem] text-primary-main font-bold'>Vibinex</span></h2>
16+
<h2 className='font-bold text-[2rem]'>Stay calm and get <span className='text-[2rem] text-secondary font-bold'>Vibinex</span></h2>
1717
<div className='md:w-2/3 w-[90%] mt-3 p-4 flex flex-col md:flex-row md:justify-center items-center gap-8 mx-auto'>
1818
{data.map((item) => (
19-
<div key={item.heading} className="flex flex-row md:flex-col md:p-5 p-3 rounded-lg border-2 md:mt-7 m-auto border-primary-main w-full md:w-1/3 md:h-96 md:gap-4">
19+
<div key={item.heading} className="flex flex-row md:flex-col md:p-5 p-3 rounded-lg border-2 md:mt-7 m-auto border-secondary w-full md:w-1/3 md:h-96 md:gap-4">
2020
<div className='w-10 md:w-3/4 xl:w-1/2 md:mx-auto'>
2121
<IconContext.Provider value={{ size: '100%', className: 'm-auto' }}>
2222
{item.icon}

‎views/WhyUs.tsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -10,10 +10,10 @@ const data = [
1010
const WhyUs = () => {
1111
return (
1212
<div id='whyus' className='w-full text-center py-12'>
13-
<h2 className='font-bold text-[2rem]'>Why <span className='text-[2rem] text-primary-main font-bold'>Vibinex?</span></h2>
13+
<h2 className='font-bold text-[2rem]'>Why <span className='text-[2rem] text-secondary font-bold'>Vibinex?</span></h2>
1414
<div className='w-[100%] mt-3 p-4'>
1515
{data.map((item) => (
16-
<div key={item.heading} className="flex sm:p-5 p-3 rounded-lg border-2 mt-7 sm:w-[50%] w-[90%] m-auto border-primary-main">
16+
<div key={item.heading} className="flex sm:p-5 p-3 rounded-lg border-2 mt-7 sm:w-[50%] w-[90%] m-auto border-secondary">
1717
<div className=''>
1818
{item.icon}
1919
</div>

0 commit comments

Comments
 (0)