c0ntroller/frontpage
1
0
Fork 0
Code Issues 4 Pull Requests Actions Packages Projects 1 Activity

First colors

Browse Source
This commit is contained in:
Daniel Kluge
2022-10-24 23:53:00 +02:00
parent 62c5ef0c25
commit 7d958d67dc
3 changed files with 28 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
pages/me.tsx
View File

@ -29,13 +29,11 @@ const SkillCard: NextPage<{ card: SkillCard }> = ({ card }) => {
background: card.colors?.background,
"--ch-color": card.colors?.heading,
"--bar-color": card.colors?.bars,
color: undefined,
color: card.colors?.useDarkColor === undefined ? undefined : (card.colors?.useDarkColor ? "#222" : "#ddd"),
"--badge-bg": card.colors?.badges?.background,
"--badge-color": card.colors?.badges?.useDarkColor === undefined ? undefined : (card.colors?.badges?.useDarkColor ? "#222" : "#ddd"),
} as React.CSSProperties;
try {
cardStyle.color = Color(cardStyle.background).isDark() ? "#ddd" : "#222";
} catch {}
return <div className={styles.skillCard} style={cardStyle}>
<h3>{card.title}</h3>
<div className={styles.skillBarsSet}>