Revert "UI: improved scrollbar styles", add just a small change instead

This commit is contained in:
oobabooga 2025-03-14 12:09:56 -07:00
parent 6ab04698f6
commit 677d74a6a0

View file

@ -248,16 +248,6 @@ button {
font-size: 100% !important;
}
.pretty_scrollbar {
scrollbar-width: thin !important;
scrollbar-color: rgb(140 140 140 / 35%) transparent;
}
.dark .pretty_scrollbar {
scrollbar-width: thin;
scrollbar-color: rgb(204 204 204 / 35%) transparent;
}
.pretty_scrollbar::-webkit-scrollbar {
width: 8px;
height: 8px;
@ -267,39 +257,31 @@ button {
background: transparent;
}
.pretty_scrollbar::-webkit-scrollbar-thumb {
background: rgb(140 140 140 / 35%);
border-radius: 4px;
transition: background 0.2s ease;
}
.pretty_scrollbar::-webkit-scrollbar-thumb,
.pretty_scrollbar::-webkit-scrollbar-thumb:hover {
background: rgb(140 140 140 / 55%);
}
.dark .pretty_scrollbar::-webkit-scrollbar-thumb {
background: rgb(204 204 204 / 35%);
border-radius: 4px;
background: var(--neutral-300);
border-radius: 30px;
}
.dark .pretty_scrollbar::-webkit-scrollbar-thumb,
.dark .pretty_scrollbar::-webkit-scrollbar-thumb:hover {
background: rgb(204 204 204 / 55%);
background: #ccc;
border-radius: 10px;
}
.pretty_scrollbar::-webkit-resizer {
background: #c5c5d2;
}
.dark .pretty_scrollbar::-webkit-resizer {
background: #ccc;
border-radius: 10px;
}
.pretty_scrollbar::-webkit-scrollbar-corner {
background: transparent;
}
.pretty_scrollbar::-webkit-resizer {
background: rgb(140 140 140 / 35%);
border-radius: 4px;
}
.dark .pretty_scrollbar::-webkit-resizer {
background: rgb(204 204 204 / 35%);
border-radius: 4px;
}
audio {
max-width: 100%;
}