homelab/stack
1
0
Fork 0
Code Issues 22 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

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

Browse Source
This commit is contained in:
kert
2026-04-18 22:42:26 -04:00
parent 8e1d79a983
commit 16996b43ce
1 changed files with 23 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
docs/src/pages/library.tsx
View File

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