Alaca Smf 2.1 Dark Light Template


orhan

Moderator
Katılım
5 Ara 2018
Mesajlar
464
Tepkime puanı
71
Puanları
28
Alaca.png

Theme is the colorized version of the default theme, so the root [data-theme='dark'] feature is used in css coding.

Tema defult temanın renklendirilmiş halidir css kodlamada root [data-theme='dark'] özeliği kulan ilmiştir
yani
CSS:
:root {
  --locked: #e8d8cf;
  --sticky: #cfdce8;
  --w-locked: #e7eaef;
  --bg-even: #f0f4f7;
  --bg-odd: #fdfdfd;
  --cat_bar: #557ea0;  
  --box-shadow: #fff;
  --b-shadow: #dddddd91;
  --strong: #444;
  --visited: #346;
  --wrapper: #fff;
  --tex-color: #4d4d4d;
  --border: #d9d9d9;
  --background: #ededed;
  --top-color: #e2e9f3 0%;
  --bottom-color: #fff 70%;
  --sceditor-toolbar: #f7f7f7;
  --sceditor-group: #ddd;
  --my-gradient: linear-gradient(var(--top-color), var(--bottom-color));
  --top-color_1: #fff 0%;
  --bottom-color_1: #e2e9f3 70%;
  --my-gradient_1: linear-gradient(var(--top-color_1), var(--bottom-color_1));
  --top-color_2: #fff 0%;
  --bottom-color_2: #f1f3f5 95%;
  --my-gradient_2: linear-gradient(var(--top-color_2), var(--bottom-color_2));
}

[data-theme='dark'] {
  --locked: #222;
  --sticky: #333;
  --w-locked: #444;
  --bg-even: #23233e;
  --bg-odd: #22223d;
  --cat_bar: #6259ca;
  --box-shadow: #222;
  --b-shadow: #222;
  --strong: #00bcd4;
  --visited: #607d8b;
  --wrapper: #30304d;
  --tex-color: #f0f4f7;
  --border: #ffffff1a;
  --background: #22223d;
  --top-color: #30304d 0%;
  --bottom-color: #30304d 70%;
  --sceditor-toolbar: #22223d;
  --sceditor-group: #30304d;
  --my-gradient: linear-gradient(var(--top-color), var(--bottom-color));
  --top-color_1: #30304d 0%;
  --bottom-color_1: #30304d 70%;
  --my-gradient_1: linear-gradient(var(--top-color_1), var(--bottom-color_1));
  --top-color_2: #30304d 0%;
   --bottom-color_2: #30304d 70%;
   --my-gradient_2: linear-gradient(var(--top-color_2), var(--bottom-color_2));
}

 

Ekli dosyalar

  • alaca.zip
    577.1 KB · Görüntüleme: 4
Son düzenleme:

replikacep

Kayıtlı Üye
Katılım
15 Ara 2018
Mesajlar
170
Tepkime puanı
15
Puanları
18
Yaş
1018
Web sitesi
www.replikacep.com
Teşekkürler hocam
Şu kullandiginiz ust menu vs kaliplari tema yapimi diye bolum acip paylassaniz bizde oradan biseyler ortaya cikartmaya calissak bence mantikli olur hocam sadece ust menu degil herhangi birsey de olabilr hazir kalip olarak
 

kingvalls

Kayıtlı Üye
Katılım
3 Eyl 2021
Mesajlar
23
Tepkime puanı
3
Puanları
3
Konum
istanbul
veryy good tamda yapamadıgım olaya el atmısın teşekkürler
 

orhan

Moderator
Katılım
5 Ara 2018
Mesajlar
464
Tepkime puanı
71
Puanları
28
Teşekkürler hocam
Şu kullandiginiz ust menu vs kaliplari tema yapimi diye bolum acip paylassaniz bizde oradan biseyler ortaya cikartmaya calissak bence mantikli olur hocam sadece ust menu degil herhangi birsey de olabilr hazir kalip olarak
Merhaba öncelikle belirteyim bu bir tema değil default temanın bire bir kopyası artı bir siyah beyaz temada değil insanlar karıştırıyor bunda olan gece modu özeliği sosyal medya sitelerinde aşina olunan mod uzun süre beyaz ekrana baktınız gözünüz kaldırmaz oldu gece modunda devam edebilme imkânı veriyor
benim yaptığım aşırı kodlamaya boğmadan sitenin proformasını etkilemeyecek bir düzenleme bunu istek üzere yaptım

demosu
 

replikacep

Kayıtlı Üye
Katılım
15 Ara 2018
Mesajlar
170
Tepkime puanı
15
Puanları
18
Yaş
1018
Web sitesi
www.replikacep.com
Merhaba öncelikle belirteyim bu bir tema değil default temanın bire bir kopyası artı bir siyah beyaz temada değil insanlar karıştırıyor bunda olan gece modu özeliği sosyal medya sitelerinde aşina olunan mod uzun süre beyaz ekrana baktınız gözünüz kaldırmaz oldu gece modunda devam edebilme imkânı veriyor
benim yaptığım aşırı kodlamaya boğmadan sitenin proformasını etkilemeyecek bir düzenleme bunu istek üzere yaptım

demosu
Hocam beni yanlis anladiniz ben bu konudaki temadan bahsetmiyorum temalara uyguladiginiz kodlari vs tema yapimi diye bolum olsun orada bizde birseyler yapmaya calisalim tasarimlar ortaya cikartmaya calisalim ben bu amacla demistim
 
Üst Alt