Skip to content

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

License

Notifications You must be signed in to change notification settings

BayKanguru/eba-dark-mode

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

43 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

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

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published