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:
http://stackoverflow.com/questions/7725652/css-scrollbar-style-cross-browserhttps://stackoverflow.com/questions/7725652/css-scrollbar-style-cross-browser
http://stackoverflow.com/questions/9251354/css-customized-scroll-bar-in-div/14150577#14150577https://stackoverflow.com/questions/9251354/css-customized-scroll-bar-in-div/14150577#14150577