Rehber Dark Reader ile Dimenson temasını özelleştirme

Ciri Riannon

Centipat
Katılım
27 Nisan 2021
Mesajlar
1.062
Çözümler
7
Yer
Kaer Morhen
Merhabalar, sosyal temasını değiştirip,yeni birşeyler denemek isteyen üyeler için rehber olarak bu konuyu açıyorum umarım beğenirsiniz ve işinize yarar. :)

Giriş;
Öncelikle tüm bu tasarımları ortaya koymamızı sağlayan, eklentimiz olan "Dark Reader" eklentisini tarayıcımıza ekleyelim.

Chrome için: Edge için: Firefox için: Dark Reader – Get this Extension for 🦊 Firefox (en-US)

NOT: Sosyalden çıkınca Dark Reader'ı kapatmanızı tavsiye ederim, çünkü beyaz olan her siteyi yaptığınız Dark Reader ayarlarına göre renklendiriyor. Mesela bi kere kapatmayı unutmuştum ve youtube lacivert olmuştu. Buna dikkat ediniz, daha sonra benim gibi şaşırmayın. :D

Bölüm 1: Gerekli ayarlar;

Öncelikle ilgili tasarımları ortaya koymamız için sayfanın en alt kısmında bulunan stil seçme bölümünden, dimension'u aşağıda yazacak şekilde işaretlemeliyiz. Zaten seçtiğinizde sayfada gözle görülür bir fark olacak. Temayı değiştirince göreceksiniz ki, dark reader+ dimension kullanarak bir tema oluşturmuş olduk. Karanlık modda dimension teması aktif halde. Fakat bunu farkı şekillerde tasarlayarak ortaya yeni ve farklı şeyler çıkartabiliriz. kendi oluşturduğum 3 farklı tasarım örneğii;

NOT: Eklenti ayarlarıyla ve sosyal'in tema ayarlarıyla oynayarak kendi zevkinize göre temalar ortaya çıkartabilirsiniz. Verdiğim ayarlar benim hoşuma giden ayarlardır.
1635284266147.png


Karanlık için;

Dark Reader ayarları:
1635284606402.png


Daha sonra temayı özelleştirmek için sayfanın en üst sağındaki ayarlar kısmına tıklıyoruz.
1635284460239.png

Daha sonra şu ayarları uyguluyoruz;

Ortadaki duvar kağıdını seçip, şu seçenekleri aktifleştiriyoruz.
1635284665168.png

1635284683150.png

Ve hoş, modern bir karanlık tema oluşmuş oluyor.

Genel görünüm:
1635285069003.png


Lacivert tema için;

Dark Reader ayarları:
1635284736818.png


Daha sonrasında soldaki duvar kağıdını seçip, şu ayarları yapıyoruz.
1635284778363.png

1635284973090.png


Genel görünüm:
1635285009746.png


Kirli beyaz tema; (Dimension'u açık renkte kullanmak isteyip gözü yorulanlara iyi tercih olabilir.)
Dark Reader ayarları:
1635285204423.png



Arkaplan olarak ben yine soldakini tercih ettim, siz kafanıza göre yapabilirsiniz.
1635285265787.png


Tema ayarları da, bu şekilde;

1635285366225.png


Genel görünüm:
1635286282244.png


Rehberim buraya kadardı, yararlı bir rehber olmuştur. Sizlerde kendi tasarımlarınızı oluşturup aşağıya yazabilirisiniz. :)
@Monterey hocam siz beğenmiştiniz, göz atabilirsiniz konuya. :D
 
Son düzenleme:
Yukarı