Scrollbar stylized problem

Hi there, I’d like to know how to remove these duplicate scrollbars while using the editing view
The css snippet is credited by A Windows 95/98 styled scrollbar for https://windows93.net · GitHub
I made a few adjusments to fit in obsidian :slight_smile:

Please, help me! thanks

code:

body:not(.native-scrollbars) *::-webkit-scrollbar {
width: 16px;
height: 16px;
background: none;
}

body:not(.native-scrollbars) *::-webkit-scrollbar-thumb, body:not(.native-scrollbars) *::-webkit-scrollbar-button {
visibility: initial;
width: 16px;
height: 16px;
background: silver;
box-shadow: inset 1px 1px #dfdfdf, inset -1px -1px gray;
border: 1px solid;
border-color: silver #000 #000 silver;
}

body:not(.native-scrollbars) *::-webkit-scrollbar-track {
image-rendering: optimizeSpeed;
image-rendering: pixelated;
image-rendering: optimize-contrast;
background-image: url(“data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTAuNSAyIDIiIHNoYXBlLXJlbmRlcmluZz0iY3Jpc3BFZGdlcyI+CjxtZXRhZGF0YT5NYWRlIHdpdGggUGl4ZWxzIHRvIFN2ZyBodHRwczovL2NvZGVwZW4uaW8vc2hzaGF3L3Blbi9YYnh2Tmo8L21ldGFkYXRhPgo8cGF0aCBzdHJva2U9IiNjMGMwYzAiIGQ9Ik0wIDBoMU0xIDFoMSIgLz4KPC9zdmc+”);
background-position: 0 0;
background-repeat: repeat;
background-size: 2px;
}

body:not(.native-scrollbars) *::-webkit-scrollbar-button {
background-repeat: no-repeat;
:: background-size: 16px;
}

body:not(.native-scrollbars) *::-webkit-scrollbar-button:single-button:vertical:decrement {
background-image: url(“data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTAuNSAxNiAxNiIgc2hhcGUtcmVuZGVyaW5nPSJjcmlzcEVkZ2VzIj4KPG1ldGFkYXRhPk1hZGUgd2l0aCBQaXhlbHMgdG8gU3ZnIGh0dHBzOi8vY29kZXBlbi5pby9zaHNoYXcvcGVuL1hieHZOajwvbWV0YWRhdGE+CjxwYXRoIHN0cm9rZT0iIzAwMDAwMCIgZD0iTTcgNWgxTTYgNmgzTTUgN2g1TTQgOGg3IiAvPgo8L3N2Zz4=”);
}

body:not(.native-scrollbars) *::-webkit-scrollbar-button:single-button:vertical:increment {
background-image: url(“data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTAuNSAxNiAxNiIgc2hhcGUtcmVuZGVyaW5nPSJjcmlzcEVkZ2VzIj4KPG1ldGFkYXRhPk1hZGUgd2l0aCBQaXhlbHMgdG8gU3ZnIGh0dHBzOi8vY29kZXBlbi5pby9zaHNoYXcvcGVuL1hieHZOajwvbWV0YWRhdGE+CjxwYXRoIHN0cm9rZT0iIzAwMDAwMCIgZD0iTTQgNWg3TTUgNmg1TTYgN2gzTTcgOGgxIiAvPgo8L3N2Zz4=”);
}

body:not(.native-scrollbars) *::-webkit-scrollbar-button:single-button:horizontal:decrement {
background-image: url(“data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTAuNSAxNiAxNiIgc2hhcGUtcmVuZGVyaW5nPSJjcmlzcEVkZ2VzIj4KPG1ldGFkYXRhPk1hZGUgd2l0aCBQaXhlbHMgdG8gU3ZnIGh0dHBzOi8vY29kZXBlbi5pby9zaHNoYXcvcGVuL1hieHZOajwvbWV0YWRhdGE+CjxwYXRoIHN0cm9rZT0iIzAwMDAwMCIgZD0iTTggM2gxTTcgNGgyTTYgNWgzTTUgNmg0TTYgN2gzTTcgOGgyTTggOWgxIiAvPgo8L3N2Zz4=”);
}

body:not(.native-scrollbars) *::-webkit-scrollbar-button:single-button:horizontal:increment {
background-image: url(“data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTAuNSAxNiAxNiIgc2hhcGUtcmVuZGVyaW5nPSJjcmlzcEVkZ2VzIj4KPG1ldGFkYXRhPk1hZGUgd2l0aCBQaXhlbHMgdG8gU3ZnIGh0dHBzOi8vY29kZXBlbi5pby9zaHNoYXcvcGVuL1hieHZOajwvbWV0YWRhdGE+CjxwYXRoIHN0cm9rZT0iIzAwMDAwMCIgZD0iTTYgM2gxTTYgNGgyTTYgNWgzTTYgNmg0TTYgN2gzTTYgOGgyTTYgOWgxIiAvPgo8L3N2Zz4=”);
}

body:not(.native-scrollbars) *::-webkit-scrollbar-corner {
background: silver;
}

/* dakedres was here ;3 */

I have been quietly working on a Win95 theme also based on that scrollbar link you shared for a year now, I haven’t released it yet, been busy with life and my main theme, it is practically half finished at this point, light mode essentially completed and working on dark mode at this time. When i first started working on my Win95 theme I faced the same issue here is what you are missing:

body:not(.native-scrollbars) ::-webkit-scrollbar-button:start {
	display:contents;
}

body:not(.native-scrollbars) ::-webkit-scrollbar-button:end {
	display: contents;
}

I plan to release my Win95 theme in the beginning of 2025 btw!