A better night mode for Twitter. Shades of gray instead of dark blue.

_better_twitter_night_mode.md

style.css

:root {
  --color-gray-800: #424242;
  --color-gray-850: #292929;
  --color-gray-900: #212121;
  --color-gray-910: #1a1a1a;
  --color-gray-920: #171717;
  --color-gray-950: #141414;
  --color-black: #000000;
}

body {
  background-color: var(--color-gray-950);
}

.tweet:hover, .new-tweets-bar:hover, .ActivityItem.has-clickAction:hover, .ActivityItem:not(.has-clickAction) .QuoteTweet--slim:hover, .EdgeButton--tertiary:hover, .conversation-module .conversation-tweet-item .tweet:hover {
  background-color: var(--color-gray-850);
}

.DashboardProfileCard, .Trends, .stream-item:not(.no-header-background-module), .module .flex-module, .ProfileHeading-content, .permalink-tweet, .permalink-tweet:hover, .permalink-tweet.focus, .ThreadedConversation, .ThreadedConversation--loneTweet, .ThreadedConversation-showMoreThreads, .ProfileCanopy-navBar, .global-nav-inner, .TwitterCard, .EdgeButton--secondary, .EdgeButton--tertiary, .NotificationsHeadingContent, .hovercard, .hovercard .profile-social-proof, .PermalinkOverlay-spinnerContainer, .dropdown-menu, .ProfileNav-item--userActions, .ProfileSidebar .TweetImpressionsModule, .DashboardProfileCard-avatarLink, .permalink .inline-reply-tweetbox-container, .modal-content, .modal-header, .ProfileCard, .ProfileCard-avatarLink {
  background-color: var(--color-gray-900);
}

.DashUserDropdown.dropdown-menu .DashUserDropdown-userInfoLink:hover {
  background-color: var(--color-gray-900) !important;
}

.permalink, .permalink .inline-reply-tweetbox, .new-tweets-bar {
  background-color: var(--color-gray-910);
}

input, textarea, div[contenteditable], .t1-select, .global-nav .search-input {
  background-color: var(--color-gray-950);
}

.module.Footer--blankBackground .flex-module {
  background-color: transparent;
}

#global-actions > li:not(.active) > a {
  border-bottom-width: 0;
}

#global-actions > li > a:hover {
  border-bottom-width: 2px;
}

.QuoteTweet, .ProfileAvatar, .ThreadedConversation, .ThreadedConversation-moreReplies:after {
  border-color: var(--color-black);
}

.DashboardProfileCard-avatarImage, .ProfileAvatar {
  border-color: var(--color-gray-900);
}

.ProfileCard {
  border-color: var(--color-gray-950);
}