Support » Theme: Aemi » Disable Dark UI Mode

  • Resolved art_n

    (@arthrnvrn)


    Hello Guillaume,

    Thank you for this beautiful theme !

    I would like to know if there is any way to disable the dark mode ?

    I’ve tried to modify some functions from the theme’s style.css, but not work everytime.

    Thank you,
    Arthur

Viewing 11 replies - 1 through 11 (of 11 total)
  • Theme Author g.cqd

    (@guizillanet)

    Hi @arthrnvrn !

    Sorry for inconvenience.
    There are two ways to do it.
    First create a child theme of aemi.

    First way:
    In your child theme, in functions.php, add :

    function aemi_header_menu() {
    
    		?><a class="skip-link screen-reader-text" href="#content"><?php esc_html_e( 'Skip to content', 'aemi' ); ?></a>
    
    		<nav id="header-menu" role="navigation">
    
    			<div id="toggle-header-menu" class="toggle">
    				<div id="toggle-element">
    					<span></span>
    					<span></span>
    					<span></span>
    				</div>
    			</div>
    
    			<div id="header-menu-wrap" class="wrap"><?php
    				
    				if ( has_nav_menu( 'header-menu' ) ) {
    					wp_nav_menu( array(
    						'theme_location' => 'header-menu',
    						'container_class' => 'header-section'
    					) );
    				}
    				if ( has_nav_menu( 'social-menu' ) ) {
    						wp_nav_menu( array(
    							'theme_location' => 'social-menu',
    							'depth' => '1',
    							'container_id' => 'header-social',
    							'container_class' => 'header-section'
    						) );
    				}
    
    				if ( is_active_sidebar( 'header-widget-area' ) )
    				{
    					?><div id="toggle-header-widget" class="toggle">
    						<div id="toggle-widget-element">
    							<span></span>
    							<span></span>
    						</div>
    					</div>
    
    					<div id="header-widgets"  class="header-section"><?php
    
    						dynamic_sidebar( 'header-widget-area' );
    
    					?></div><?php
    
    				}
    
    		?></div>
    
    		</nav><?php
    
    	}

    Second Way:
    Register and enqueue a new javascript before original and add:
    document.getElementById("header-settings").remove();

    So in fact, in the two ways, Javascript function will not find darkmode button and then don’t match the dark theme.

    I’m working in a better way to turn off this feature 😉

    Don’t hesitate to tell me what other problem you encountered and I would like to know your website, I plan to publish a page of every site running aemi theme 🙂
    I also encourage you to rate my theme (I don’t ask you for five stars, just your true opinion).

    Have a nice day and happy coding !

    Thread Starter art_n

    (@arthrnvrn)

    Thank you for your fast reply 🙂

    I’ve already turn off header settings section by CSS, so I finally removed the function “aemi_dark” into the aemi.js and it works great now !

    Here’s my website, still in progress.

    Best,
    Arthur

    Theme Author g.cqd

    (@guizillanet)

    J’ai vu que vous étiez français, je vous remercie pour l’utilisation de mon thème et j’ai apprécié l’utilisation que vous en faites.

    L’option de dark-mode sera désactivable dans une prochaine version du thème à travers le Customizer pour éviter d’avoir à bricoler 😅

    Pour toute question ou suggestion n’hésitez pas à me recontacter.

    Cordialement,
    Guillaume

    Theme Author g.cqd

    (@guizillanet)

    @arthrnvrn

    Une nouvelle version du thème vient d’etre publiée avec une fonction pour désactiver le mode sombre via le customizer.

    Cordialement,
    Guillaume

    Thread Starter art_n

    (@arthrnvrn)

    Hello @guizillanet

    Quelle réactivité ! Je vais essayer ça prochainement.

    Une autre chose qui pourrait être intéressante selon moi, ce serait de pouvoir modifier le footer “All Rights Reserved.”. J’ai tenté de le traduire via LocoTranslate mais ça ne fonctionne pas. Ce n’est qu’un détail bien sûr 🙂

    Edit : non en fait ça marche, une histoire de cache haha

    ++
    Arthur

    • This reply was modified 3 years, 10 months ago by art_n.
    Theme Author g.cqd

    (@guizillanet)

    @arthrnvrn plus tôt je règle les problèmes, moins le risque est élevé que je les oublie.

    Pour le footer, j’ai prévu de le rendre modifiable. Dans une lointaine version du thème (aemi 1.2), la majorité des fonctions du thème pourra être modifiée, en tout cas, c’est ce que je souhaite. Si je devais citer quelques exemples : toutes les traductions, le border-radius de chaque type d’élément… et beaucoup d’autres choses.

    Cordialement,
    Guillaume

    Thread Starter art_n

    (@arthrnvrn)

    Hello Guillaume,

    Il semblerait que la dernière mise à jour du thème (celle du DarkUI) entre en conflit avec le plugin Contact Form 7, rendant impossible l’envoi de formulaire.

    Du moins d’après mes tests 🙂

    ++

    Theme Author g.cqd

    (@guizillanet)

    @arthrnvrn

    Bonjour Arthur,

    Je jetterai un oeil à ce possible problème ce weekend 😉

    Merci pour le retour, chaque retour est important 😉

    Thread Starter art_n

    (@arthrnvrn)

    Salut Guillaume,

    Du coup je suis passé à Ninja Fomrs, ça marche sans soucis.

    Très bizarre CF7, j’ai rollback jusqu’à la 1.0, supprimé mon CSS, désactivé mes plugins etc.

    Dans la même configuration sur Twenty Seveteen, pas de soucis.

    Bon courage! 😀

    Theme Author g.cqd

    (@guizillanet)

    Merci @arthrnvrn pour ces infos je tâcherais d’expliciter les raisons du bug dans les changelog de la prochaine version 😉

    Theme Author g.cqd

    (@guizillanet)

    Bonsoir @arthrnvrn,

    Je n’ai pas été en mesure de reproduire le bug. Je vais continuer de chercher et prendre des mesures dans les prochaines versions pour éviter toute confusion avec d’autres plugins.

    Merci pour tous vos retours ainsi que votre commentaire sur le thème 😉

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Disable Dark UI Mode’ is closed to new replies.