Update light_mode_chatter_owl.css
Browse files- light_mode_chatter_owl.css +43 -0
light_mode_chatter_owl.css
CHANGED
|
@@ -357,6 +357,49 @@ body.dark-mode #top-bar {
|
|
| 357 |
border-color: #444;
|
| 358 |
}
|
| 359 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 360 |
@keyframes float {
|
| 361 |
0% { transform: translateY(0px); }
|
| 362 |
50% { transform: translateY(-8px); }
|
|
|
|
| 357 |
border-color: #444;
|
| 358 |
}
|
| 359 |
|
| 360 |
+
/* Sidebar base */
|
| 361 |
+
#sidebar {
|
| 362 |
+
font-size: 0.95em;
|
| 363 |
+
font-family: 'Segoe UI', sans-serif;
|
| 364 |
+
background-color: #f5f5f5;
|
| 365 |
+
padding: 20px;
|
| 366 |
+
}
|
| 367 |
+
|
| 368 |
+
/* Sidebar headers */
|
| 369 |
+
#sidebar h1, #sidebar h2, #sidebar h3 {
|
| 370 |
+
font-size: 1.2em;
|
| 371 |
+
margin-bottom: 1em;
|
| 372 |
+
font-weight: 600;
|
| 373 |
+
color: var(--primary-color);
|
| 374 |
+
}
|
| 375 |
+
|
| 376 |
+
/* Nav buttons */
|
| 377 |
+
.sidebar-btn {
|
| 378 |
+
display: block;
|
| 379 |
+
width: 100%;
|
| 380 |
+
margin-bottom: 10px;
|
| 381 |
+
padding: 10px 14px;
|
| 382 |
+
text-align: left;
|
| 383 |
+
border: none;
|
| 384 |
+
background-color: #fff;
|
| 385 |
+
color: var(--text-color);
|
| 386 |
+
font-weight: 500;
|
| 387 |
+
border-radius: 8px;
|
| 388 |
+
box-shadow: 0 1px 2px rgba(0,0,0,0.05);
|
| 389 |
+
transition: all 0.2s ease;
|
| 390 |
+
}
|
| 391 |
+
|
| 392 |
+
.sidebar-btn:hover {
|
| 393 |
+
background-color: #ffe3c1;
|
| 394 |
+
}
|
| 395 |
+
|
| 396 |
+
.sidebar-btn.active {
|
| 397 |
+
background-color: var(--primary-color);
|
| 398 |
+
color: #fff;
|
| 399 |
+
font-weight: bold;
|
| 400 |
+
box-shadow: none;
|
| 401 |
+
}
|
| 402 |
+
|
| 403 |
@keyframes float {
|
| 404 |
0% { transform: translateY(0px); }
|
| 405 |
50% { transform: translateY(-8px); }
|