Skip to content

Instantly share code, notes, and snippets.

@numpad0
Created August 20, 2020 12:30
Show Gist options
  • Save numpad0/045189c4a43f0d07ae31a9f068f30a92 to your computer and use it in GitHub Desktop.
Save numpad0/045189c4a43f0d07ae31a9f068f30a92 to your computer and use it in GitHub Desktop.
Better TweetDeck custom CSS
/* Ref: */
/* https://plaza.rakuten.co.jp/niarufang/diary/201810040000/ */
/* http://www.luty.sakura.ne.jp/computer.php?id=12 */
::-webkit-scrollbar, .column, .stream-item, .app-columns-container, .column-header, .scroll-conversation, .flex-column, .column-holder
{
background-color: rgba(0, 0, 0, .2) !important;
}
.app-columns{
/*background-image: url("https://pbs.twimg.com/media/D3kOYqAUcAArqII.jpg:large");*/
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNk+A8AAQUBAScY42YAAAAASUVORK5CYII=");
background-repeat: repeat;
}
.js-tweet-body, .js-compose-text{
color:#ffffff !important;
}
.account-inline, .account-link{
color:#777777 !important;
}
.icon, .Icon{
color:#444444 !important;
}
.tweet-button, .app-search-fake{
width: 36px !important;
height: 36px !important;
border-radius: 18px 18px 18px 18px !important;
color:#cc4488 !important;
background-color: #000000 !important;
border: 2px solid #777777 !important;
}
.padding-h--15{
padding-left: 5px !important;
padding-right: 5px !important;
}
.btn-on-blue{
color:#ffffff !important;
background-color: #006699 !important;
}
.stream-item{
border:1px solid #222222 !important;
}
.column-heading{
left:10px !important;
margin-left:4px !important;
}
/*
.js-app-columns {
width: fit-content !important;
display: grid;
grid-auto-flow: column;
grid-row-gap: 1px;
grid-column-gap: 1px;
grid-template-rows: 70% 30%;
}
.js-column {
margin: 0 !important;
}
.column-number {
display:none;
}
.js-column-drag-handle{
margin-top:5px !important;
}
.needs-scroll-bottom-offset.scroll-styled-h {
bottom: 0px !important;
}
.scroll-styled-h::-webkit-scrollbar {
height: 4px !important;
}
.scroll-styled-v::-webkit-scrollbar-thumb,
.scroll-styled-h::-webkit-scrollbar-thumb {
border-radius: 1px !important;
}
.js-column-scroller.scroll-styled-v::-webkit-scrollbar {
width: 4px !important;
}
.column-header {
height: 30px !important;
padding-left: 0px !important;
}
.column-type-icon{
width:5px !important;
height:5px !important;
top:-9px !important;
left:-10px !important;
}
.attribution{
font-size:12px !important;
margin:0 0 0 4 !important;
}
.column-title {
margin-top: -10px !important;
font-size: 12px !important;
}
.column-header-link {
top: 0px !important;
}
.js-compose-text {
font-size: 40px !important;
}
html.dark .txt-size--14 {
font-size: 24px !important;
}
html.dark .column-title-edit-box{
background-color: #000000 !important;
}
html.dark input, html.dark select, html.dark textarea {
line-height: 26px !important;
}*/
body{
background-color: #000000 !important;
}
.js-drawer, .compose, .bg-color-twitter-white{
background-color: #000000 !important;
}
html.dark .bg-color-twitter-white{
background-color: #000000 !important;
}
.compose-text-container{
background-color: #000000 !important;
border: 1px solid #ffffff !important;
}
.compose-text-title, .compose-title-text{
color: #555555 !important;
}
.txt-right{
border-top: 1px solid #ffffff !important;
}
.height--16{
height: 22px !important;
}
.app-columns-container, .app-content, .column-header, .column-header-temp, .column-panel{
background-color: #000000 !important;
}
.search-results-container .stream-item, .stream-item{
background-color: #000000 !important;
}
.app-header, .column-nav-item, .app-navigator, .app-title{
background-color: #000000 !important;
}
.js-column-header{
border: 1px solid #333333 !important;
}
.js-send-button{
background-color: #000000 !important;
color: #dddddd !important;
border-color: #777777 !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment