Skip to content

Commit efaa3f1

Browse files
paviropaviro
committed
Updated icon style on calendar and stats to match recap styling
1 parent 6083634 commit efaa3f1

File tree

3 files changed

+32
-32
lines changed

3 files changed

+32
-32
lines changed

‎templates/calendar/calendar.html‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -57,8 +57,8 @@ <h2 class="hidden lg:block text-2xl font-bold text-gray-900 dark:text-white"></h
5757
<!-- Books Count -->
5858
<div class="bg-white dark:bg-dark-800/50 border border-gray-200/70 dark:border-dark-700/70 rounded-lg p-4">
5959
<div class="flex items-center space-x-3">
60-
<div class="w-10 h-10 bg-gradient-to-br from-blue-500 to-blue-600 rounded-lg flex items-center justify-center">
61-
<svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
60+
<div class="w-10 h-10 rounded-lg bg-gradient-to-br from-blue-500/20 to-blue-400/10 dark:from-blue-500/30 dark:to-blue-400/20 flex items-center justify-center">
61+
<svg class="w-5 h-5 text-blue-600 dark:text-blue-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
6262
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.746 0 3.332.477 4.5 1.253v13C19.832 18.477 18.246 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"></path>
6363
</svg>
6464
</div>
@@ -72,8 +72,8 @@ <h2 class="hidden lg:block text-2xl font-bold text-gray-900 dark:text-white"></h
7272
<!-- Pages Read -->
7373
<div class="bg-white dark:bg-dark-800/50 border border-gray-200/70 dark:border-dark-700/70 rounded-lg p-4">
7474
<div class="flex items-center space-x-3">
75-
<div class="w-10 h-10 bg-gradient-to-br from-green-500 to-green-600 rounded-lg flex items-center justify-center">
76-
<svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
75+
<div class="w-10 h-10 rounded-lg bg-gradient-to-br from-green-500/20 to-green-400/10 dark:from-green-500/30 dark:to-green-400/20 flex items-center justify-center">
76+
<svg class="w-5 h-5 text-green-600 dark:text-green-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
7777
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z"></path>
7878
</svg>
7979
</div>
@@ -87,8 +87,8 @@ <h2 class="hidden lg:block text-2xl font-bold text-gray-900 dark:text-white"></h
8787
<!-- Reading Time -->
8888
<div class="bg-white dark:bg-dark-800/50 border border-gray-200/70 dark:border-dark-700/70 rounded-lg p-4">
8989
<div class="flex items-center space-x-3">
90-
<div class="w-10 h-10 bg-gradient-to-br from-purple-500 to-purple-600 rounded-lg flex items-center justify-center">
91-
<svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
90+
<div class="w-10 h-10 rounded-lg bg-gradient-to-br from-purple-500/20 to-purple-400/10 dark:from-purple-500/30 dark:to-purple-400/20 flex items-center justify-center">
91+
<svg class="w-5 h-5 text-purple-600 dark:text-purple-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
9292
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
9393
</svg>
9494
</div>
@@ -102,8 +102,8 @@ <h2 class="hidden lg:block text-2xl font-bold text-gray-900 dark:text-white"></h
102102
<!-- Reading Days Percentage -->
103103
<div class="bg-white dark:bg-dark-800/50 border border-gray-200/70 dark:border-dark-700/70 rounded-lg p-4">
104104
<div class="flex items-center space-x-3">
105-
<div class="w-10 h-10 bg-gradient-to-br from-orange-500 to-orange-600 rounded-lg flex items-center justify-center">
106-
<svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
105+
<div class="w-10 h-10 rounded-lg bg-gradient-to-br from-orange-500/20 to-orange-400/10 dark:from-orange-500/30 dark:to-orange-400/20 flex items-center justify-center">
106+
<svg class="w-5 h-5 text-orange-600 dark:text-orange-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
107107
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"></path>
108108
</svg>
109109
</div>

‎templates/statistics/components/overall_stats.html‎

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -14,8 +14,8 @@ <h2 class="text-xl md:text-2xl font-bold text-gray-900 dark:text-white">Overall
1414
<!-- Total Reading Time Card -->
1515
<div class="bg-white dark:bg-dark-800/50 border border-gray-200/70 dark:border-dark-700/70 rounded-lg p-4">
1616
<div class="flex items-center space-x-3">
17-
<div class="w-10 h-10 bg-gradient-to-br from-primary-500 to-primary-600 rounded-lg flex items-center justify-center">
18-
<svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
17+
<div class="w-10 h-10 rounded-lg bg-gradient-to-br from-primary-500/20 to-primary-400/10 dark:from-primary-500/30 dark:to-primary-400/20 flex items-center justify-center">
18+
<svg class="w-5 h-5 text-primary-600 dark:text-primary-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1919
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
2020
</svg>
2121
</div>
@@ -37,8 +37,8 @@ <h2 class="text-xl md:text-2xl font-bold text-gray-900 dark:text-white">Overall
3737
<!-- Total Pages Read Card -->
3838
<div class="bg-white dark:bg-dark-800/50 border border-gray-200/70 dark:border-dark-700/70 rounded-lg p-4">
3939
<div class="flex items-center space-x-3">
40-
<div class="w-10 h-10 bg-gradient-to-br from-indigo-500 to-indigo-600 rounded-lg flex items-center justify-center">
41-
<svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
40+
<div class="w-10 h-10 rounded-lg bg-gradient-to-br from-indigo-500/20 to-indigo-400/10 dark:from-indigo-500/30 dark:to-indigo-400/20 flex items-center justify-center">
41+
<svg class="w-5 h-5 text-indigo-600 dark:text-indigo-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
4242
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path>
4343
</svg>
4444
</div>
@@ -54,8 +54,8 @@ <h2 class="text-xl md:text-2xl font-bold text-gray-900 dark:text-white">Overall
5454
<!-- Most Pages in a Day Card -->
5555
<div class="bg-white dark:bg-dark-800/50 border border-gray-200/70 dark:border-dark-700/70 rounded-lg p-4">
5656
<div class="flex items-center space-x-3">
57-
<div class="w-10 h-10 bg-gradient-to-br from-green-500 to-green-600 rounded-lg flex items-center justify-center">
58-
<svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
57+
<div class="w-10 h-10 rounded-lg bg-gradient-to-br from-green-500/20 to-green-400/10 dark:from-green-500/30 dark:to-green-400/20 flex items-center justify-center">
58+
<svg class="w-5 h-5 text-green-600 dark:text-green-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
5959
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path>
6060
</svg>
6161
</div>
@@ -71,8 +71,8 @@ <h2 class="text-xl md:text-2xl font-bold text-gray-900 dark:text-white">Overall
7171
<!-- Longest Daily Reading Card -->
7272
<div class="bg-white dark:bg-dark-800/50 border border-gray-200/70 dark:border-dark-700/70 rounded-lg p-4">
7373
<div class="flex items-center space-x-3">
74-
<div class="w-10 h-10 bg-gradient-to-br from-amber-500 to-amber-600 rounded-lg flex items-center justify-center">
75-
<svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
74+
<div class="w-10 h-10 rounded-lg bg-gradient-to-br from-amber-500/20 to-amber-400/10 dark:from-amber-500/30 dark:to-amber-400/20 flex items-center justify-center">
75+
<svg class="w-5 h-5 text-amber-600 dark:text-amber-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
7676
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"></path>
7777
</svg>
7878
</div>
@@ -94,8 +94,8 @@ <h2 class="text-xl md:text-2xl font-bold text-gray-900 dark:text-white">Overall
9494
<!-- Longest Session Duration Card -->
9595
<div class="bg-white dark:bg-dark-800/50 border border-gray-200/70 dark:border-dark-700/70 rounded-lg p-4">
9696
<div class="flex items-center space-x-3">
97-
<div class="w-10 h-10 bg-gradient-to-br from-pink-500 to-pink-600 rounded-lg flex items-center justify-center">
98-
<svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
97+
<div class="w-10 h-10 rounded-lg bg-gradient-to-br from-pink-500/20 to-pink-400/10 dark:from-pink-500/30 dark:to-pink-400/20 flex items-center justify-center">
98+
<svg class="w-5 h-5 text-pink-600 dark:text-pink-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
9999
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
100100
</svg>
101101
</div>
@@ -123,8 +123,8 @@ <h2 class="text-xl md:text-2xl font-bold text-gray-900 dark:text-white">Overall
123123
<!-- Average Session Duration Card -->
124124
<div class="bg-white dark:bg-dark-800/50 border border-gray-200/70 dark:border-dark-700/70 rounded-lg p-4">
125125
<div class="flex items-center space-x-3">
126-
<div class="w-10 h-10 bg-gradient-to-br from-purple-500 to-purple-600 rounded-lg flex items-center justify-center">
127-
<svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
126+
<div class="w-10 h-10 rounded-lg bg-gradient-to-br from-purple-500/20 to-purple-400/10 dark:from-purple-500/30 dark:to-purple-400/20 flex items-center justify-center">
127+
<svg class="w-5 h-5 text-purple-600 dark:text-purple-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
128128
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
129129
</svg>
130130
</div>

‎templates/statistics/components/weekly_stats.html‎

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -29,8 +29,8 @@ <h2 class="text-xl md:text-2xl font-bold text-gray-900 dark:text-white">Weekly S
2929
<!-- Weekly Read Time Card -->
3030
<div class="bg-white dark:bg-dark-800/50 border border-gray-200/70 dark:border-dark-700/70 rounded-lg p-4">
3131
<div class="flex items-center space-x-3">
32-
<div class="w-10 h-10 bg-gradient-to-br from-primary-500 to-primary-600 rounded-lg flex items-center justify-center">
33-
<svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
32+
<div class="w-10 h-10 rounded-lg bg-gradient-to-br from-primary-500/20 to-primary-400/10 dark:from-primary-500/30 dark:to-primary-400/20 flex items-center justify-center">
33+
<svg class="w-5 h-5 text-primary-600 dark:text-primary-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
3434
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
3535
</svg>
3636
</div>
@@ -50,8 +50,8 @@ <h2 class="text-xl md:text-2xl font-bold text-gray-900 dark:text-white">Weekly S
5050
<!-- Weekly Pages Read Card -->
5151
<div class="bg-white dark:bg-dark-800/50 border border-gray-200/70 dark:border-dark-700/70 rounded-lg p-4">
5252
<div class="flex items-center space-x-3">
53-
<div class="w-10 h-10 bg-gradient-to-br from-indigo-500 to-indigo-600 rounded-lg flex items-center justify-center">
54-
<svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
53+
<div class="w-10 h-10 rounded-lg bg-gradient-to-br from-indigo-500/20 to-indigo-400/10 dark:from-indigo-500/30 dark:to-indigo-400/20 flex items-center justify-center">
54+
<svg class="w-5 h-5 text-indigo-600 dark:text-indigo-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
5555
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path>
5656
</svg>
5757
</div>
@@ -71,8 +71,8 @@ <h2 class="text-xl md:text-2xl font-bold text-gray-900 dark:text-white">Weekly S
7171
<!-- Average Pages Per Day Card -->
7272
<div class="bg-white dark:bg-dark-800/50 border border-gray-200/70 dark:border-dark-700/70 rounded-lg p-4">
7373
<div class="flex items-center space-x-3">
74-
<div class="w-10 h-10 bg-gradient-to-br from-amber-500 to-amber-600 rounded-lg flex items-center justify-center">
75-
<svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
74+
<div class="w-10 h-10 rounded-lg bg-gradient-to-br from-amber-500/20 to-amber-400/10 dark:from-amber-500/30 dark:to-amber-400/20 flex items-center justify-center">
75+
<svg class="w-5 h-5 text-amber-600 dark:text-amber-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
7676
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path>
7777
</svg>
7878
</div>
@@ -92,8 +92,8 @@ <h2 class="text-xl md:text-2xl font-bold text-gray-900 dark:text-white">Weekly S
9292
<!-- Average Reading Time Card -->
9393
<div class="bg-white dark:bg-dark-800/50 border border-gray-200/70 dark:border-dark-700/70 rounded-lg p-4">
9494
<div class="flex items-center space-x-3">
95-
<div class="w-10 h-10 bg-gradient-to-br from-green-500 to-green-600 rounded-lg flex items-center justify-center">
96-
<svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
95+
<div class="w-10 h-10 rounded-lg bg-gradient-to-br from-green-500/20 to-green-400/10 dark:from-green-500/30 dark:to-green-400/20 flex items-center justify-center">
96+
<svg class="w-5 h-5 text-green-600 dark:text-green-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
9797
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
9898
</svg>
9999
</div>
@@ -113,8 +113,8 @@ <h2 class="text-xl md:text-2xl font-bold text-gray-900 dark:text-white">Weekly S
113113
<!-- Longest Session Card -->
114114
<div class="bg-white dark:bg-dark-800/50 border border-gray-200/70 dark:border-dark-700/70 rounded-lg p-4">
115115
<div class="flex items-center space-x-3">
116-
<div class="w-10 h-10 bg-gradient-to-br from-pink-500 to-pink-600 rounded-lg flex items-center justify-center">
117-
<svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
116+
<div class="w-10 h-10 rounded-lg bg-gradient-to-br from-pink-500/20 to-pink-400/10 dark:from-pink-500/30 dark:to-pink-400/20 flex items-center justify-center">
117+
<svg class="w-5 h-5 text-pink-600 dark:text-pink-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
118118
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
119119
</svg>
120120
</div>
@@ -146,8 +146,8 @@ <h2 class="text-xl md:text-2xl font-bold text-gray-900 dark:text-white">Weekly S
146146
<!-- Average Session Card -->
147147
<div class="bg-white dark:bg-dark-800/50 border border-gray-200/70 dark:border-dark-700/70 rounded-lg p-4">
148148
<div class="flex items-center space-x-3">
149-
<div class="w-10 h-10 bg-gradient-to-br from-purple-500 to-purple-600 rounded-lg flex items-center justify-center">
150-
<svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
149+
<div class="w-10 h-10 rounded-lg bg-gradient-to-br from-purple-500/20 to-purple-400/10 dark:from-purple-500/30 dark:to-purple-400/20 flex items-center justify-center">
150+
<svg class="w-5 h-5 text-purple-600 dark:text-purple-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
151151
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
152152
</svg>
153153
</div>

0 commit comments

Comments
 (0)