lfg2025/archy
1
0
Fork 0
Code Issues 20 Pull Requests Actions Packages Projects Releases 61 Wiki Activity

fix(ui): heavier scrim over the bright web5/server backdrop

Browse Source 
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
Dorian 2026-07-17 03:07:30 +01:00
parent 977b8d06b8
commit 46dd853614
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
neode-ui/src/views/Dashboard.vue
View File

@ -52,9 +52,11 @@
aria-hidden="true"
/>
<!-- Background overlay - uniform 0.2 opacity -->
<!-- Background overlay. The web5/server backdrop is a much lighter image
than the others, so it gets a heavier scrim for text contrast. -->
<div
class="fixed inset-0 pointer-events-none bg-black/20"
class="fixed inset-0 pointer-events-none bg-black transition-opacity duration-500"
:class="isWeb5Bg ? 'opacity-[0.45]' : 'opacity-20'"
style="z-index: -5;"
/>
@ -190,6 +192,10 @@ const backgroundImage = computed(() => {
return 'bg-home.webp'
})
// bg-web5.jpg (web5 + server sections) is bright — the scrim overlay deepens
// while it's showing so light text keeps its contrast.
const isWeb5Bg = computed(() => backgroundImage.value === 'bg-web5.jpg')
const isDarkRoute = computed(() => {
const p = route.path
return p.includes('/dashboard/web5') ||