[Front-end] scrollbar do not has darkcolor in Darkmode Theme

[atom-tr]

Your Operating System: Window 11
Your Web Browser: Microsoft Edge

This must be done to see the problem

1. Go to truedevtools.com

Solution

Add some css for darkmode:

html[data-theme="dark"] {
    .ant-menu-root, main > .overflow-y-auto {

        &:hover::-webkit-scrollbar-corner {
            width: 10px;
        }
        /* Let's get this party started */
        &::-webkit-scrollbar {
            width: 10px;
            &:hover {
                width: 15px;
            }
        }
        /* Track */
        &::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0); 
            -webkit-border-radius: 5px;
            border-radius: 5px;
        }
        /* Handle */
        &::-webkit-scrollbar-thumb {
            -webkit-border-radius: 6px;
            border-radius: 6px;
            background: #424242; 
            border: solid 1px #141414;
            /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);  */
        }
    }
}

It will look like

[dathoangnd]

Hi @atom-tr Thank you for the contribution. I'll review the code above and apply to the app soon.

[dathoangnd]

@atom-tr The scrollbar style has been updated. Thanks.