diff --git a/components/notifications.js b/components/notifications.js
index 5c5367a1..f6f9f9d8 100644
--- a/components/notifications.js
+++ b/components/notifications.js
@@ -96,7 +96,7 @@ function NotificationLayout ({ children, type, nid, href, as, fresh }) {
function NoteHeader ({ color, children, big }) {
return (
-
+
{children}
)
@@ -227,7 +227,7 @@ function ReferralReward ({ n }) {
{n.sources &&
{n.sources.forever > 0 && {numWithUnits(n.sources.forever, { abbreviate: false })} for stackers joining because of you}
- {n.sources.oneDay > 0 && {n.sources.oneDay > 0 && ' \\ '}{numWithUnits(n.sources.oneDay, { abbreviate: false })} for stackers referred to content by you today}
+ {n.sources.oneDay > 0 && {n.sources.forever > 0 && ' \\ '}{numWithUnits(n.sources.oneDay, { abbreviate: false })} for stackers referred to content by you today}
}
SN gives referral rewards to stackers like you for referring the top stackers daily. You refer stackers when they visit your posts, comments, profile, territory, or if they visit SN through your referral links.
diff --git a/components/notifications.module.css b/components/notifications.module.css
index 5fd5c56c..73f9b6e7 100644
--- a/components/notifications.module.css
+++ b/components/notifications.module.css
@@ -1,6 +1,6 @@
.fresh {
border-radius: 0;
- border: solid 1px var(--bs-info);
+ border: solid 1px var(--theme-note-fresh);
border-bottom: 0;
border-top: 0;
}
@@ -8,13 +8,13 @@
.fresh:not(.fresh ~ .fresh) {
border-top-left-radius: .4rem;
border-top-right-radius: .4rem;
- border-top: solid 1px var(--bs-info);
+ border-top: solid 1px var(--theme-note-fresh);
}
.fresh:has(+ :not(.fresh)) {
border-bottom-left-radius: .4rem;
border-bottom-right-radius: .4rem;
- border-bottom: solid 1px var(--bs-info);
+ border-bottom: solid 1px var(--theme-note-fresh);
}
.reply {
diff --git a/styles/globals.scss b/styles/globals.scss
index 4ece9a02..79043fab 100644
--- a/styles/globals.scss
+++ b/styles/globals.scss
@@ -152,6 +152,7 @@ $zindex-sticky: 900;
--theme-linkHover: #004a72;
--theme-linkVisited: #53758;
--theme-note-reply: rgba(0, 0, 0, 0.04);
+ --theme-note-fresh: rgba(0, 124, 190, 0.5);
}
[data-bs-theme=dark] {
@@ -177,6 +178,7 @@ $zindex-sticky: 900;
--theme-linkHover: #007cbe;
--theme-linkVisited: #56798E;
--theme-note-reply: rgba(255, 255, 255, 0.06);
+ --theme-note-fresh: rgba(0, 124, 190, 0.75);
}
@import '../node_modules/bootstrap/scss/bootstrap.scss';