Info.md

This is some custom css that changes the way tweetdeck looks.

From the old dark theme (https://www.dropbox.com/s/27s5ck421jiz50r/Screenshot%202014-04-09%2015.08.09.png) to this

To install on mac right click on the tweet deck app then click show package contents and navigate to /Contents/Resources/htdocs/web/css/ and then open the app-dark.(some string).css file. Add the css code above to the bottom of this file and make sure that the tweetdeck theme is set to dark. Other platforms will follow soon.

This is still a work in progress but if you have any ideas or questions just tweet me @code_cookies.

Tweetdeck custom ui.css

.scroll-styled-v::-webkit-scrollbar-track, .scroll-styled-h::-webkit-scrollbar-track {
	border: 0;
}
.column {
	border: 0;
	background-color: rgba(38,38,39, 0.8);
	margin: 10px;
	height: 98%;
}
.column-header {
	border: 0;
	background-color: rgba(29,29,29, 0.8); 
}
.avatar {
width: 48px;
height: 48px;
-webkit-border-radius: 48px;
-moz-border-radius: 48px;
-ms-border-radius: 48px;
-o-border-radius: 48px;
border-radius: 48px;
}
.column-number {
	display: none;
}
.stream-item {
	border: 0;
}
.username {
	display: none;
}
.tweet-header {
	border-bottom: 0px;
	border-bottom-style: groove;
}
.sprite-drag-vertical {
	top: 0;
	width: 10px;
	height: 10px;
}
.scroll-styled-v::-webkit-scrollbar-thumb, .scroll-styled-h::-webkit-scrollbar-thumb {
	border-radius: 0; 
}
.scroll-styled-v::-webkit-scrollbar {
	width: 7px;
}
.app-content {
	background: #87e0fd; /* Old browsers */
background: -moz-linear-gradient(top, #87e0fd 0%, #53cbf1 40%, #05abe0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87e0fd), color-stop(40%,#53cbf1), color-stop(100%,#05abe0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* IE10+ */
background: linear-gradient(to bottom, #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 ); /* IE6-9 */
}
.is-selected.compose-account {
	box-shadow: none;
}
.compose-account {
	background-color: inherit;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0; 
}
.prf-img .avatar {
	border-radius: 3px;
}
.column-nav-item, .app-header, .app-navigator, .app-title {
	background-color: rgb(33,33,33);
}
.mark-all-read-link {
	position: absolute;
	right: 39px !important;
}