Skip to content

Latest commit

 

History

History
80 lines (58 loc) · 2.44 KB

README.md

File metadata and controls

80 lines (58 loc) · 2.44 KB
Raw

eba-dark-mode

TR | EN

EBA websitesi'ni karanlık moda çeviren basit bir uzantı.

Özellikler

  • CSS değişkenleri ile istediğiniz renklere ayarlayabilirsiniz.
  • Ulaşılabilirlik iyileştirmeleri.

Chrome ve Chromium Tabanlı(Brave, Opera, Edge) Tarayıcılarda Kullanmak

  1. Depoyu cihazınıza zip formatında indirin.
  2. Arşivi çıkarın.
  3. chrome://extensions linkini kullanarak eklenti ayarlarınıza gidin.
  4. Sağ üst köşeden Geliştirici Modunu aktifleştirin.
  5. Zip arşivini çıkardığınız klasörü buraya sürükleyip bırakın.

Firefox ve Firefox Tabanlı Tarayıcılarda Kullanmak

  • İleride eklenecek

Eklentiyi Güncelleştirmek

  1. Depoyu cihazınıza zip formatında indirin.
  2. Arşivi en son çıkardığınız yere çıkarın(eğer eski dosyalar duruyorsa silin).
  3. chrome://extensions linkini kullanarak eklenti ayarlarınıza gidin.
  4. EBA Dark Mode eklentisini bulup sağ alt köşesindeki yeniden yükleme () butonuna basın.

Renkleri Değiştirmek

Depoyu indirdikten sonra eba.css dosyasının başındaki değişkenlerin değerlerini değiştirebilirsiniz. Yaptığınız temaları göndermekten çekinmeyin.

Varsayılan Değerler

:root {
  --background: #151515;
  --background-light: #252525;
  --background-lighter: #353535;
  --highlight: tomato;
  --highlight-light: hsl(9, 100%, 78%);
  --highlight-dark: hsl(9, 100%, 50%);
  --foreground: white;
  --accessibility-focus: blue;
}

Örnek

Arkaplan pembe, yazılar mavi, başlıklar/detaylar yeşil, ulaşılabilirlik seçim rengi kırmızı:

:root {
  --background: pink;
  --background-light: hsl(350, 100%, 60%); /* açık pembe */
  --background-lighter: hsl(350, 100%, 50%); /* daha açık pembe */
  --highlight: green;
  --highlight-light: hsl(120, 100%, 50%); /* açık yeşil */
  --highlight-dark: hsl(120, 100%, 30%); /* koyu yeşil */
  --foreground: blue;
  --accessibility-focus: red;
}

Güncelleme Bildirimlerini Kapatmak

  1. Sağ üst köşedeki eklenti tuşuna basın.
  2. EBA Dark Mode eklentisine tıklayın.
  3. Önünüze çıkan ayarlardan Bildirimler kutusunun işaretini kaldırın.
  4. Kaydet tuşuna basın.

Ek