diff --git a/baseTemplate/templates/baseTemplate/index.html b/baseTemplate/templates/baseTemplate/index.html index 882cea420..717cdbc27 100644 --- a/baseTemplate/templates/baseTemplate/index.html +++ b/baseTemplate/templates/baseTemplate/index.html @@ -23,6 +23,9 @@ + + + @@ -54,7 +57,7 @@ --bg-sidebar-item: white; --bg-hover: #e8e6ff; --text-primary: #2f3640; - --text-secondary: #64748b; + --text-secondary: #2f3640; /* Changed from grey to dark for better readability */ --text-heading: #1e293b; --border-color: #e8e9ff; --shadow-color: rgba(0,0,0,0.05); @@ -74,7 +77,7 @@ --bg-sidebar-item: #1e1e42; --bg-hover: #252550; --text-primary: #e4e4e7; - --text-secondary: #9ca3af; + --text-secondary: #e4e4e7; /* Changed from grey to light for better readability */ --text-heading: #f3f4f6; --border-color: #2a2a5e; --shadow-color: rgba(0,0,0,0.3); @@ -352,6 +355,12 @@ overflow: hidden; } + /* Fix green text issue - ensure uptime uses normal text color */ + #sidebar .server-info .info-line span, + #sidebar .server-info .info-line .ng-binding { + color: var(--text-secondary) !important; + } + #sidebar .server-info .info-line strong { color: var(--text-primary); font-weight: 600; @@ -701,6 +710,7 @@ background: rgba(255, 255, 255, 0.2); border-radius: 12px; padding: 12px; + -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.3); } @@ -791,6 +801,7 @@ padding: 8px; border-radius: 6px; transition: all 0.2s ease; + -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } @@ -887,6 +898,47 @@ background: var(--accent-hover); } + /* Enhanced Text Readability Fixes */ + /* Ensure all text elements use proper contrast colors */ + .menu-item span, + .menu-item i, + .info-line, + .info-line span, + .info-line strong, + .server-details, + .server-details *, + .tagline, + .brand { + color: inherit !important; + } + + /* Override any Angular binding colors that might be green */ + .ng-binding { + color: var(--text-secondary) !important; + } + + /* Ensure menu items have proper text color */ + #sidebar .menu-item { + color: var(--text-secondary) !important; + } + + #sidebar .menu-item:hover { + color: var(--accent-color) !important; + } + + #sidebar .menu-item.active { + color: white !important; + } + + /* Fix any remaining grey text issues */ + .text-muted, + .text-secondary, + .text-light, + small, + .small { + color: var(--text-secondary) !important; + } + /* Mobile Menu Toggle */ #mobile-menu-toggle { display: none; @@ -1113,7 +1165,6 @@ WordPress - NEW