Skip to content

Taittsuu Dark Mode by Hidaka517

Screenshot of Taittsuu Dark Mode
Write a review Install Get Stylus

Details

AuthorHidaka517

LicenseNo License

Categorytaittsuu

Created

Updated

Size2.4 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

タイッツーをダークモードにします。

Notes

このスタイルの作者

日高（@hidaka517）
Twitter、タイッツー、どちらもアカウント名は同じです。

このスタイルについて

このダークモードは有志が作成した非公式のデザイン（スタイル）です。
不具合、不明点、要望等はスタイルの作者、日高にお願いします。
何かあってもタイッツー開発者ほくさんには問い合わせをしないでください。

サイトの更新・変更には即時に対応できないため、
スタイルが適用されない、表示がおかしくなるといった不具合が発生する場合があります。
不具合が発生した場合は、このスタイルを無効にしてください。

不具合は気がついたら調整しますが、Twitterで教えていただけると対応が早いです。

※タイツ背景が表示されなくなるのは仕様です（画像が透過PNGのため対応できない）

Source code

/* ==UserStyle==
@name         Taittsuu Dark Mode
@version      20230728.15.32
@namespace    userstyles.world/user/Hidaka517
@description  タイッツーをダークモードにします。
@author       Hidaka517
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://taittsuu.com/") {
body {
    background-color: #000;
    color: #ddd !important;
}

a {
    color: #ddd;
}

a:hover {
    color: #aaa;
}

input, input[type=text], input[type=datetime-local], textarea, select {
    background-color: #000;
    border-color: #444;
    color: #ddd !important;
}

.header-title {
    color: #ddd !important;
}

.post-header-wrap {
    background-color: rgba(0, 0, 0, 0.8);
    box-shadow: rgba(255, 255, 255, 0.5) 0px 1px 3px;
    color: #ddd;
}

#posts,
.container-right,
.bottom-menus {
    background-color: rgba(20, 20, 20, 0.8);
    color: #ddd;
}

.post-wrap,
.bottom-menus {
    border-color: #444;
}

.btn-primary {
    background-color: #eee !important;
    color: #000 !important;
}

.btn-light {
    background-color: rgba(20, 20, 20, 0.8) !important;
    color: #ddd !Important;
}

/* #f00の赤は強すぎるので若干色を抑える */
.post-like-button,
.red {
    color: rgba(255, 0, 0, 0.8);
}

.post-button-off {
    color: #ddd;
}

.post-button-disabled {
    color: #444 !important;
}

/* 注釈系 */
.setting-description,
.taiitsu-red-comment {
    color: #999;
}

/* センシティブ */
.post-sensitive-label {
    background-color: #444;
}

.sensitive-cover {
    background-color: #222;
}

/* ダイアログ */
#taiitsuDialog, #postMenuDialog, #profileMenuDialog {
    background-color: rgba(0, 0, 0, 0.8);
}

#taiitsuDialogInner, #postMenuDialogInner, #profileMenuDialogInner {
    background-color:  #161616;
    border-color: #444;
}

/* カード */
.card {
    background-color:  #161616;
    border-color: #444;
}

/* プロフィール */
#profilePanel {
    background-color: rgba(20, 20, 20, 0.8);
}

.profile-wrap {
    border-color: #444;
}

.profile-head-menu-button {
    color: #aaa;
}

/* 未ログイン、登録、規約系　*/
.top-catch {
    color: #ddd;
}
.terms-point {
    background-color: #ffffee40;
    color: #ccc;
}

.faq-answer {
    color: #d99;;
}
.front-page-wrap-frame {
    background-color: rgba(20, 20, 20, 0.8);
    border-color: #444;
}
.form-group .label-text {
    color: #ddd;
}
.small-description {
    color: #aaa;
}
}

Reviews

No reviews yet.