salman/igny8
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update igny8-colors.css

Browse Source
This commit is contained in:
Desktop
2025-11-13 00:10:13 +05:00
parent 469e07e046
commit 15fc384052
1 changed files with 29 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
frontend/src/styles/igny8-colors.css
View File

@@ -230,6 +230,35 @@
.igny8-badge-danger { background: var(--igny8-red); }
.igny8-badge-purple { background: var(--igny8-purple); }
/* ===================================================================
LIGHTBOX GLASSMORPHISM STYLES
=================================================================== */
/* Custom glassmorphism background for yet-another-react-lightbox */
.yarl__container {
background: rgba(0, 0, 0, 0.4) !important;
backdrop-filter: blur(12px) saturate(180%);
-webkit-backdrop-filter: blur(12px) saturate(180%);
}
.yarl__backdrop {
background: rgba(0, 0, 0, 0.3) !important;
backdrop-filter: blur(12px) saturate(180%);
-webkit-backdrop-filter: blur(12px) saturate(180%);
}
/* Dark mode adjustments */
.dark .yarl__container {
background: rgba(0, 0, 0, 0.5) !important;
backdrop-filter: blur(16px) saturate(180%);
-webkit-backdrop-filter: blur(16px) saturate(180%);
}
.dark .yarl__backdrop {
background: rgba(0, 0, 0, 0.4) !important;
backdrop-filter: blur(16px) saturate(180%);
-webkit-backdrop-filter: blur(16px) saturate(180%);
}
/* ===================================================================
COMPACT LAYOUT STYLES (Global - Apply to all pages)
=================================================================== */