O cursor você pode pode mudar usando a propriedade `cursor` especificando uma imagem. Exemplo:

    elemento {
        cursor:url(http://placehold.it/15x15);
    }

É sempre bom você dar um segundo argumento, para que quando a imagem não seja carregada, o próximo cursor seja chamado:

    elemento {
        cursor:url(http://placehold.it/15x15), default;
    }

Demo no JSFiddle: http://jsfiddle.net/awtLgkvp/

 --------------
Sobre a barra de rolagem, **não** é recomendado mudá-la, uma vez que isso não consta nos padrões da W3C. O máximo que você pode conseguir é mudar a barra de rolagem em um ou dois navegadores, e mesmo assim utilizando bastantes linhas de CSS (o que acarretará em dados inúteis para os usuários que não usam esses navegadores).

Acho bacana uma solução usando JavaScript, mas a ideia em si não é boa. Pode ler mais sobre isso em outras perguntas semelhantes:

 - https://stackoverflow.com/questions/7725652/css-scrollbar-style-cross-browser

 - https://stackoverflow.com/questions/9251354/css-customized-scroll-bar-in-div/14150577#14150577