Dark Twitter Customizable

Added by stbinan@userstyles, Created: Jan 31, 2014, Updated: Mar 28, 2017
Homepage Background Color
Tweet Background Color
Tweet Hover Background Color
Navigation Bar and Input Outer Frame Color
Content Font Color
Color Font Color
Avatar Setting
Promotion Elements (Who To Follow, New To Twitter)


This style is based on Jimmie1717's dark twitter.

Please set your font color theme through Your Profile -> Edit profile -> Theme color. If you want to remove image preview function, I recommend this style http://freestyler.ws/style/120756/theme For Tweetdesk users, you can use this one http://freestyler.ws/style/135701/tweetdesk-hide-media

Other people may set a dark font theme, if you want to overwrite their settings, you can add this style: http://freestyler.ws/style/130418/overwrite-twitter-theme-color

If you like a background image, you can add this style http://freestyler.ws/style/147002/twitter-background-image

More info
/* 20170322 */

Add support for Twitter Moment.

/* 20161224 */

Re-display links (thanks to http://freestyler.ws/style/120756/theme), if you also want to auto-expand t.co, here is a userscript:
// ==UserScript==
// @name Twitter auto expand link
// @namespace No namespace
// @include https://twitter.com/*
// @version 1
// @grant none
// ==/UserScript==
window.addEventListener('scroll', function () {
var links = document.getElementsByClassName('twitter-timeline-link');
for (var n = links.length; n-- > 0; ) {
if (links[n].getAttribute('href').slice(0, 12) == 'https://t.co') {
links[n].setAttribute('href', links[n].getAttribute('data-expanded-url'));
}, false);

/* 20161020 */

Remove background image setting, if you need a background image, you can add this style http://freestyler.ws/style/147002/twitter-background-image

/* 20161012 */

Add better support for people who don't login or keep their cookies.

/* 20160405 */

Add three color theme screenshots

/* 20160212 */

Add option to add your own background image, if you don't need one, just input the url column with something like none.

/* 20160115 */

Add setting to customize darker font color. You can set it the same as your tweet theme color.

/* 20150918 */

Finally find perfect loading thumbs of APNG format from http://preloaders.net/, also change the bottom loading thumb with an infinity symbol, wish you like it :)

/* 20150916 */

Now navigation bar is also customizable. Customizability becomes a main feature of this style, so I change the title. Loading thumb has some flaw, from ajaxload.info its background can't be totally transparent. If you find any better sources please leave me a message in the forum, also you can take a look at the beginning of this style sheet and customize your own perfect loading thumb.

/* 20150902 */

For a user's request add some widgets to custom color, also change the default color theme for looking more comfortable. Wish you like it :)

Anyone prefer the previous color theme can change the color as:

Homepage Background Color: #1a1b1f
Tweet Background Color: #101010
Tweet Hover Background Color: #060606
Tweet Content Font Color: #BBB

/* 20150720 */

Twitter has modified image preview css, now image preview function can't be remove, if you still want it, you can add this style: http://freestyler.ws/style/123567/twitter-without-photos-and-media , just middle click "View photo" or unselect that style to view photos and media ;)

/* 20150610 */

Add option to hide "You may also like" sidebar and "Who to follow" frame.

/* 20140514 */

Add option to remove avatar when reading tweets. For geek or those who like more concentration X)

/* 20140308 */

Finally figured out that in the direct message box the bright lines come from the shadow elements and now they're removed X)

/* 20140224 */

Modified TweetDeck bright elements.

Applies to:
http://twitter.com, https://twitter.com, https://tweetdeck.twitter.com/, http://tweetdeck.twitter.com/... More »

Related styles:

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