System Light Dark

Theme editor

Page Setup Appearance

  • Page Width

    Toggle Page Width

    Allows you to change page width values

    Color Pickers

    Toggle color picker

    Allows you to change the color of some predefined items

  • Languages

    Select Your Preferred Language

    Style variation

    Select the style variation you want to use
    System Light Dark

VanillaJS ve Cookie Kullanarak Dark Mode

Sort by date Sort by reactions
Tam olarak komut istemi gibi belirtir misiniz.

.js dosyasına mı kayıt ediyoruz,
sonrası hangi şablonlara ekleyeceğiz. :rolleyes:
 
Kastettiğim şey hocam, şu kodu - şu şablona,
şu kodu dosya olarak kaydedip ftp atın gibi..
 
Alfonse kardeşimin paylaştığı şekilde biraz html css bilgisi olan kişiler rahatlıkla yapabilirler. Bunun ile ilgili olarak internette oldukça fazla meteryal mevcut.

Örnek bir kaç yapı..
Kaynak:
codyhouse.co

How to create a dark\light mode switch in CSS and Javascript | CodyHouse

In this tutorial, we'll take a look at how to create a dark color theme by updating the values of your color variables (CSS custom properties), and how to apply this new theme to a web project.
codyhouse.co codyhouse.co
Download:
github.com

GitHub - codyhouse/dark-light-mode-switch: How to create a dark\light mode switch in CSS and Javascript

How to create a dark\light mode switch in CSS and Javascript - codyhouse/dark-light-mode-switch
github.com github.com

Başka bir örnek:
dev.to

Create A Dark/Light Mode Switch with CSS Variables

Step by step guide on how to create a dark-light mode switch with CSS variables in your website
dev.to dev.to

Bir başka örnek

Edit fiddle - JSFiddle - Code Playground

JSFiddle - Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle.
jsfiddle.net jsfiddle.net

Tabii XenForo tasarıma uyarlama konusunda biraz çalışmak gerek.
 
Birtanede benim bildiğim var bir zamanlar mybb sitem varken bakmıştım. Kodları buldumda birileri xenforo 2 için nasıl yapacağımızı anlatabilirse herkese faydası olur.

Code:
Dear Guests, welcome! Please, Log in or Register to view hide content!
css kodu
Code:
Dear Guests, welcome! Please, Log in or Register to view hide content!
Açma kapatma butonu
Code:
Dear Guests, welcome! Please, Log in or Register to view hide content!

Bu kodlar da gece siteye giren kullanıcılara siyah temayı gösteriyormuş
Code:
Dear Guests, welcome! Please, Log in or Register to view hide content!
Ben buldum paylaşayım dedim bizimde faydamız olsun.
 
Kaynak isterseniz link verebilirim. Link paylaşmının yasak olup olmadığını bilmediğim için yazmadım.
 
You must log in or register to reply here.
Quick Jump

Legal Notice

As a content provider sharing platform, users of our site at xentr.net are responsible for their own posts, according to Article 8 of Law No. 5651 and Article 125 of the Turkish Penal Code (T.C.K.). All legal complaints regarding XenTR.Net will be reviewed within 3 (three) days after contacting us via the provided contact link, in accordance with the relevant laws and regulations. Necessary actions will be taken, and the site administrators will provide the necessary information.

Currently on our website
116 User Active  (0 member, 116 visitor)
Members online
Threads 3,048
Messages 14,150
Members 1,578
Latest member cowboyhd13
Back
Top