Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save RealBrokeBloke/602ac0cf1af6b2cf1a551db2f1648c22 to your computer and use it in GitHub Desktop.
Save RealBrokeBloke/602ac0cf1af6b2cf1a551db2f1648c22 to your computer and use it in GitHub Desktop.
This creates a minimal and dark style for Social Warfare - Pro. Just paste it into your style.css file for your theme, and make sure you have all color settings under Style > Visual Options set to "Full Color".
.swp_social_panel {
background: #222;
height: 73px;
padding: 20px;
border-radius: 4px;
border: 1px solid #000;
box-shadow: 0 2px 4px 0 rgba(0,0,0,.1), 0 4px 5px 0 rgba(0,0,0,.15), 0 4px 15px 0 rgba(0,0,0,.2);
}
div.nc_tweetContainer.swp_facebook,
div.nc_tweetContainer.swp_twitter,
div.nc_tweetContainer.swp_mix,
div.nc_tweetContainer.swp_pinterest,
div.nc_tweetContainer.swp_google_plus,
div.nc_tweetContainer.swp_linkedin,
div.nc_tweetContainer.swp_flipboard,
div.nc_tweetContainer.swp_buffer,
div.nc_tweetContainer.swp_reddit,
div.nc_tweetContainer.swp_email,
div.nc_tweetContainer.swp_hacker_news,
div.nc_tweetContainer.swp_pocket,
div.nc_tweetContainer.swp_tumblr,
div.nc_tweetContainer.swp_whatsapp,
div.nc_tweetContainer.swp_yummly {
background: #222 !important;
border-color: #222 !important;
}
.nc_tweetContainer.total_shares.total_sharesalt, span.swp_count, span.swp_label {
color: #999 !important;
}
.nc_wrapper.bottom {
background: transparent !important;
}
a.nc_tweet {
border-radius: 4px;
}
a.nc_tweet:hover {
background: #444;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment