Replaces the tacky blue color of Twitter with a cool ice blue color, applied to url links, usernames, etc.
TweetDeck Ice Blue Theme by Soro
Details
AuthorSoro
LicenseNo License
CategoryTweetDeck Ice Blue Theme
Created
Updated
Size5.8 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==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)
}
}