• 08-03-2018, 16:58:48
    #1
    Siteme renk modu uyarlamak istiyorum mesela gece ve gündüz modu twitter r10 gibi sitelerde olduğu gibi nasıl yapabilirim bir akıl verebilirmisiniz.
  • 08-03-2018, 17:03:41
    #2
    wordpress ise "http://preview.codecanyon.net/item/night-mode-for-wordpress/full_screen_preview/19502073?_ga=2.257410827.1842774685.1520517747-2121339970.1517310064" bu eklentiyi deneyebilirsiniz.
  • 08-03-2018, 17:05:22
    #3
    ercu145 adlı üyeden alıntı: mesajı görüntüle
    wordpress ise "http://preview.codecanyon.net/item/night-mode-for-wordpress/full_screen_preview/19502073?_ga=2.257410827.1842774685.1520517747-2121339970.1517310064" bu eklentiyi deneyebilirsiniz.
    hocam bana çalışma mantığı lazım ne yaparak çalışıyor gibi teşekkürler yine de.
  • 08-03-2018, 17:19:13
    #4
    Javascript ile yapabilirsin https://www.w3schools.com/jsref/tryi...e_create_elmnt
  • 08-03-2018, 18:00:25
    #5
    https://github.com/dparker1005/night-mode
    inceleyin hocam
  • 18-12-2019, 16:37:51
    #6
    Üyeliği durduruldu
    Merhaba, vermiş olduğum bu bağlantıdaki yapıyı inceleyin lütfen.
  • 19-12-2019, 08:51:48
    #7
    var themeButton = $(".js-theme-switch");
    themeButton.on({
    click: function () {
    var currentTheme = $("html").attr("data-theme");
    var desiredTheme = currentTheme === "light" ? "dark" : "light";
    
    localStorage.setItem('data-theme', desiredTheme);
    $("html").attr("data-theme", desiredTheme);
    $(".text", themeButton).html(currentTheme + " Mode");
    }
    });
    var themeStatus = localStorage.getItem('data-theme'),
    nextStatus = themeStatus === "light" ? "dark" : "light";
    if (themeStatus !== null) {
    $("html").attr("data-theme", themeStatus);
    $(".text", themeButton).html(nextStatus + " Mode");
    }
    html{--color-bg: #FBFBFB;}
    html&[data-theme="dark"]{--color-bg: #191923;}
    <button class="js-theme-switch" type="button" aria-label="Theme Switch Button">
    <span class="main-nav__item-icon">🌓</span><span class="text">Dark Mode</span>
    </button>