Senin kemarin Elon mengumumkan rebrand Twitter menjadi X dan hal ini membuat semua orang merasa hal ini adalah sesuatu yang cukup bodoh. Pasalnya Twitter adalah brand yang sudah dikenal dan lebih familiar bagi banyak orang. Tidak lupa pula nama Twitter dengan logo burung birunya terasa lebih humanis daripada sekadar X belaka dengan warna hitam dan putih. Elon tidak pernah mengurus Twitter dengan rasa kemanusian, sih. Sepertinya begitu. Dan kurun waktu 24 jam terakhir, banyak orang yang sudah menanggapi kejadian ini, tentu saja dengan nada yang kontra. Termasuk dari diriku.

Mengingat Twitter adalah sebuah situs web, tentu saja kita masih bisa mengubah tampilannya walau hanya tampak di browser dan komputer kita. Kali ini aku akan ngasih tahu gimana caranya untuk mengubah kembali logo Twitter yang sekarang adalah X kembali menjadi logo Larry, Si Burung Biru yang menjadi ikon Twitter sejak tahun 2012.

Kita membutuhkan browser dan ekstensi Stylebot. Browser yang kita bisa pakai adalah Chrome, Firefox, Edge, atau fork dari Chromium/Firefox yang mendukung instalasi ekstensi. Di sini aku pakai Edge, tetapi untuk langkah selanjutnya akan hampir sama untuk semua browser di atas.

Sebagai pengingat, tutorial ini hanya berlaku untuk Twitter di web dan di browser yang mendukung ekstensi.

Kita unduh ekstensi Stylebot dari situsnya, pilih mana browser yang kamu gunakan.

Setelah itu buka Twitter. Setelah dibuka, kamu buka ekstensi Stylebot yang sudah terpasang dengan menekan tombolnya di baris ekstensi browsermu. Kemudian klik Open Stylebot.

Kemudian klik tab Code di bagian bawah window yang muncul.

Lalu tempelkan salah satu dari kedua kode CSS di bawah ini. Yang pertama untuk Light Mode (Default) dan Dark Mode (Dimmed) dengan Larry berwarna biru Twitter. Yang kedua untuk Dark Mode – (Lights Out) dengan Larry berwarna putih.

Warna biru Twitter untuk Light Mode (Default) dan Dark Mode (Dimmed)

[role="heading"] [aria-label="Twitter"] svg {
  display: none !important;
}
[role="heading"] [aria-label="Twitter"]:after {
  content: "[CHIRPBIRDICON]";
  font-family: "TwitterChirp";
  font-size: 28px;
  position: absolute;
  top: 9px;
  left: 9px;
  color: rgb(29,155,240);
}

Warna putih untuk Dark Mode – (Lights Out)

[role="heading"] [aria-label="Twitter"] svg {
  display: none !important;
}
[role="heading"] [aria-label="Twitter"]:after {
  content: "[CHIRPBIRDICON]";
  font-family: "TwitterChirp";
  font-size: 28px;
  position: absolute;
  top: 9px;
  left: 9px;
  color: rgb(255,255,255);
}

Kalian bisa cek kode CSS ini di gist yang sudah aku buat.

Sekarang logo Twitter kembali lagi menjadi Larry. Berikut contohnya untuk Light Mode dan Dark Mode – Lights Out.

Jika kalian memahami CSS, kalian juga bisa bereksperimen untuk mengganti warna logonya ke warna apapun dengan mengganti value dari atribut color, atau bahkan mengganti logonya dengan apapun yang kalian mau, bahkan tulisannya. Untuk favicon yang berada di nama tab tidak akan berubah dengan kode CSS ini. Tetapi jika kamu bisa menemukan kode CSS untuk mengubahnya, good luck!

Selamat mencoba!