いぎり/ぎりぎりch

総合 2位 4,840pt

❤ 5

ハイサイ！はじめまして！
主にyoutubeでガジェットデバイスレビューを行っています
youtubeで紹介した動画を要点絞ってまとめレビューしていく予定です
よかったらチャンネル登録もよろしくっす！

❤ 5

当サイトはアフィリエイト広告・PRを含みます

BLOG

ブログ

某長者番付のトップによってXは色が二色になりました

ダークブルーを取り戻す方法です

簡易レビュー

青き黒を取り戻せ！

おしながき

まずはstylusの拡張機能を導入します

一応言っときますが

自己責任でお願いします

Stylus は、Webサイトの見た目（CSS）を自分好みに変更できるブラウザ拡張機能です

主に Stylus を使うと、サイトのデザインを変更する「ユーザースタイル」を作成・適用できます

できること
フォントや文字サイズの変更
背景色や配色の変更
レイアウトのカスタマイズ

CSS（Cascading Style Sheets）は、Webページの「見た目」を決めるための言語です

HTMLが「文章や画像などの内容」を作るのに対し、CSSは「どう表示するか」を指定します

⠀参考にした方

拡張機能のDL

クロームの拡張機能からstylusをダウンロードします

ブラウザの設定から探してもいいけど、クロームの検索から「クローム　拡張編集」でググったほうが早いかもしれません

⠀

管理をクリック

ダウンロード出来たら拡張機能アイコンを押してstylusをクリック、管理のボタンをクリックします

⠀

プラスボタンから新規作成

スタイルマネージャが開いたら左側中段の「+」ボタンクリックして新規作成をします

⠀⠀

名前

スタイルエディタの名前を付けます

編集

CSSの上書き編集をしていきます

まず左上のURLタグを「URL]に変更し、上部の枠に「ttps://x.com（タブになっちゃうので先頭のhは抜かしてます、URL列の先頭に「h」をつけてください）」と入力します

本文に以下のコードをコピペではります、書いてある奴は上書きでいいです

body, .r-kemksi, [style*="background-color: rgb(0, 0, 0);"] {
background-color: rgb(21, 32, 43) !important;
}

.r-5zmot {
background-color: rgb(21, 32, 43, 0.65) !important;
}

.r-1kqtdi0, .r-1roi411, .border-gray-100 {
border-color: rgb(56 68 77) !important;
}
.r-2sztyj {
border-top-color: rgb(56 68 77) !important;
}
.r-1igl3o0 {
border-bottom-color: rgb(56 68 77) !important;
}

[style*="color: rgb(113, 118, 123);"], .text-gray-700 {
color: rgb(139 152 165) !important;
}

.from-background {
--tw-gradient-from: none !important;
}