Update styles for night mode and various elements

Author: TacticalReader

style.css

@@ -900,7 +900,7 @@ body.night-mode .precip-explanation {
 .h-time {
     font-size: 0.8rem;
     color: #4b5563;
-    font-weight: bolder; 
+    font-weight: bolder;
     margin-bottom: 5px;
 }
 
@@ -1197,15 +1197,15 @@ body.night-mode .wind-map-container h3 {
     justify-content: center;
     gap: 8px;
     font-size: 0.8rem;
-    color: #4b5563;
-    font-weight: 600;
+    color: #fff;
 }
 
 .api-attribution img {
     height: 25px;
     width: auto;
     opacity: 0.8;
     transition: opacity 0.3s;
+
 }
 
 .api-attribution img:hover {
@@ -1600,7 +1600,7 @@ body.night-mode .wind-item {
 .live-indicator:focus+.glass-tooltip {
     transform: translateX(-50%) translateY(-4px);
     box-shadow: 0 12px 30px rgba(6, 182, 212, 0.25),
-                inset 0 1px 0 rgba(255, 255, 255, 0.1);
+        inset 0 1px 0 rgba(255, 255, 255, 0.1);
 }
 
 /* Orange border for major-node tooltips */
@@ -1872,16 +1872,16 @@ details[open] .timeline-chevron {
 }
 
 .timeline-author strong {
-    color: #2563eb;
-    font-weight: 700;
+    color: #07090e;
+    text-decoration: underline;
 }
 
 .timeline-label {
     font-family: 'Orbitron', sans-serif;
     font-size: 0.65rem;
     text-transform: uppercase;
     letter-spacing: 2px;
-    color: rgba(30, 41, 59, 0.4);
+    color: #fff;
     pointer-events: none;
     margin: 0;
 }
@@ -1890,6 +1890,7 @@ details[open] .timeline-chevron {
    Responsive — Mobile shows accordion, desktop shows horizontal
    ============================================================ */
 @media (max-width: 768px) {
+
     .timeline-desktop,
     .timeline-desktop-title {
         display: none;
@@ -1924,10 +1925,12 @@ body.night-mode .timeline-author {
 
 body.night-mode .timeline-author strong {
     color: #38bdf8;
+    text-decoration: none;
 }
 
 body.night-mode .timeline-label {
     color: rgba(255, 255, 255, 0.25);
+    font-weight: bolder;
     border-color: rgba(6, 182, 212, 0.2);
 }
 
@@ -2065,20 +2068,24 @@ body.night-mode .forecast-container h3 {
     text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
 }
 
-body.night-mode .h-time{
+body.night-mode .h-time {
     color: #ffffff;
 }
 
-body.night-mode .h-temp{
+body.night-mode .h-temp {
     color: #24973e
 }
 
-body.night-mode .forecast-item .f-desc{
+body.night-mode .forecast-item .f-desc {
     font-size: 0.9rem;
     color: #000000;
     font-weight: bolder;
 }
 
-body.night-mode .api-attribution{
+body.night-mode .api-attribution {
     color: #a5a5a5;
 }
+
+body.night-mode .api-attribution img {
+    filter: brightness(0) invert(1);
+}