style: enhance background noise opacity and harmonise sidebar color

This commit is contained in:
Michael committed 2026-02-05 15:13:49 +01:00
1 parent dcdd2cc11f
commit 8693f4ce1b
2 files changed
+3 -2

No files matched your search

+1 -1
View File
@@ -65,7 +65,7 @@ export function Sidebar({ onSelectFeed, selectedFeedId }: SidebarProps) {
return (
<>
<aside className="w-72 bg-carbon-dark/50 backdrop-blur-xl border-r border-white/5 h-screen flex flex-col z-20">
<aside className="w-72 bg-carbon/60 backdrop-blur-xl border-r border-earth/10 h-screen flex flex-col z-20">
<div className="p-8 pb-4">
<div className="flex items-center justify-between mb-8">
+2 -1
View File
@@ -35,8 +35,9 @@
min-height: 100vh;
border-top: 4px solid var(--color-nature);
/* Editorial Touch */
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.04'/%3E%3C/svg%3E");
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.12'/%3E%3C/svg%3E");
background-blend-mode: multiply;
background-repeat: repeat;
}
h1,