Make card and box backgrounds follow navbar theme color

src/app/news/page.tsx

@@ -48,7 +48,7 @@ export default async function NewsPage() {
               >
                 <div
                   style={{
-                    background: "linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 10%, var(--color-surface)), color-mix(in srgb, var(--color-primary) 5%, var(--color-surface)))",
+                    background: "linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 10%, var(--color-navbar)), color-mix(in srgb, var(--color-primary) 5%, var(--color-navbar)))",
                     borderBottom: "1px solid color-mix(in srgb, var(--color-text-muted) 8%, transparent)",
                     padding: "0.6rem 0.75rem",
                     fontSize: "0.78rem",
@@ -65,7 +65,7 @@ export default async function NewsPage() {
                   />
                 ) : (
                   <div
-                    style={{ width: "100%", aspectRatio: "16/9", backgroundColor: "var(--color-surface)" }}
+                    style={{ width: "100%", aspectRatio: "16/9", backgroundColor: "var(--color-navbar)" }}
                   />
                 )}
                 <div style={{ padding: "0.75rem" }}>