style(docs): replace dark-theme hardcoded colors in library with fhirworx light palette
Some checks failed
CI / lint (push) Successful in 42s
Deploy / notebooks (push) Has been skipped
Deploy / zotero (push) Has been skipped
Deploy / docs (push) Has been skipped
Deploy / api (push) Has been skipped
Deploy / mc (push) Has been skipped
Infra CI / notebooks (push) Failing after 16s
Infra CI / zotero (push) Successful in 15s
Infra CI / docs (push) Failing after 1m26s
Infra CI / api (push) Successful in 17s
Infra CI / mc (push) Successful in 15s
Deploy / report (push) Successful in 41s
CI / test (push) Successful in 46m28s
Renovate / renovate (push) Successful in 46s
Package Supply Chain / pkg-supply-chain (push) Failing after 51s

This commit is contained in:
kert
2026-04-18 22:42:26 -04:00
parent 8e1d79a983
commit 16996b43ce

View File

@@ -217,7 +217,7 @@ export default function Library(): JSX.Element {
style={{
background: "none",
border: "none",
color: !selectedCollection ? "#4488dd" : "#a0b0c8",
color: !selectedCollection ? "#1C2B3A" : "#4A4A47",
cursor: "pointer",
padding: "2px 0",
fontFamily: "inherit",
@@ -239,7 +239,7 @@ export default function Library(): JSX.Element {
background: "none",
border: "none",
color:
selectedCollection === c.key ? "#4488dd" : "#a0b0c8",
selectedCollection === c.key ? "#1C2B3A" : "#4A4A47",
cursor: "pointer",
padding: "2px 0",
fontFamily: "inherit",
@@ -267,11 +267,11 @@ export default function Library(): JSX.Element {
fontSize: "0.75rem",
padding: "1px 6px",
borderRadius: 3,
border: "1px solid #1a2a44",
border: "1px solid #B8B3A4",
background: selectedTags.has(t.name)
? "#4488dd"
: "#0d1e36",
color: selectedTags.has(t.name) ? "#fff" : "#a0b0c8",
? "#1C2B3A"
: "#EDEBE6",
color: selectedTags.has(t.name) ? "#F7F5F0" : "#4A4A47",
cursor: "pointer",
fontFamily: "inherit",
}}
@@ -300,16 +300,16 @@ export default function Library(): JSX.Element {
width: "100%",
padding: "0.5rem 0.75rem",
fontSize: "0.9rem",
background: "#0d1e36",
border: "1px solid #1a2a44",
background: "#EDEBE6",
border: "1px solid #B8B3A4",
borderRadius: 4,
color: "#e8e0d4",
color: "#1A1A18",
fontFamily: "inherit",
}}
/>
</div>
<p style={{ fontSize: "0.85rem", color: "#a0b0c8" }}>
<p style={{ fontSize: "0.85rem", color: "#4A4A47" }}>
{filtered.length} results
{totalPages > 1 && ` — page ${page + 1} of ${totalPages}`}
</p>
@@ -324,7 +324,7 @@ export default function Library(): JSX.Element {
<thead>
<tr
style={{
borderBottom: "2px solid #1a2a44",
borderBottom: "2px solid #B8B3A4",
textAlign: "left",
}}
>
@@ -338,7 +338,7 @@ export default function Library(): JSX.Element {
{pageItems.map((item) => (
<tr
key={item.key}
style={{ borderBottom: "1px solid #111d30" }}
style={{ borderBottom: "1px solid #D4D0C8" }}
>
<td style={{ padding: "6px 8px" }}>
{item.url ? (
@@ -346,7 +346,7 @@ export default function Library(): JSX.Element {
href={item.url}
target="_blank"
rel="noopener noreferrer"
style={{ color: "#66aaff" }}
style={{ color: "#2D5F7F" }}
>
{item.title}
</a>
@@ -354,10 +354,10 @@ export default function Library(): JSX.Element {
item.title
)}
</td>
<td style={{ padding: "6px 8px", color: "#a0b0c8" }}>
<td style={{ padding: "6px 8px", color: "#4A4A47" }}>
{item.item_type}
</td>
<td style={{ padding: "6px 8px", color: "#a0b0c8" }}>
<td style={{ padding: "6px 8px", color: "#4A4A47" }}>
{item.date_published}
</td>
<td style={{ padding: "6px 8px" }}>
@@ -374,9 +374,9 @@ export default function Library(): JSX.Element {
style={{
fontSize: "0.7rem",
padding: "0 4px",
background: "#111d30",
background: "#D4D0C8",
borderRadius: 2,
color: "#a0b0c8",
color: "#4A4A47",
}}
>
{t}
@@ -408,10 +408,10 @@ export default function Library(): JSX.Element {
onClick={() => setPage((p) => p - 1)}
style={{
padding: "4px 12px",
background: "#0d1e36",
border: "1px solid #1a2a44",
background: "#EDEBE6",
border: "1px solid #B8B3A4",
borderRadius: 3,
color: "#a0b0c8",
color: "#4A4A47",
cursor: page === 0 ? "not-allowed" : "pointer",
fontFamily: "inherit",
}}
@@ -423,10 +423,10 @@ export default function Library(): JSX.Element {
onClick={() => setPage((p) => p + 1)}
style={{
padding: "4px 12px",
background: "#0d1e36",
border: "1px solid #1a2a44",
background: "#EDEBE6",
border: "1px solid #B8B3A4",
borderRadius: 3,
color: "#a0b0c8",
color: "#4A4A47",
cursor: page >= totalPages - 1 ? "not-allowed" : "pointer",
fontFamily: "inherit",
}}