diff --git a/assets/javascripts/discourse/components/rewind.gjs b/assets/javascripts/discourse/components/rewind.gjs
index 665b7d8..3d1b188 100644
--- a/assets/javascripts/discourse/components/rewind.gjs
+++ b/assets/javascripts/discourse/components/rewind.gjs
@@ -86,8 +86,16 @@ export default class Rewind extends Component {
{{#if (eq report.identifier "reactions")}}
+
+
+
+
{{else if (eq report.identifier "activity-calendar")}}
+
+
+
+
{{/if}}
{{!-- {{else if (eq report.identifier "fbff")}}
diff --git a/assets/stylesheets/common/card.scss b/assets/stylesheets/common/card.scss
index 6751925..44b1eba 100644
--- a/assets/stylesheets/common/card.scss
+++ b/assets/stylesheets/common/card.scss
@@ -1,6 +1,6 @@
.rewind-card {
- box-shadow: 0 0 0 1px var(--primary-300), 0 0 0 4px var(--primary-100);
- border-radius: calc(var(--d-border-radius) / 2);
+ box-shadow: 0 0 0 1px var(--primary-200);
+ border-radius: var(--d-border-radius);
display: flex;
flex-direction: column;
text-align: center;
diff --git a/assets/stylesheets/common/rewind.scss b/assets/stylesheets/common/rewind.scss
index 1f5e845..f97e79c 100644
--- a/assets/stylesheets/common/rewind.scss
+++ b/assets/stylesheets/common/rewind.scss
@@ -16,7 +16,7 @@
width: calc(100vw - (100vw - 100%) + 2px);
height: 100vh;
position: fixed;
- background: rgba(255, 255, 255, 0.5);
+ background: rgba(var(--secondary-rgb), 0.5);
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(4.9px);
-webkit-backdrop-filter: blur(4.9px);
diff --git a/public/images/bg-1.png b/public/images/bg-1.png
new file mode 100644
index 0000000..38c150c
Binary files /dev/null and b/public/images/bg-1.png differ
diff --git a/public/images/bg-2.png b/public/images/bg-2.png
new file mode 100644
index 0000000..b0cf15a
Binary files /dev/null and b/public/images/bg-2.png differ