jozamudi/ani-web
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Stats: match GitHub's contribution-graph look

Browse Source 
- GitHub's green scale (#0e4429 -> #39d353) instead of the orange
  accent-mix
- Mon/Wed/Fri row labels down the left (right-aligned, muted),
  month-label row offset to line up with the grid
- legend right-aligned under the grid
This commit is contained in:
jozamudi committed 2026-08-26 19:14:00 +00:00
1 parent 20a90a587e
commit 0afd27d4d2
2 files changed
+16 -7
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

static/style.css
+11 -6
View File
@@ -58,18 +58,23 @@ h2 { margin: 0.4rem 0; }
.stat-value { font-size: 1.3rem; font-weight: 700; }
.heat-wrap { overflow-x: auto; margin: .5rem 0 .3rem; background: var(--card);
border: 1px solid var(--bd); border-radius: 10px; padding: .7rem .8rem .5rem; }
.heat-lbl { display: flex; gap: 3px; margin-bottom: 2px; height: 12px; }
.heat-lbl { display: flex; gap: 3px; margin-bottom: 2px; height: 12px; margin-left: 32px; }
.heat-lbl .heat-lab { width: 11px; min-width: 0; font-size: .65rem;
color: var(--muted); white-space: nowrap; }
.heat-row { display: flex; }
.heat-days { display: flex; flex-direction: column; gap: 3px; margin-right: 6px; }
.heat-days span { width: 26px; height: 11px; line-height: 11px; text-align: right;
font-size: .65rem; color: var(--muted); }
.heat { display: flex; gap: 3px; }
.heat-col { display: flex; flex-direction: column; gap: 3px; }
.heat i, .heat-lg i { width: 11px; height: 11px; border-radius: 2px; background: var(--bd); }
.heat i.none { background: transparent; }
.heat i.l1, .heat-lg i.l1 { background: color-mix(in srgb, var(--acc) 30%, var(--bd)); }
.heat i.l2, .heat-lg i.l2 { background: color-mix(in srgb, var(--acc) 55%, var(--bd)); }
.heat i.l3, .heat-lg i.l3 { background: color-mix(in srgb, var(--acc) 78%, var(--bd)); }
.heat i.l4, .heat-lg i.l4 { background: var(--acc); }
.heat-lg { display: flex; align-items: center; gap: 3px; font-size: .75rem; color: var(--muted); }
.heat i.l1, .heat-lg i.l1 { background: #0e4429; }
.heat i.l2, .heat-lg i.l2 { background: #006d32; }
.heat i.l3, .heat-lg i.l3 { background: #26a641; }
.heat i.l4, .heat-lg i.l4 { background: #39d353; }
.heat-lg { display: flex; align-items: center; justify-content: flex-end; gap: 3px;
font-size: .75rem; color: var(--muted); margin-top: .5rem; }
.chip { font-size: .7rem; padding: .1rem .5rem; border-radius: 99px; border: 1px solid var(--bd);
color: var(--muted); white-space: nowrap; }
.chip.on { color: var(--acc); border-color: var(--acc); }