fix: white avatar circle background + dark theme uses same grid as light

This commit is contained in:
juanatsap
2026-04-27 00:07:59 +01:00
parent 668eb56c9f
commit ae7d0a9ab7
2 changed files with 11 additions and 7 deletions
+10 -6
View File
@@ -77,9 +77,11 @@
/* Page Background - Medium gray for dark pattern visibility */
--page-bg: #3a3a3a;
/* Diagonal Grid with Green Glow - Dark */
--page-bg-pattern: repeating-linear-gradient(45deg, rgba(0, 255, 128, 0.15) 0, rgba(0, 255, 128, 0.15) 1px, transparent 1px, transparent 20px),
repeating-linear-gradient(-45deg, rgba(0, 255, 128, 0.15) 0, rgba(0, 255, 128, 0.15) 1px, transparent 1px, transparent 20px);
/* Concentric Squares Pattern - Dark (same shape as light, adapted colors) */
--page-bg-pattern: repeating-linear-gradient(0deg, transparent, transparent 5px, rgba(200, 210, 220, 0.06) 5px, rgba(200, 210, 220, 0.06) 6px, transparent 6px, transparent 15px),
repeating-linear-gradient(90deg, transparent, transparent 5px, rgba(200, 210, 220, 0.06) 5px, rgba(200, 210, 220, 0.06) 6px, transparent 6px, transparent 15px),
repeating-linear-gradient(0deg, transparent, transparent 10px, rgba(180, 190, 200, 0.04) 10px, rgba(180, 190, 200, 0.04) 11px, transparent 11px, transparent 30px),
repeating-linear-gradient(90deg, transparent, transparent 10px, rgba(180, 190, 200, 0.04) 10px, rgba(180, 190, 200, 0.04) 11px, transparent 11px, transparent 30px);
/* Paper/Card Backgrounds */
--paper-bg: #1a1a1a;
@@ -135,9 +137,11 @@
/* Page Background - Medium gray for dark pattern visibility */
--page-bg: #3a3a3a;
/* Diagonal Grid with Green Glow - Dark */
--page-bg-pattern: repeating-linear-gradient(45deg, rgba(0, 255, 128, 0.15) 0, rgba(0, 255, 128, 0.15) 1px, transparent 1px, transparent 20px),
repeating-linear-gradient(-45deg, rgba(0, 255, 128, 0.15) 0, rgba(0, 255, 128, 0.15) 1px, transparent 1px, transparent 20px);
/* Concentric Squares Pattern - Dark (same shape as light, adapted colors) */
--page-bg-pattern: repeating-linear-gradient(0deg, transparent, transparent 5px, rgba(200, 210, 220, 0.06) 5px, rgba(200, 210, 220, 0.06) 6px, transparent 6px, transparent 15px),
repeating-linear-gradient(90deg, transparent, transparent 5px, rgba(200, 210, 220, 0.06) 5px, rgba(200, 210, 220, 0.06) 6px, transparent 6px, transparent 15px),
repeating-linear-gradient(0deg, transparent, transparent 10px, rgba(180, 190, 200, 0.04) 10px, rgba(180, 190, 200, 0.04) 11px, transparent 11px, transparent 30px),
repeating-linear-gradient(90deg, transparent, transparent 10px, rgba(180, 190, 200, 0.04) 10px, rgba(180, 190, 200, 0.04) 11px, transparent 11px, transparent 30px);
/* Paper/Card Backgrounds */
--paper-bg: #1a1a1a;
+1 -1
View File
@@ -358,7 +358,7 @@
.chat-avatar-juan {
width: 36px;
height: 36px;
background: none;
background: #ffffff;
padding: 0;
overflow: hidden;
}