Skip to content

Instantly share code, notes, and snippets.

@urre
Last active December 25, 2015 20:39
Show Gist options
  • Save urre/7037244 to your computer and use it in GitHub Desktop.
Save urre/7037244 to your computer and use it in GitHub Desktop.
Trello theme for Stylish
/** Modified Trello theme. Use with Stylish for Chrome. @urre
Preview: http://cl.ly/image/0l1x1D2w2M0x
Remove 33-41 if you dont need the Superprints logo :)
*/
html,
body,
input,
select,
textarea { font-size: 16px !important }
#header { background: #2B2B2B !important }
.header-btn.header-notifications,
.header-btn.header-boards,
.header-btn.header-search,
.header-btn.header-login,
.header-btn.header-signup { background: #6B6B6B !important }
.header-btn:hover { background: #868686 !important }
#header-search input[type="text"] { background: #6B6B6B !important }
#header-search input[type="text"]:focus { background: #fff !important }
#board-header .board-name { font-weight: normal !important }
#board { background: #fff !important }
.board-canvas {
border-bottom: 20px solid #65c8ca !important;
background-color: #ae9ccb !important;
}
#board-header .org-name {
font-size: 20px !important;
text-decoration: none !important;
color: #333 !important;
}
/** a[href$='superprints']:after { **/
body:after {
content: url('http://getsuperprints.com/static/images/logo.svg') no-repeat !important;
width: 55px !important;
height: 42px !important;
position: absolute !important;
top: 130px !important;
right: 50px !important;
}
.list-area {
width: 90% !important;
padding: 40px !important;
}
.list {
border: 1px solid #aaa !important;
background: transparent !important;
box-shadow: none !important;
border-radius: 0 0 0 0 !important;
margin-bottom: 20px !important;
}
.list.add-list.idle:after {
content: 'Add new list ↑';
font-size: 12px;
position: absolute;
bottom: -40px;
left: 10px;
}
.list-title { margin-left: 11px !important }
.list-title h2 {
color: #333 !important;
text-transform: none !important;
font-size: 16px !important;
line-height: 24px !important;
font-weight: bold !important;
letter-spacing: 1px !important;
}
.list-card {
border-color: #D6D6D6 !important;
border: none !important;
border-bottom: 1px solid #ddd !important;
border-radius: 0 0 0 0 !important;
padding: 6px 8px 5px !important;
}
.list-card.selected,
.list-card.active-card {
/* background: #FFCEA4 !important; ;
border-color: #FFCEA4 !important;
box-shadow: 2px 2px 0px #FC9E4E !important;*/
}
.list-card .card-operation { background-color: transparent !important }
.list-card .badges {
position: absolute;
top: 5px;
right: 20px;
}
.list-card-title { width: 81% }
.list-gradient-top,
.list-gradient-bottom { background: none !important }
.open-card-composer {
padding: 7px 12px !important;
margin-left: 3px !important;
margin-right: 1px !important;
text-transform: uppercase !important;
font-size: 10px !important;
border-radius: 0 !important;
}
.open-card-composer:hover {
background: #646464 !important;
color: #fff !important;
text-decoration: none !important;
}
.card-label { text-shadow: none !important }
.button-link:hover {
background: -moz-linear-gradient(center top , #676767 0%, #3F3F3F 100%) repeat scroll 0 0 transparent !important;
border-color: #3F3F3F !important;
}
.pop-over-list li > a:hover,
.uploader:hover .fakefile {
background: #424242 !important;
border: none !important;
}
input.primary[type="submit"],
input.primary[type="button"],
button.primary,
.button.primary { background: -moz-linear-gradient(center top , #676767 0%, #3F3F3F 100%) repeat scroll 0 0 transparent !important }
.attachment-list li .preview .check-icon { background-color: #676767 !important }
.attachment-list li .preview.is-cover { background-color: #676767 !important }
.extra-large-window .board-wrapper.disabled-all-widgets .board-side-btn.right-side .arrow,
.large-window .board-wrapper.disabled-all-widgets .board-side-btn.right-side .arrow,
.medium-window .board-wrapper.disabled-all-widgets .board-side-btn.right-side .arrow { border-right-color: #757575 !important }
.extra-large-window .board-side-btn.right-side .arrow,
.large-window .board-side-btn.right-side .arrow,
.medium-window .board-side-btn.right-side .arrow { border-left-color: #757575 !important }
.extra-large-window .board-side-btn:hover,
.large-window .board-side-btn:hover,
.medium-window .board-side-btn:hover { background: #ADADAD !important }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment