Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

FEAT: Add yellow color to Find issues button in light mode and default in dark mode #213 #223

Merged
merged 3 commits into from
Jun 7, 2023
Merged

FEAT: Add yellow color to Find issues button in light mode and default in dark mode #213 #223

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
4b4d27e
FEAT: Add yellow color to Find issues button in light mode and defaul…
ThGnommy Jun 6, 2023
bc6aa05
merge 'bg color' and 'hover color' into one value
ThGnommy Jun 6, 2023
c40331e
Merge branch 'main' into feat/find_issues_colors
ThGnommy Jun 7, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions web/src/Context/ThemeContext.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,7 @@ const SCREEN_THEME = {
navBar_LinkColor: "bg-yellow-400",
navBar_GitBtnColor: "bg-white-400",
navBar_GitBtnIconColor: "text-black",
bg_DefaultBtn: "bg-yellow-400 hover:bg-yellow-500",
checked: false
},
Dark_Theme: {
Expand All @@ -19,6 +20,7 @@ const SCREEN_THEME = {
navBar_LinkColor: "bg-gray-800",
navBar_BtnColor: "bg-gray-800",
navBar_GitBtnIconColor: "text-white",
bg_DefaultBtn: "bg-purple-500 hover:bg-purple-600",
checked: true
}
}
Expand Down
8 changes: 6 additions & 2 deletions web/src/pages/Home/Home.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,9 @@ const Home = () => {
<section className="text-gray-400 body-font">
<div className="container flex flex-col items-center min-h-screen px-5 py-6 md:py-10 mx-auto md:flex-row">
<div className="flex flex-col items-center md:self-start md:pt-40 mb-16 text-center lg:flex-grow md:w-1/2 lg:pr-20 md:pr-16 md:items-start md:text-left md:mb-0">
<h1 className={`block mb-4 text-4xl font-extrabold ${theme.text_Color} title-font sm:text-5xl`}>
<h1
className={`block mb-4 text-4xl font-extrabold ${theme.text_Color} title-font sm:text-5xl`}
>
Contribute to the world of{" "}
<span className="text-yellow-400 transition-transform sm:inline-block sm:ml-4 md:ml-0 hover:scale-110">
Open Source
Expand All @@ -26,7 +28,9 @@ const Home = () => {
</div>
<div className="flex justify-center">
<Link to="/issues">
<button className="inline-flex text-white bg-purple-500 border-0 py-3 px-8 focus:outline-none hover:bg-purple-600 rounded text-lg font-bold hover:translate-y-[-5px] transition-transform duration-300">
<button
className={`inline-flex text-white ${theme.bg_DefaultBtn} border-0 py-3 px-8 focus:outline-none rounded text-lg font-bold hover:translate-y-[-5px] transition-transform duration-300`}
>
Find Issues
</button>
</Link>
Expand Down