*RESOLU* [EDGE] Mode sombre : modifier la couleur de base

Voir le sujet précédent Voir le sujet suivant Aller en bas

fascicularia
avatar
Administrateur

Messagefascicularia

  • 16px
  • 24px
  • Zoom
Bonjour à tous, 
auriez vous une idée de la modification à effectuer pour modifier la couleur de fond du mode sombre ?

Voici ce que cela donne sur mon forum http://prestaplant.forumactif.com



Merci par avance pour vos réponses.


Dernière édition par fascicularia le Mar 12 Sep 2017 - 14:15, édité 1 fois



Administrateur des forums



Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello Stéphane,
Je ne sais absolument pas comment modifier la couleur et il est vrai quelle est vraiment trop sombre et aucun moyen d'y aller progressivement.
le script concerné se trouve dans le JS global :
Code:
[FA EDGE] ALL.JS

Code:
11. dark mode

Tu peux supprimer le script concerné:
Code:

/* -- 11. dark mode -- */
(function() {
  window.fae_lightSwitchMode = my_getcookie('fae_light-switch-mode') || 'dark';

  document.write('<style type="text/css">#fae_light-switch-container{margin:6px 0}#fae_light-switch-label{font-weight:700;vertical-align:middle}#fae_light-switch{background-color:rgba(0,0,0,.25);vertical-align:middle;display:inline-block;position:relative;height:26px;width:56px;border-radius:20px;cursor:pointer;overflow:hidden}#fae_light-switch>input{display:none}#fae_light-switch>div{background-color:rgba(255,255,255,.5);position:absolute;top:3px;left:3px;height:20px;width:20px;border-radius:20px;transition:.4s;font-size:13px;font-weight:700;line-height:22px}#fae_light-switch>div:before{content:"ON";margin-left:-24px;color:transparent;transition:.4s}#fae_light-switch>div:after{content:"OFF";margin-left:30px;color:rgba(255,255,255,.5);transition:.4s}#fae_light-switch>input:checked+div{background-color:#FFF;left:33px}#fae_light-switch>input:checked+div:before{color:#FFF}#fae_light-switch>input:checked+div:after{color:transparent}</style>');

  var footer = '.footer-links.left',

      cookie = my_getcookie('fae_light-switch'),
      rgb,
      button,
      container,

      changeTheme = function (cookie) {
        var button = document.querySelector('#fae_light-switch input');

        if ((button && button.checked) || cookie == 'on') {
          my_setcookie('fae_light-switch', 'on', true);

          if (window.sessionStorage && window.sessionStorage.faeLightSwitch) {
            $('head').append('<style type="text/css" id="fae_light-switch-css">' + window.sessionStorage.faeLightSwitch + '</style>');
          } else {
            $.get('https://raw.githubusercontent.com/SethClydesdale/forumactif-edge/master/css/dark-mode/' + fae_lightSwitchMode + '-mode.min.css', function (d) {
              $('head').append('<style type="text/css" id="fae_light-switch-css">' + d + '</style>');

              if (window.sessionStorage) {
                window.sessionStorage.faeLightSwitch = d;
              }
            });
          }

        } else {
          var css = document.getElementById('fae_light-switch-css');

          my_setcookie('fae_light-switch', 'off', true);

          if (css) {
            document.head.removeChild(css);
          }
        }
      };

  cookie && changeTheme(cookie);

  $(function() {
    if (!my_getcookie('fae_light-switch-mode')) {
      rgb = window.getComputedStyle(document.body, null).getPropertyValue('background-color').replace(/rgb\(|\)|\s/g, '').split(',');
      fae_lightSwitchMode = Math.round(((parseInt(rgb[0]) * 299) + (parseInt(rgb[1]) * 587) + (parseInt(rgb[2]) * 114)) /1000) > 125 ? 'dark' : 'light';

      my_setcookie('fae_light-switch-mode', fae_lightSwitchMode, true);
    }

    footer = document.querySelector(footer);

    if (footer) {
      button = document.createElement('LABEL');
      button.id = 'fae_light-switch';
      button.innerHTML = '<input type="checkbox" ' + (cookie == 'on' ? 'checked="true"' : '') + '/><div></div>';
      button.firstChild.onchange = changeTheme;

      container = document.createElement('DIV');
      container.id = 'fae_light-switch-container';
      container.innerHTML = '<span id="fae_light-switch-label">' + (fae_lightSwitchMode == 'dark' ? 'Mode sombre :' : 'Mode clair :') + '</span>';

      container.appendChild(button);
      footer.appendChild(container);
    }
  });
}());


Et le remplacer par celui-ci qui est progressif:
Code:
(function() {
                  'DEVELOPED BY ANGE TUTEUR';
                  'NO DISTRIBUTION WITHOUT CONSENT OF THE AUTHOR';
                  'ORIGIN : http://fmdesign.forumotion.com/t444-night-mode#3675';
             
                  if (/msie/i.test(window.navigator.userAgent)) return; // browser exclusion
                  if (!window.fa_night_mode && typeof document.getElementsByTagName('HEAD')[0].style.pointerEvents === 'string') {
             
                    window.fa_night_mode = {
                      targets : ['page-footer', 'pun-foot', 'ipbwrapper'], // target node that the dimmer will be attached to
               
                      // executed when the dimmer is changed
                      dimLight : function() {
                        var val = +fa_night_mode.dimmer.value;
                        fa_night_mode.shade.style.backgroundColor = 'rgba(0, 0, 0, ' + val / 100 + ')';
                        fa_night_mode.counter.innerHTML = ( val / 90 * 100 ).toFixed() + '%';
                        my_setcookie('fa_night_level', val);
                      }
                    };
             
                    // startup variables
                    var dimmer = document.createElement('INPUT'),
                        container = document.createElement('DIV'),
                        counter = document.createElement('SPAN'),
                        cookie = my_getcookie('fa_night_level'); // cookies <3
                 
                    // set the night shade and styles
                    document.write('<style type="text/css">#fa_night_shade { font-size:0; position:fixed; top:0; left:0; right:0; bottom:0; pointer-events:none; z-index:999999999; } #fa_night_dimmer {background-color:transparent !important; margin:0 6px; vertical-align:middle; cursor:pointer; }
    #fa_night_container { font-size:12px; font-family:arial, sans-serif; border:1px solid #CCC; border-radius:3px; display:inline-block; padding:1px; margin:1px; }</style>');
                    fa_night_mode.shade = $('<div id="fa_night_shade" style="background-color:rgba(0, 0, 0, ' + ( cookie ? cookie / 100 : 0 ) + ');"></div>')[0];
             
                    fa_night_mode.interval = window.setInterval(function() {
                      if (document.body) {
                        document.body.appendChild(fa_night_mode.shade);
                        window.clearInterval(fa_night_mode.interval);
                      }
                    }, 1);
             
                    // dimmer attributes
                    dimmer.id = 'fa_night_dimmer';
                    dimmer.type = 'range';
                    dimmer.min = 0;
                    dimmer.max = 90;
                    dimmer.value = cookie || 0;
                    dimmer[/trident/i.test(window.navigator.userAgent) ? 'onchange' : 'oninput'] = fa_night_mode.dimLight; // IE11 cannot use oninput
             
                    // percentage counter
                    counter.id = 'fa_night_counter';
                    counter.innerHTML = ( cookie ? cookie / 90 * 100 : 0 ).toFixed() + '%';
             
                    // container contents
                    container.id = 'fa_night_container';
                    container.innerHTML = '<span>Mode Nuit :</span>';
                    $(container).append([dimmer, counter]);
             
                    // cache nodes to the global object
                    fa_night_mode.dimmer = dimmer;
                    fa_night_mode.counter = counter;
             
             
                    // stuff to do when the document is ready
                    $(function() {
                      // find one ( AND ONLY ONE ) of the targets to attach the dimmer
                      for (var i = 0, j = fa_night_mode.targets.length, footer; i < j; i++) {
                        footer = document.getElementById(fa_night_mode.targets[i]);
                        if (footer) {
                          footer.appendChild(container);
                          break;
                        }
                      }
               
                      if (!footer) {
                        document.body.appendChild(container); // fallback if footer cannot be found
                      }
                    });
                  }
                }());

D'ailleurs je viens de l'installer sur ce fofo clin oeil .
https://www.milouze14.com/#bottom




-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





fascicularia
avatar
Administrateur

Messagefascicularia

  • 16px
  • 24px
  • Zoom
Merci Philippe.

-Staff du Forum Milouze14-



  • Hello 
    Sujet résolu et déplacé dans le forum adéquat.

Pour toute information,merci de contacter un Membre du Staff



Administrateur des forums



Voir le sujet précédent Voir le sujet suivant Revenir en haut

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum