GKaszewski/movies-diary
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: derive heatmap color from primary instead of hardcoded blue

Browse Source
This commit is contained in:
Gabriel Kaszewski
2026-05-04 20:38:13 +02:00
parent 91df35dbd3
commit f4aba551a2
2 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
crates/adapters/template-askama/templates/profile.html
View File

@@ -37,7 +37,7 @@
<div class="heatmap-label">Movies watched this year</div> <div class="heatmap-label">Movies watched this year</div>
<div class="heatmap"> <div class="heatmap">
{% for cell in heatmap %} {% for cell in heatmap %}
<div class="heatmap-cell" style="background: rgba(74, 158, 255, {{ cell.alpha }})"> <div class="heatmap-cell" style="--alpha: {{ cell.alpha }}">
<div class="heatmap-count">{{ cell.count }}</div> <div class="heatmap-count">{{ cell.count }}</div>
<div class="heatmap-month">{{ cell.month_label }}</div> <div class="heatmap-month">{{ cell.month_label }}</div>
</div> </div>

1
static/style.css
View File

@@ -471,6 +471,7 @@ form button[type="submit"]:hover {
text-align: center; text-align: center;
min-height: 48px; min-height: 48px;
display: flex; flex-direction: column; align-items: center; justify-content: center; display: flex; flex-direction: column; align-items: center; justify-content: center;
background: oklch(85.2% 0.199 91.936 / var(--alpha, 0.05));
} }
.heatmap-count { font-size: 0.85rem; font-weight: 700; } .heatmap-count { font-size: 0.85rem; font-weight: 700; }
.heatmap-month { font-size: 0.65rem; opacity: 0.6; margin-top: 2px; } .heatmap-month { font-size: 0.65rem; opacity: 0.6; margin-top: 2px; }