/** * Sfondo sito colorato (dark): colori da variabili CSS (impostazioni Grafica). * Dissolvenza verso il nero al centro; accenti ai bordi. */ html.forum-site-bg-vibrant { --site-bg-accent-top: #7c3aed; --site-bg-accent-left: #6d28d9; --site-bg-accent-right: #b42864; --site-bg-accent-bottom: #0694a2; --site-bg-glow: #342458; --site-bg-base-top: #150f24; --site-bg-base-mid: #06050e; --site-bg-base-bottom: #020203; --site-bg-blob-1: #9361f7; --site-bg-blob-2: #d9468b; --site-bg-blob-3: #22b4d2; } html.forum-site-bg-vibrant body.fh-body { background-color: #030305 !important; background-image: radial-gradient( ellipse 72% 88% at 50% 46%, rgba(3, 3, 5, 1) 0%, rgba(4, 4, 6, 0.94) 18%, rgba(5, 5, 8, 0.72) 38%, rgba(8, 8, 12, 0.28) 58%, transparent 82% ), radial-gradient( ellipse 110% 50% at 50% -12%, color-mix(in srgb, var(--site-bg-accent-top) 24%, transparent), transparent 54% ), radial-gradient( ellipse 50% 75% at -3% 50%, color-mix(in srgb, var(--site-bg-accent-left) 15%, transparent), transparent 50% ), radial-gradient( ellipse 50% 75% at 103% 45%, color-mix(in srgb, var(--site-bg-accent-right) 14%, transparent), transparent 48% ), radial-gradient( ellipse 65% 38% at 50% 105%, color-mix(in srgb, var(--site-bg-accent-bottom) 13%, transparent), transparent 46% ), radial-gradient( ellipse 88% 78% at 50% 38%, color-mix(in srgb, var(--site-bg-glow) 42%, transparent) 0%, color-mix(in srgb, var(--site-bg-glow) 20%, transparent) 32%, transparent 52% ), linear-gradient( 180deg, var(--site-bg-base-top) 0%, color-mix(in srgb, var(--site-bg-base-top) 40%, var(--site-bg-base-mid)) 35%, var(--site-bg-base-mid) 55%, color-mix(in srgb, var(--site-bg-base-mid) 45%, var(--site-bg-base-bottom)) 78%, var(--site-bg-base-bottom) 100% ) !important; background-attachment: fixed; } /* Rumore: opacità/visibilità da variabili su (impostazioni Grafica) */ html.forum-site-bg-vibrant .fh-noise { opacity: var(--site-bg-noise-opacity, 0.012) !important; visibility: var(--site-bg-noise-visibility, visible) !important; pointer-events: none !important; } html.forum-site-bg-vibrant .fh-aurora-blob { opacity: 0.14 !important; filter: blur(92px) saturate(1.12) !important; } html.forum-site-bg-vibrant .fh-aurora-blob:nth-child(1) { background: radial-gradient( circle, color-mix(in srgb, var(--site-bg-blob-1) 48%, transparent), transparent 70% ) !important; } html.forum-site-bg-vibrant .fh-aurora-blob:nth-child(2) { background: radial-gradient( circle, color-mix(in srgb, var(--site-bg-blob-2) 36%, transparent), transparent 70% ) !important; } html.forum-site-bg-vibrant .fh-aurora-blob:nth-child(3) { background: radial-gradient( circle, color-mix(in srgb, var(--site-bg-blob-3) 30%, transparent), transparent 70% ) !important; } @media (max-width: 959px) { html.forum-site-bg-vibrant body.fh-body { background-attachment: scroll; /* fixed + molti layer = repaint a scatti su iOS/Android */ background-repeat: no-repeat; background-size: 100% 100%; } html.forum-site-bg-vibrant .fh-aurora-blob { filter: blur(54px) saturate(1.08) !important; opacity: 0.12 !important; } }