24 lines
938 B
CSS
24 lines
938 B
CSS
/* Custom styles — Tailwind handles most of the heavy lifting */
|
|
|
|
/* Scrollbar — Discord-dark style */
|
|
::-webkit-scrollbar { width: 8px; height: 8px; }
|
|
::-webkit-scrollbar-track { background: #1e1f22; }
|
|
::-webkit-scrollbar-thumb { background: #3f4147; border-radius: 4px; }
|
|
::-webkit-scrollbar-thumb:hover { background: #5865f2; }
|
|
|
|
/* HTMX loading indicator */
|
|
.htmx-indicator { opacity: 0; transition: opacity 150ms; }
|
|
.htmx-request .htmx-indicator { opacity: 1; }
|
|
|
|
/* Color picker alignment */
|
|
input[type="color"] { padding: 2px; cursor: pointer; }
|
|
|
|
/* Toast animations */
|
|
@keyframes slideIn { from { transform: translateX(120%); } to { transform: translateX(0); } }
|
|
@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }
|
|
.toast-enter { animation: slideIn 0.2s ease-out; }
|
|
.toast-leave { animation: fadeOut 0.3s ease-in forwards; }
|
|
|
|
/* Sidebar active link */
|
|
.sidebar-link-active { background-color: #404249; color: #fff; }
|