TweetDeck Ice Blue Theme by Soro

/* ==UserStyle==
@name         TweetDeck Ice Blue Theme
@version      20230920.04.17
@namespace    userstyles.world/user/Soro
@description  Replaces the tacky blue color of Twitter with a cool ice blue color, applied to url links, usernames, etc.
@author       Soro
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://twitter.com/i/tweetdeck") {
/*---------------------
共通変数
---------------------*/
html {
  --sr-main-color: #7bd2f4;
  --sr-deeper-color: #6fa8dc;
}



/*----------------------------------
カラム内部 水色に変更
-----------------------------------*/

/*色付きテキスト諸々*/
html.dark a,
html.dark a:hover, 
html.dark a:focus, 
html.dark a:active  {
  color: var(--sr-main-color) ;
}

/*"Show this thread"*/
p.color-twitter-blue.txt-link.txt-ellipsis.link-complex-target.margin-t--5 {
  color: var(--sr-main-color) !important;
}

/*返信先のユーザー名*/
a.js-other-replies-link.other-replies-link,
a.js-other-replies-link.other-replies-link a:hover {
  color: var(--sr-main-color) !important;
}




/*----------------------------------
レイアウト変更
-----------------------------------*/

/*カラム上部やサイドバー上の色付きアイコン*/


i.icon.icon-sliders {
  color: var(--sr-main-color);
}
i.icon.icon-plus.icon-medium {
  color: var(--sr-main-color);
}
i.icon.icon-arrow-r-double.icon-medium {
  color: var(--sr-main-color);
}

i.icon.icon-arrow-l-double.icon-medium {
    color: var(--sr-main-color);
}

i.icon.icon-user-switch.icon-medium.position-rel {
  color: var(--sr-main-color);
}
i.icon.icon-settings.icon-medium {
  color: var(--sr-main-color);
}
button.js-show-drawer.js-show-tip.Button.Button--primary.Button--large.tweet-button.margin-t--8.margin-b--10 {
  background-color: var(--sr-deeper-color);
  border-style: none;
}
button.js-header-action.js-show-tip.app-search-fake.padding-al.margin-bm {
  color: var(--sr-main-color);
  border-color: var(--sr-main-color);
}
i.js-show-tip.icon.icon-compose-dm {
  color: var(--sr-main-color);
}
i.js-show-tip.icon.icon-mark-read {
  color: var(--sr-main-color);
}

/*BTDレイアウト修正*/
.js-logo.app-title.btd-logo-title,
.js-logo.app-title.height--53 {
    display:none
}

.nav-user-info.cf.margin-h--4.txt-size--14{
    position: absolute;
    height: 36px;
    bottom: 20px; 
}

.app-navigator.margin-bm.padding-tm {
    position: absolute;
    bottom: 63px;
}


/*****************************************
プロフィールポップアップ画面
*****************************************/

/*フォローボタン*/
i.Icon.icon-follow {
   color: var(--sr-main-color);
}
.action-text.Button--primary.following-text {
    background-color: var(--sr-deeper-color);
}
html.dark .icon-follow:before {
    color: var(--sr-main-color);
}
.action-text.follow-text.btn-on-dark {
    color:var(--sr-main-color);
    border-color:var(--sr-main-color)
}

/*横の3点ボタン*/
.js-user-actions-menu.btn.btn-round.btn-on-dark {
    color: var(--sr-main-color);
    border-color: var(--sr-main-color)
}

/*Edit prfile*/
.js-action-profile.action-text.thats-you-text.btn-on-dark {
    color: var(--sr-main-color);
    border-color: var(--sr-main-color)
}

/*****************
カラム上部展開時
******************/

/*"Small media"とか*/
.js-content-filter-summary.facet-subtitle.padding-t--3.padding-r--12.padding-l--36.nbfc,
.js-preferences-summary.facet-subtitle.padding-t--3.padding-r--12.padding-l--36.nbfc {
    color: var(--sr-main-color) !important
}

/*"Edit List"*/
.full-width.Button--link.btn-bg-positive {
    color: var(--sr-main-color)
}


/******************************
カラム追加ポップアップ
*******************************/
.block.column-type-icon.icon.color-twitter-blue.icon-home,
.block.column-type-icon.icon.color-twitter-blue.icon-user,
.block.column-type-icon.icon.color-twitter-blue.icon-notifications,
.block.column-type-icon.icon.color-twitter-blue.icon-search,
.block.column-type-icon.icon.color-twitter-blue.icon-list,
.block.column-type-icon.icon.color-twitter-blue.icon-custom-timeline,
.block.column-type-icon.icon.color-twitter-blue.icon-trending,
.block.column-type-icon.icon.color-twitter-blue.icon-favorite,
.block.column-type-icon.icon.color-twitter-blue.icon-message,
.block.column-type-icon.icon.color-twitter-blue.icon-mention,
.block.column-type-icon.icon.color-twitter-blue.icon-schedule,
.block.column-type-icon.icon.color-twitter-blue.icon-activity {
    color: var(--sr-main-color);
}

/***************************************
"Add a User column" ポップアップ
:**************************************/

/*"Back"ボタン*/
.js-back.btn.btn-on-dark.btn-back {
    color: var(--sr-main-color);
    border-color: var(--sr-main-color)
}

/*"Add column"ボタン*/
button.js-add-column.Button--primary {
    background-color: var(--sr-deeper-color) !important;
}

/**************
サイドバー展開時
**************/

/*Manage team*/
.btn.btn-primary.js-account-action.btn-on-dark.txt-size--12 {
    color: var(--sr-main-color);
    border-color: var(--sr-main-color)
}

/*2つあるスイッチ*/
.icon.icon-small.icon-toggle-on.pull-right.color-twitter-blue,
.icon.icon-small.icon-toggle-off.pull-right.color-twitter-blue,
.icon.icon-small.icon-toggle-on.pull-right.color-twitter-blue.js-account-safeguard-switch,
.icon.icon-small.icon-toggle-off.pull-right.color-twitter-blue.js-account-safeguard-switch {
    color: var(--sr-main-color)
}

/*****************************
ツイート画面
*******************************/
.js-send-button.js-spinner-button.js-show-tip.Button--primary.btn-extra-height.padding-v--6.padding-h--12 {
    background-color: var(--sr-deeper-color);
    border-color: var(--sr-deeper-color)
}
}