Cara mengubah tampilan superuser.com

Saya ingin mengubah tampilan situs superuser.com di google chrome saya dan meningkatkan kontras, mengubah ukuran font, dll. Saya tidak ingin menggunakan plugin apa pun untuk mengubah warna latar belakang.

Saya menemukan fitur "Elemen Inspeksi" yang tersedia di Chrome. Saya ingin tahu apakah ada opsi (dalam kodenya) yang tersedia untuk mencapai ini?

Sunting: Setelah menggunakan gaya untuk pertama kalinya - ini adalah tampilannya - tetapi masih tidak dapat membawa warna gelap di superuser.com
masukkan deskripsi gambar di sini

windows-7 google-chrome html

— Prasanna
sumber

Mungkin Anda ingin perubahan ini tetap ada saat berikutnya Anda mengunjungi situs ini?

— MrWhite

Ya, setiap kali saya mengunjungi situs ini - saya ingin perubahan tetap

— Prasanna

Saya kira cara termudah adalah skrip konten, tanpa ekstensi apa pun ini tidak akan berfungsi.

— Benjoyo

apa itu skrip konten? - apakah ini seperti konfigurasi di chrome?

— Prasanna

Anda dapat mengiklankan plugin Stylish dan membuat sesuatu seperti ini: userstyles.org/styles/97185/stack-overflow-dark-colors atau userstyles.org/styles/109427/stackoverflow-style-fixer tetapi kemudian untuk warna lain.

— Rik

Jawaban:

Anda dapat menggunakan plugin Stylish untuk mengubah warna di situs web apa pun. Untuk warna gelap, Anda dapat mengikuti tautan ini .

Ketika Anda menginstal Stylish dan juga menginstal style di tautan itu, Anda dapat menerapkannya ke superuser.com dengan mengklik ikon Stylish (kanan atas) dan memilih Manager installed styles. Klik Edit-tombol (di bawah Stack Overflow Dark Colors).

Di bagian bawah klik Adddan ketikkan superuser.comdalam kotak URL.

masukkan deskripsi gambar di sini

Jangan lupa klik Savedi kiri atas untuk menyimpan pengaturan. masukkan deskripsi gambar di sini

Tentu saja Anda juga bisa bermain dengan warna di layar Edit itu.

Sunting: (LOL)
Saya melihat gaya juga mengubah logo ke yang dari Stackoverflow. (Tapi Anda benar-benar berada di situs Superuser). Jika Anda menempatkan # sebelum garis-gambar-belakang Anda dapat menghapus substitusi logo. Dalam hal itu logo asli digunakan (tetapi teks Superuser cukup gelap).

#hlogo a {
    #background-image: url("http://i.imgur.com/zeNdkNx.png") !important;
    background-size: 280px;
    width:280px;
    height:90px;
}

masukkan deskripsi gambar di sini

Juga jika superuser.com adalah satu-satunya situs yang Anda butuhkan ini, Anda dapat membuat logo Anda sendiri (terbalik) dan menggunakannya dalam skrip.

Sunting # 2 :
Jika mengubah "Stack Overflow Dark Colors" tidak berfungsi untuk Anda, Anda dapat mencoba "stack overflow dark" . Yang satu itu sudah dibangun oleh superuser.com sebagai situs yang disertakan.

— Rik
sumber

Menambahkan superuser.com ke daftar - tidak berfungsi untuk saya - sayangnya ;-( Apa yang bisa salah?

— Prasanna

@ Prasanna Itu aneh. Anda mengklik simpan (setelah mengklik Tambah dan tambahkan superuser.com)? Saya melakukannya lagi di sini di komputer rumah saya dan berfungsi di sini. Apakah masih berfungsi untuk stackoverflow.com?

— Rik

Itu masalahnya. Ini bekerja untuk stackoverflow.com - Ngomong-ngomong, saya mengklik tombol "SIMPAN" setelah modifikasi

— Prasanna

@ Prasanna Apa yang terjadi jika Anda menginstal ulang skrip dan tidak mengubah apa pun dalam skrip dan mengubah stackoverflow.com menjadi superuser.com (sebagai ganti menambahkannya)? Apakah itu berhasil?

— Rik

@ Prasanna saya menambahkan "Sunting # 2" dengan pengguna lain yang sudah ada superuser.comdi dalamnya. Ada di sini . Apakah itu berhasil untuk Anda ?? Saya juga melihat Anda memiliki "segalanya" tetapi itu untuk bagian atas. Anda tidak menunjukkan penambahan Anda di superuser.com bawah perubahan gaya css. Semuanya ada di bawah. Seperti ini (menambahkan di superuser.comsana).

— Rik

Anda harus menambahkan URLs maching the regexp'URL di domain'.

Dan nilai itu perlu ^https?://((chat|meta).)?superuser.com.*

— IGRACH
sumber