Tweetdeck Dark Rainbow

A rainbow theme for Tweetdeck, meant for use with the dark theme.
Wrap lines
/* ==UserStyle==
@name        Tweetdeck Dark Rainbow
@description A rainbow theme for Tweetdeck, meant for use with the dark theme.
@version     1.0
@namespace   https://gf.qytechs.cn/users/3759
==/UserStyle== */
 
/* Modified from TweetDeck Metro Light, with thanks to swxxii.
https://userstyles.org/styles/78667/tweetdeck-metro-light-with-column-colors */
 
@-moz-document domain("tweetdeck.twitter.com")
{
 
  body, #container
  {
    font-family: 'Segoe UI', 'Arial', 'Helvetica', sans-serif;
    background: #000 !important;
    text-shadow: none;
  }
 
  .column
  {
    width: 395px !important;
    box-shadow: none !important;
    border-right: none;
    margin: 0;
  }
 
  .app-columns
  {
    background: #000;
    padding: 0;
  }
 
  *
  {
    border-radius: 0;
  }
 
  h1, h1 *, .attribution
  {
    font-size: 20px !important;
    color: #fff;
  }
 
  .column-type-icon
  {
    color: #fff;
  }
 
  .stream-item
  {
    border-bottom: 1px solid #444 !important;
    color: #999;
    background-color:rgba(0, 0, 0);
  }
 
  .column-options
  {
    background: #000 !important;
  }
 
  .column-settings-link,
.is-options-open .column-settings-link
  {
    background: #fff;
  }
 
  .column-settings-link:hover
  {
    background: transparent;
    border: 1px solid transparent;
  }
 
  .column-header:hover .column-settings-link, .column-header-link
  {
    background: transparent;
    border: 1px solid transparent;
  }
 
  .js-column-back, .column-title .attribution
  {
    color: #fff !important;
  }
 
  .is-options-open .column-settings-link .icon
  {
    background: none !important;
    color: #999 !important;
    border: 1px solid transparent;
  }
 
  .stream-item .icon-reply,
.stream-item .icon-retweet,
.stream-item .icon-favorite,
.stream-item .icon-more
  {
    color: #999;
  }
 
  .stream-item .icon-small-context
  {
    color: #999;
  }
 
  .btn-with-icon-small
  {
    padding: 4px 10px !important;
  }
 
  .menu-button
  {
    padding-top: 3px !important;
  }
 
  .app-search-input
  {
    box-shadow: none !important;
  }
 
  .column-header-link i
  {
    color: #fff;
  }
 
  .column-header-link i:hover
  {
    color: #aaa;
  }
 
  .column-number
  {
    color: #aaa !important;
  }
 
  .tweet-avatar
  {
    background: transparent;
    -moz-border-radius: 24px;
    border-radius: 24px;
    -webkit-border-radius: 24px;
  }
 
  .avatar
  {
    background: transparent;
    -moz-border-radius: 37px;
    border-radius: 37px;
    -webkit-border-radius: 37px;
  }
 
  .prf-img
  {
    background: transparent;
  }
 
  .is-selected-tweet
  {
    background: #000 !important;
  }
 
/* FIRST COLUMN */
 
  section:nth-child(1) .column-header,  section:nth-child(1) .column-header-link
  {
    background: #ff1008 !important;
  }
 
  .column-nav-item:nth-child(1) .column-nav-link .icon
  {
    color: #ff1008;
  }
 
  section:nth-child(1) .column-scroller
  {
    background: #500;
  }
 
/* SECOND COLUMN */
 
section:nth-child(2) .column-header, section:nth-child(2) .column-header-link
  {
    background: #d07e03 !important;
  }
 
.column-nav-item:nth-child(2) .column-nav-link .icon
  {
    color: #d07e03;
  }
 
section:nth-child(2) .column-scroller
  {
    background: #530;
  }
 
/* THIRD COLUMN */
 
  section:nth-child(3) .column-header, section:nth-child(3) .column-header-link
  {
    background: #c6c411 !important;
  }
 
  .column-nav-item:nth-child(3) .column-nav-link .icon
  {
    color: #c6c411;
  }
 
  section:nth-child(3) .column-scroller
  {
    background: #553;
  }
 
/* FOURTH COLUMN */
 
section:nth-child(4) .column-header, section:nth-child(4) .column-header-link
  {
    background: #20af40 !important;
  }
 
.column-nav-item:nth-child(4) .column-nav-link .icon
  {
    color: #20af40;
  }
 
section:nth-child(4) .column-scroller
  {
    background: #353;
  }
 
/* FIFTH COLUMN */
 
section:nth-child(5) .column-header, section:nth-child(5) .column-header-link
  {
    background: #1040e7 !important;
  }
 
.column-nav-item:nth-child(5) .column-nav-link .icon
  {
    color: #1040e7;
  }
 
section:nth-child(5) .column-scroller
  {
    background: #335;
  }
 
/* SIXTH COLUMN */
 
  section:nth-child(6) .column-header, section:nth-child(6) .column-header-link
  {
    background: #9f10bf !important;
  }
 
  .column-nav-item:nth-child(6) .column-nav-link .icon
  {
    color: #9f10bf;
  }
 
  section:nth-child(6) .column-scroller
  {
    background: #535;
  }
 
/* SEVENTH COLUMN */
 
section:nth-child(7) .column-header, section:nth-child(7) .column-header-link
  {
    background: #f39 !important;
  }
 
.column-nav-item:nth-child(7) .column-nav-link .icon
  {
    color: #f39;
  }
 
section:nth-child(7) .column-scroller
  {
    background: #503;
  }
欢迎访问Greasy Fork镜像
