BayKanguru / eba-dark-mode

EBA websitesi'ni karanlık modda kullanmayı sağlayan basit bir uzantı.

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

• Logo SVG
• Logo PNG çeşitli boyutlarda