θΏ™ζ˜―indexlocζδΎ›ηš„ζœεŠ‘οΌŒδΈθ¦θΎ“ε…₯任何密码
Skip to content

Teal color for onboarding buttons #3533

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

Merged
merged 2 commits into from
Mar 28, 2025
+6 βˆ’5
Merged

Teal color for onboarding buttons #3533

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
f5329ad
add teal color for onboarding
shatfield4 Mar 25, 2025
6719dd8
Merge branch 'master' into onboarding-teal-buttons
timothycarambat Mar 28, 2025
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: 1 addition & 1 deletion frontend/src/pages/OnboardingFlow/Steps/Survey/index.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -261,7 +261,7 @@ export default function Survey({ setHeader, setForwardBtn, setBackBtn }) {
<button
type="button"
onClick={skipSurvey}
className="text-white text-base font-medium text-opacity-30 hover:text-opacity-100 mt-8"
className="text-white text-base font-medium text-opacity-30 hover:text-opacity-100 hover:text-teal mt-8"
>
{t("onboarding.survey.skip")}
</button>
Expand Down
8 changes: 4 additions & 4 deletions frontend/src/pages/OnboardingFlow/Steps/index.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -74,10 +74,10 @@ export function OnboardingLayout({ children }) {
<button
disabled={forwardBtn.disabled}
onClick={forwardBtn.onClick}
className="group p-2 rounded-lg border-2 border-zinc-300 disabled:border-zinc-600 h-fit w-fit disabled:not-allowed hover:bg-zinc-100 disabled:hover:bg-transparent"
className="group p-2 rounded-lg border-2 border-zinc-300 disabled:border-zinc-600 h-fit w-fit disabled:not-allowed hover:bg-teal disabled:hover:bg-transparent"
>
<ArrowRight
className="text-white group-hover:text-black group-disabled:text-gray-500"
className="text-white group-hover:text-teal group-disabled:text-gray-500"
size={30}
/>
</button>
Expand Down Expand Up @@ -127,11 +127,11 @@ export function OnboardingLayout({ children }) {
<button
disabled={forwardBtn.disabled}
onClick={forwardBtn.onClick}
className="group p-2 rounded-lg border-2 border-theme-sidebar-border h-fit w-fit disabled:cursor-not-allowed hover:bg-theme-bg-secondary disabled:hover:bg-transparent"
className="group p-2 rounded-lg border-2 border-theme-sidebar-border h-fit w-fit disabled:cursor-not-allowed hover:bg-teal disabled:hover:bg-transparent"
aria-label="Continue"
>
<ArrowRight
className="text-theme-text-secondary group-hover:text-theme-text-primary group-disabled:text-gray-500"
className="text-theme-text-secondary group-hover:text-white group-disabled:text-gray-500"
size={30}
/>
</button>
Expand Down
1 change: 1 addition & 0 deletions frontend/tailwind.config.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -45,6 +45,7 @@ export default {
warn: "#854708",
success: "#05603A",
darker: "#F4F4F4",
teal: "#0BA5EC",

// Generic theme colors
theme: {
Expand Down