Compare commits

2 Commits

Author SHA1 Message Date
45b0f5f2a6 rosary: less colourful mystery selector
All checks were successful
CI / update (push) Successful in 1m28s
2026-01-30 15:47:58 +01:00
92963f4451 rosary: StreakCounter singular Tag for length==1 2026-01-30 15:41:20 +01:00
2 changed files with 9 additions and 11 deletions

View File

@@ -21,7 +21,7 @@ $effect(() => {
<div class="streak-container"> <div class="streak-container">
<div class="streak-display"> <div class="streak-display">
<span class="streak-number">{streak?.length ?? 0}</span> <span class="streak-number">{streak?.length ?? 0}</span>
<span class="streak-label">Tage</span> <span class="streak-label">Tag{#if streak?.length !== 1}e{/if}</span>
</div> </div>
<button <button
class="streak-button" class="streak-button"

View File

@@ -983,14 +983,8 @@ h1 {
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
} }
.mystery-button:nth-child(1):hover, .mystery-button:hover,
.mystery-button:nth-child(1).selected { background: var(--nord15); } .mystery-button.selected { background: var(--nord4); }
.mystery-button:nth-child(2):hover,
.mystery-button:nth-child(2).selected { background: var(--nord13); }
.mystery-button:nth-child(3):hover,
.mystery-button:nth-child(3).selected { background: var(--nord14); }
.mystery-button:nth-child(4):hover,
.mystery-button:nth-child(4).selected { background: var(--nord12); }
.mystery-button svg { .mystery-button svg {
width: 80px; width: 80px;
@@ -1005,7 +999,9 @@ h1 {
} }
} }
.mystery-button.selected svg { .mystery-button.selected svg,
.mystery-button:hover svg
{
fill: var(--nord10); fill: var(--nord10);
} }
@@ -1021,7 +1017,9 @@ h1 {
} }
} }
.mystery-button.selected h3 { .mystery-button.selected h3,
.mystery-button:hover h3
{
color: var(--nord10); color: var(--nord10);
font-weight: 700; font-weight: 700;
} }