CSS Rules to simulate Gmail Ninja Theme in Google Inbox

style.css

/* This can be copy-pasted into a Stylish (https://chrome.google.com/webstore/detail/stylish/fjnbnpbmkenffdnngjfgmeleoegfcffe?hl=en) */
/* style assigned to the right Inbox URL */

body{
	background: url(https://ssl.gstatic.com/ui/v1/icons/mail/images/2/5/ninja/footer_bg.gif);  
}

nav > div:first-child {
	background: rgb(0, 111, 138);
}

nav > div:first-child div:nth-child(2) > div:nth-child(2){
  	background: transparent;
}

nav > div:first-child div:nth-child(2) > div:nth-child(2):before{
	box-shadow: none;
}

nav div[jsaction="global.back"]{
	opacity: 1;
  	text-shadow: none;
}

nav div[jsaction="global.back"] div:nth-child(5){
	color: white;
}

div[jsaction="global.toggle_pinned"] > div:first-child{
	background: #3D3D3B;
}
div[title*="Showing all items"] > div:first-child > div:first-child{
	background: #5A5A57;
}

div[title*="Showing only pinned items"] > div:first-child > div:first-child{
	background: white;
}

.section-header{
	color: white;
    font-weight: bold;
  	font-size: 1.3em;
}

.section-header > div{
	background: transparent;
  	color: white;
}

.section-header button[title*="Sweep"]{
	opacity: 0.5;
  	background-color: white;
 	border-radius: 10em;
 	padding: .2em;
 	background-position: 50%;
}

.section-header button[title*="Sweep"]:hover{
	opacity: 0.8;  
}