fix: white avatar circle background + dark theme uses same grid as light
This commit is contained in:
@@ -77,9 +77,11 @@
|
|||||||
/* Page Background - Medium gray for dark pattern visibility */
|
/* Page Background - Medium gray for dark pattern visibility */
|
||||||
--page-bg: #3a3a3a;
|
--page-bg: #3a3a3a;
|
||||||
|
|
||||||
/* Diagonal Grid with Green Glow - Dark */
|
/* Concentric Squares Pattern - Dark (same shape as light, adapted colors) */
|
||||||
--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),
|
--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(-45deg, rgba(0, 255, 128, 0.15) 0, rgba(0, 255, 128, 0.15) 1px, transparent 1px, transparent 20px);
|
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/Card Backgrounds */
|
||||||
--paper-bg: #1a1a1a;
|
--paper-bg: #1a1a1a;
|
||||||
@@ -135,9 +137,11 @@
|
|||||||
/* Page Background - Medium gray for dark pattern visibility */
|
/* Page Background - Medium gray for dark pattern visibility */
|
||||||
--page-bg: #3a3a3a;
|
--page-bg: #3a3a3a;
|
||||||
|
|
||||||
/* Diagonal Grid with Green Glow - Dark */
|
/* Concentric Squares Pattern - Dark (same shape as light, adapted colors) */
|
||||||
--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),
|
--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(-45deg, rgba(0, 255, 128, 0.15) 0, rgba(0, 255, 128, 0.15) 1px, transparent 1px, transparent 20px);
|
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/Card Backgrounds */
|
||||||
--paper-bg: #1a1a1a;
|
--paper-bg: #1a1a1a;
|
||||||
|
|||||||
@@ -358,7 +358,7 @@
|
|||||||
.chat-avatar-juan {
|
.chat-avatar-juan {
|
||||||
width: 36px;
|
width: 36px;
|
||||||
height: 36px;
|
height: 36px;
|
||||||
background: none;
|
background: #ffffff;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user