Cara mengubah tampilan superuser.com

2

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

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:

3

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
0

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

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

masukkan deskripsi gambar di sini

IGRACH
sumber