mirror of
https://github.com/adityatelange/hugo-PaperMod.git
synced 2025-10-27 14:42:30 +01:00
b63c195a10
- Update theme toggle and initialization scripts to set data-theme attribute - Replace CSS selectors using .dark class with [data-theme="dark"] and [data-theme="light"] attribute selectors - Set CSS color-scheme variable alongside theme colors for better native control appearance - Removes redundant styles --------- Co-authored-by: Aditya Telange <21258296+adityatelange@users.noreply.github.com>
60 lines
1.2 KiB
CSS
60 lines
1.2 KiB
CSS
/* from reset */
|
|
::-webkit-scrollbar-track {
|
|
background: 0 0;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background: var(--tertiary);
|
|
border: 5px solid var(--theme);
|
|
border-radius: var(--radius);
|
|
}
|
|
|
|
[data-theme="light"] .list::-webkit-scrollbar-thumb {
|
|
border: 5px solid var(--code-bg);
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: var(--secondary);
|
|
}
|
|
|
|
::-webkit-scrollbar:not(.highlighttable, .highlight table, .gist .highlight) {
|
|
background: var(--theme);
|
|
}
|
|
|
|
/* from post-single */
|
|
.post-content .highlighttable td .highlight pre code::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
|
|
.post-content :not(table) ::-webkit-scrollbar-thumb {
|
|
border: 2px solid var(--code-block-bg);
|
|
background: rgb(113, 113, 117);
|
|
}
|
|
|
|
.post-content :not(table) ::-webkit-scrollbar-thumb:hover {
|
|
background: rgb(163, 163, 165);
|
|
}
|
|
|
|
.gist table::-webkit-scrollbar-thumb {
|
|
border: 2px solid rgb(255, 255, 255);
|
|
background: rgb(173, 173, 173);
|
|
}
|
|
|
|
.gist table::-webkit-scrollbar-thumb:hover {
|
|
background: rgb(112, 112, 112);
|
|
}
|
|
|
|
.post-content table::-webkit-scrollbar-thumb {
|
|
border-width: 2px;
|
|
}
|
|
|
|
/* from zmedia */
|
|
@media screen and (min-width: 768px) {
|
|
|
|
/* reset */
|
|
::-webkit-scrollbar {
|
|
width: 19px;
|
|
height: 11px;
|
|
}
|
|
}
|