src/app/common/layout/v2-topbar/v2-topbar.component.html

@@ -40,6 +40,7 @@
  i18n-title
  >
  <img [src]="minds.cdn_assets_url + 'assets/logos/bulb.svg'"
+ (touchstart)="touchStart()" 
  (mouseenter)="mouseEnter()"
  (mouseleave)="mouseLeave()"
  />

src/app/common/layout/v2-topbar/v2-topbar.component.ts

@@ -4,6 +4,7 @@ import {
  Component,
  ComponentFactoryResolver,
  OnInit,
+ OnDestroy,
  ViewChild
 } from "@angular/core";
 import { Session } from "../../../services/session";
@@ -16,9 +17,10 @@ import { ThemeService } from "../../../common/services/theme.service";
  templateUrl: 'v2-topbar.component.html',
  changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class V2TopbarComponent implements OnInit {
+export class V2TopbarComponent implements OnInit, OnDestroy {
  minds = window.Minds;
  timeout;
+ isTouchScreen = false;
 
  @ViewChild(DynamicHostDirective, { static: true }) notificationsToasterHost: DynamicHostDirective;
 
@@ -57,10 +59,16 @@ export class V2TopbarComponent implements OnInit {
  this.cd.detectChanges();
  }
 
+ touchStart() {
+ this.isTouchScreen = true;
+ }
+
  mouseEnter() {
  if (this.session.isLoggedIn()) {
  this.timeout = setTimeout(() => {
- this.themeService.toggleUserThemePreference();
+ if (!this.isTouchScreen) {
+ this.themeService.toggleUserThemePreference();
+ }
  }, 5000);
  }
  }
@@ -70,8 +78,9 @@ export class V2TopbarComponent implements OnInit {
  }
 
  ngOnDestroy() {
- if (this.timeout)
+ if (this.timeout) {
  clearTimeout(this.timeout);
+ }
  }
 
 }