tradingterminal / style.css
ZeroHedgeK's picture
Create a trading terminal design, microstructure and algorithmic trading bots transactions should display neatly and updated in milliseconds, use mock data
a65eb8f verified
raw
history blame contribute delete
880 Bytes
/* Scrollbar tweaks for light theme */
* {
scrollbar-width: thin;
scrollbar-color: rgba(0,0,0,0.2) transparent;
}
*::-webkit-scrollbar {
height: 8px;
width: 8px;
}
*::-webkit-scrollbar-track {
background: transparent;
}
*::-webkit-scrollbar-thumb {
background-color: rgba(0,0,0,0.2);
border-radius: 8px;
}
*::-webkit-scrollbar-thumb:hover {
background-color: rgba(0,0,0,0.3);
}
/* Subtle pulse for updates */
.pulse-green {
animation: pulse-green 500ms ease-in-out;
}
.pulse-red {
animation: pulse-red 500ms ease-in-out;
}
@keyframes pulse-green {
0% { background-color: rgba(34,197,94,0.15); }
100% { background-color: transparent; }
}
@keyframes pulse-red {
0% { background-color: rgba(239,68,68,0.15); }
100% { background-color: transparent; }
}
/* Compact rows for tables */
.compact td, .compact th {
padding-top: 2px;
padding-bottom: 2px;
}