TDvorak/TD_Portfolio
1
0 Fork 0
mirror of https://github.com/Dvorinka/Portfolio.git synced 2026-10-28 07:41:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

Brand-accent tags on all project cards

Browse Source 
Each card tag now carries an accent sampled from the product's own
UI (Nothing red, Containr lime, Vibly chartreuse, PulseMonitor blue,
SportCreative purple, ZEUS red...). Single --acc variable per class,
auto-darkened for light theme.

Authored By: TDvorak <[email protected]>

Generated with [Devin](https://devin.ai)

Co-Authored-By: Devin <158243242+devin-ai-integration[bot]@users.noreply.github.com>
This commit is contained in:
Tomas DvorakandDevin committed 2026-09-20 11:58:07 +02:00
1 parent a73979f0d1
commit 627d76ad34
2 files changed
+24 -11
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

style.css
+14 -1
View File
@@ -208,7 +208,20 @@ a { color: inherit; text-decoration: none; }
font-family: var(--font-mono); font-size: 11px; color: var(--fg-dim);
padding: 3px 8px; border: 1px solid var(--border); border-radius: 999px;
}
.tag-lime { color: #a3e635; border-color: rgba(163, 230, 53, 0.35); }
/* brand accent tags — color sampled from each product's own UI */
.tag-lime { --acc: #a3e635; } /* containr */
.tag-nothing { --acc: #f04e55; } /* nothing red */
.tag-cal { --acc: #7da88b; } /* sage */
.tag-pulse { --acc: #5eb3ff; } /* monitor blue */
.tag-bookra { --acc: #d8b98a; } /* warm tan */
.tag-vibly { --acc: #b8ff2e; } /* chartreuse */
.tag-silver { --acc: #c9cdd3; } /* timespent mono */
.tag-sportcreative { --acc: #9a7ae0; } /* purple */
.tag-zeus { --acc: #e05a52; } /* red */
.tag-reklik { --acc: #58aed8; } /* blue */
.tag-bizoni { --acc: #c05b50; } /* maroon */
.tag[class*="tag-"] { color: var(--acc); border-color: color-mix(in srgb, var(--acc) 35%, transparent); }
[data-theme="light"] .tag[class*="tag-"] { color: color-mix(in srgb, var(--acc) 45%, #000); border-color: color-mix(in srgb, var(--acc) 50%, transparent); }
.card-body > p { margin-top: 8px; font-size: 14px; color: var(--fg-dim); line-height: 1.55; }
/* ============ Row lists ============ */