Tumblr - Gradient Header

Added by brainfrombrooklyn@userstyles, Created: Mar 12, 2017, Updated: Apr 08, 2017
  • With the style applied
  • code on different themes
  • code on default tumblr dash
  • (see description on how to do this)
New Post Buttons Colors
Header Gradient Color #1
Header Gradient Color #2
Follow Text Color
Tumblr Balloon Text Color
Tumblr Balloon Background Color
New Post Button Color


This code makes the header have a gradient and has optional features such as: changing the new post icon colors on the dash, and the follow text color.

The theme used in main photo is http://freestyler.ws/style/104408/tumblr-nighttime-bakathemes, with just a few tweaks.

Please leave feedback!

More info

  • n/a

Instructions on how to get the same effect as on image #4

  1. Use this https://assets.tumblr.com/images/quick_compose_sprite.png?v=a9092a0967f882ab67dd7e721f555044(or just use this https://www.dropbox.com/s/t7nhy78obgz7iq9/quick_compose_sprite.psd?dl=0) and change the colors

  2. Change the url() of this code to the url of the image you just changed:

    .tab-post-type .post-type-icon {

       background-image: url(change this!);


    .tab-post-type .post-type-icon {

       background-image: url(http://i.imgur.com/PkEvqfj.png);

Applies to:
https://www.tumblr.com/, http://www.tumblr.com/

Related styles:

WARNING: This webware is not functioning properly. Please enable javascript in your browser and try again.