Ciri Riannon
Decapat
- Katılım
- 27 Nisan 2021
- Mesajlar
- 1.313
- Çözümler
- 11
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.
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.
Karanlık için;
Dark Reader ayarları:
Daha sonra temayı özelleştirmek için sayfanın en üst sağındaki ayarlar kısmına tıklıyoruz.
Daha sonra şu ayarları uyguluyoruz;
Ortadaki duvar kağıdını seçip, şu seçenekleri aktifleştiriyoruz.
Ve hoş, modern bir karanlık tema oluşmuş oluyor.
Genel görünüm:
Lacivert tema için;
Dark Reader ayarları:
Daha sonrasında soldaki duvar kağıdını seçip, şu ayarları yapıyoruz.
Genel görünüm:
Kirli beyaz tema; (Dimension'u açık renkte kullanmak isteyip gözü yorulanlara iyi tercih olabilir.)
Dark Reader ayarları:
Arkaplan olarak ben yine soldakini tercih ettim, siz kafanıza göre yapabilirsiniz.
Tema ayarları da, bu şekilde;
Genel görünüm:
Rehberim buraya kadardı, yararlı bir rehber olmuştur. Sizlerde kendi tasarımlarınızı oluşturup aşağıya yazabilirisiniz.
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:
Dark Reader
Dark mode for every website. Take care of your eyes, use dark theme for night and daily browsing.
chrome.google.com
Dark Reader - Microsoft Edge Addons
Make Microsoft Edge your own with extensions that help you personalize the browser and be more productive.
microsoftedge.microsoft.com
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.
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.
Karanlık için;
Dark Reader ayarları:
Daha sonra temayı özelleştirmek için sayfanın en üst sağındaki ayarlar kısmına tıklıyoruz.
Daha sonra şu ayarları uyguluyoruz;
Ortadaki duvar kağıdını seçip, şu seçenekleri aktifleştiriyoruz.
Ve hoş, modern bir karanlık tema oluşmuş oluyor.
Genel görünüm:
Lacivert tema için;
Dark Reader ayarları:
Daha sonrasında soldaki duvar kağıdını seçip, şu ayarları yapıyoruz.
Genel görünüm:
Kirli beyaz tema; (Dimension'u açık renkte kullanmak isteyip gözü yorulanlara iyi tercih olabilir.)
Dark Reader ayarları:
Arkaplan olarak ben yine soldakini tercih ettim, siz kafanıza göre yapabilirsiniz.
Tema ayarları da, bu şekilde;
Genel görünüm:
Rehberim buraya kadardı, yararlı bir rehber olmuştur. Sizlerde kendi tasarımlarınızı oluşturup aşağıya yazabilirisiniz.
@Oğuzhan T hocam siz beğenmiştiniz, göz atabilirsiniz konuya.
Son düzenleme: