atom-material-autohide-scrollbar.less

.scrollbars-visible-always {
    // blok kode berikut untuk pengaturan scrollbar pada editor //
    /deep/::-webkit-scrollbar {
        width: 0.6rem;
        height: 0.6rem;
        z-index: 99999;
        display: none; // baris ini yang membuat scrollbar menjadi tersembunyi secara default
    }
    /deep/:hover::-webkit-scrollbar {
        display: block; // baris ini yang membuat scrollbar terlihat saat cursor mengarah kepadanya
    }
    //////////////////////////////////////////////////////////////////////////
    /deep/::-webkit-scrollbar-track,
    /deep/::-webkit-scrollbar-corner {
        background: transparent;
    }
    /deep/::-webkit-scrollbar-thumb {
        background: fade(@base-color, 40%);
        border-radius: 0;
        border: none;
    }
    // blok kode berikut untuk pengaturan scrollbar pada panel samping kiri //
    .tree-view-scroller {
        &::-webkit-scrollbar {
            display: none; 
            width: 0.35rem;
            height: 0.35rem;
        }
        &:hover::-webkit-scrollbar {
            display: block;
        }
    }
    //////////////////////////////////////////////////////////////////////////
    &.panel-contrast {
        .tree-view-scroller, .nuclide-ui-panel-component-scroller, .remote-ftp-view > .scroller {
            &::-webkit-scrollbar-track {
                background: darken(@app-background-color, 2%);
            }
        }
    }
}