kindred/silo
1
1
Fork 0
Code Issues 30 Pull Requests Actions Packages Projects Releases Wiki Activity

fix(web): table header color overlay1 + selected row mauve tint (#69)

Browse Source 
- All thStyle objects: color subtext1/subtext0 → overlay1
- Selected row bg: surface1 → rgba(mauve, 0.08)

Files: ItemTable, BOMTab, ProjectsPage, SchemasPage,
SettingsPage, AuditTable

Closes #69
This commit is contained in:
Forbes
2026-02-13 13:22:30 -06:00
parent 2585305590
commit 289d488469
6 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
web/src/components/audit/AuditTable.tsx
View File

@@ -85,7 +85,7 @@ export function AuditTable({
style={{
cursor: "pointer",
backgroundColor: isSelected
? "var(--ctp-surface1)"
? "rgba(203, 166, 247, 0.08)"
: "transparent",
transition: "background-color 0.15s",
}}
@@ -154,7 +154,7 @@ const thStyle: React.CSSProperties = {
padding: "var(--d-th-py) var(--d-th-px)",
fontSize: "var(--d-th-font)",
borderBottom: "1px solid var(--ctp-surface1)",
color: "var(--ctp-subtext0)",
color: "var(--ctp-overlay1)",
fontWeight: 500,
position: "sticky",
top: 0,

2
web/src/components/items/BOMTab.tsx
View File

@@ -406,7 +406,7 @@ const thStyle: React.CSSProperties = {
padding: "0.3rem 0.5rem",
textAlign: "left",
borderBottom: "1px solid var(--ctp-surface1)",
color: "var(--ctp-subtext1)",
color: "var(--ctp-overlay1)",
fontWeight: 600,
fontSize: "0.7rem",
textTransform: "uppercase",

4
web/src/components/items/ItemTable.tsx
View File

@@ -150,7 +150,7 @@ export function ItemTable({
padding: "var(--d-th-py) var(--d-th-px)",
textAlign: "left",
borderBottom: "1px solid var(--ctp-surface1)",
color: "var(--ctp-subtext1)",
color: "var(--ctp-overlay1)",
fontWeight: 600,
fontSize: "var(--d-th-font)",
textTransform: "uppercase",
@@ -203,7 +203,7 @@ export function ItemTable({
{sortedItems.map((item, idx) => {
const isSelected = item.part_number === selectedPN;
const rowBg = isSelected
? "var(--ctp-surface1)"
? "rgba(203, 166, 247, 0.08)"
: idx % 2 === 0
? "var(--ctp-base)"
: "var(--ctp-surface0)";

2
web/src/pages/ProjectsPage.tsx
View File

@@ -555,7 +555,7 @@ const thStyle: React.CSSProperties = {
padding: "0.5rem 0.75rem",
textAlign: "left",
borderBottom: "1px solid var(--ctp-surface1)",
color: "var(--ctp-subtext1)",
color: "var(--ctp-overlay1)",
fontWeight: 600,
fontSize: "0.8rem",
textTransform: "uppercase",

2
web/src/pages/SchemasPage.tsx
View File

@@ -691,7 +691,7 @@ const thStyle: React.CSSProperties = {
padding: "0.4rem 0.75rem",
textAlign: "left",
borderBottom: "1px solid var(--ctp-surface1)",
color: "var(--ctp-subtext1)",
color: "var(--ctp-overlay1)",
fontWeight: 600,
fontSize: "0.8rem",
textTransform: "uppercase",

2
web/src/pages/SettingsPage.tsx
View File

@@ -479,7 +479,7 @@ const thStyle: React.CSSProperties = {
padding: "0.5rem 0.75rem",
textAlign: "left",
borderBottom: "1px solid var(--ctp-surface1)",
color: "var(--ctp-subtext1)",
color: "var(--ctp-overlay1)",
fontWeight: 600,
fontSize: "0.8rem",
textTransform: "uppercase",