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

Jump to bottom

Zheyichn/746 rake icon contrast fix #750

Merged
merged 3 commits into from
Jul 18, 2024
Merged

Zheyichn/746 rake icon contrast fix #750

Changes from 2 commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
c9ff213
Merge pull request #738 from CodeForPhilly/staging
CodeWritingCow Jul 14, 2024
61025ad
make rake icon white under drak mode
zheyichn Jul 15, 2024
f89306b
use default color theme
zheyichn Jul 16, 2024
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
115 changes: 65 additions & 50 deletions src/components/icons/Rake.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,52 +1,67 @@
export const Rake = () => (
<svg
width="32"
height="33"
viewBox="0 0 32 33"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M3 20.3799C3.55228 20.3799 4 20.8276 4 21.3799V26.3799C4 26.9322 3.55228 27.3799 3 27.3799C2.44772 27.3799 2 26.9322 2 26.3799V21.3799C2 20.8276 2.44772 20.3799 3 20.3799Z"
fill="black"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M7 20.8799C7.55228 20.8799 8 21.3276 8 21.8799V26.8799C8 27.4322 7.55228 27.8799 7 27.8799C6.44772 27.8799 6 27.4322 6 26.8799V21.8799C6 21.3276 6.44772 20.8799 7 20.8799Z"
fill="black"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M11 21.3799C11.5523 21.3799 12 21.8276 12 22.3799V27.3799C12 27.9322 11.5523 28.3799 11 28.3799C10.4477 28.3799 10 27.9322 10 27.3799V22.3799C10 21.8276 10.4477 21.3799 11 21.3799Z"
fill="black"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M10.3121 23.1052C9.9112 22.7254 9.89409 22.0925 10.2739 21.6915L28.2739 2.69153C28.6538 2.29059 29.2867 2.27349 29.6876 2.65332C30.0886 3.03315 30.1057 3.66608 29.7258 4.06702L11.7258 23.067C11.346 23.4679 10.7131 23.4851 10.3121 23.1052Z"
fill="black"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M15 21.8799C15.5523 21.8799 16 22.3276 16 22.8799V27.8799C16 28.4322 15.5523 28.8799 15 28.8799C14.4477 28.8799 14 28.4322 14 27.8799V22.8799C14 22.3276 14.4477 21.8799 15 21.8799Z"
fill="black"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M19 22.3799C19.5523 22.3799 20 22.8276 20 23.3799V28.3799C20 28.9322 19.5523 29.3799 19 29.3799C18.4477 29.3799 18 28.9322 18 28.3799V23.3799C18 22.8276 18.4477 22.3799 19 22.3799Z"
fill="black"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M2.00783 21.256C2.07633 20.7079 2.57612 20.3192 3.12414 20.3877L19.1241 22.3877C19.6722 22.4562 20.0609 22.956 19.9924 23.504C19.9239 24.052 19.4241 24.4408 18.8761 24.3723L2.87607 22.3723C2.32805 22.3038 1.93932 21.804 2.00783 21.256Z"
fill="black"
/>
</svg>
<>
<style>
{`
.rake-icon {
fill: black;
bacitracin marked this conversation as resolved.
Show resolved Hide resolved
}

@media (prefers-color-scheme: dark) {
.rake-icon {
fill: white;
}
}
`}
</style>
<svg
width="32"
height="33"
viewBox="0 0 32 33"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M3 20.3799C3.55228 20.3799 4 20.8276 4 21.3799V26.3799C4 26.9322 3.55228 27.3799 3 27.3799C2.44772 27.3799 2 26.9322 2 26.3799V21.3799C2 20.8276 2.44772 20.3799 3 20.3799Z"
className="rake-icon"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M7 20.8799C7.55228 20.8799 8 21.3276 8 21.8799V26.8799C8 27.4322 7.55228 27.8799 7 27.8799C6.44772 27.8799 6 27.4322 6 26.8799V21.8799C6 21.3276 6.44772 20.8799 7 20.8799Z"
className="rake-icon"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M11 21.3799C11.5523 21.3799 12 21.8276 12 22.3799V27.3799C12 27.9322 11.5523 28.3799 11 28.3799C10.4477 28.3799 10 27.9322 10 27.3799V22.3799C10 21.8276 10.4477 21.3799 11 21.3799Z"
className="rake-icon"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M10.3121 23.1052C9.9112 22.7254 9.89409 22.0925 10.2739 21.6915L28.2739 2.69153C28.6538 2.29059 29.2867 2.27349 29.6876 2.65332C30.0886 3.03315 30.1057 3.66608 29.7258 4.06702L11.7258 23.067C11.346 23.4679 10.7131 23.4851 10.3121 23.1052Z"
className="rake-icon"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M15 21.8799C15.5523 21.8799 16 22.3276 16 22.8799V27.8799C16 28.4322 15.5523 28.8799 15 28.8799C14.4477 28.8799 14 28.4322 14 27.8799V22.8799C14 22.3276 14.4477 21.8799 15 21.8799Z"
className="rake-icon"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M19 22.3799C19.5523 22.3799 20 22.8276 20 23.3799V28.3799C20 28.9322 19.5523 29.3799 19 29.3799C18.4477 29.3799 18 28.9322 18 28.3799V23.3799C18 22.8276 18.4477 22.3799 19 22.3799Z"
className="rake-icon"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M2.00783 21.256C2.07633 20.7079 2.57612 20.3192 3.12414 20.3877L19.1241 22.3877C19.6722 22.4562 20.0609 22.956 19.9924 23.504C19.9239 24.052 19.4241 24.4408 18.8761 24.3723L2.87607 22.3723C2.32805 22.3038 1.93932 21.804 2.00783 21.256Z"
className="rake-icon"
/>
</svg>
</>
);