diff --git a/src/assets/styles/common-help-mode.scss b/src/assets/styles/common-help-mode.scss
index baa5564..b74c0a3 100644
--- a/src/assets/styles/common-help-mode.scss
+++ b/src/assets/styles/common-help-mode.scss
@@ -7,8 +7,11 @@
 .help-highlight,
 .help-mode:hover {
     background: rgba(92, 229, 148, 0.5);
-    //background: rgba(253,189,0, 0.5);
     box-shadow: 0 0 0 2px var(--iqser-helpmode-primary) inset;
-    //box-shadow: 0 0 0 2px var(--iqser-yellow-2) inset;
     cursor: help;
+
+    &.documine-theme {
+        background: rgba(253,189,0, 0.5);
+        box-shadow: 0 0 0 2px var(--iqser-yellow-2) inset;
+    }
 }
diff --git a/src/lib/help-mode/help-mode.service.ts b/src/lib/help-mode/help-mode.service.ts
index f8b2ec8..04f12a5 100644
--- a/src/lib/help-mode/help-mode.service.ts
+++ b/src/lib/help-mode/help-mode.service.ts
@@ -5,6 +5,7 @@ import { BehaviorSubject, firstValueFrom } from 'rxjs';
 import { HelpModeDialogComponent } from './help-mode-dialog/help-mode-dialog.component';
 import { HELP_MODE_KEYS, MANUAL_BASE_URL } from './tokens';
 import {
+    DOCUMINE_THEME_CLASS,
     HELP_HIGHLIGHT_CLASS,
     HELP_MODE_CLASS,
     OVERLAPPING_DROPDOWNS_IDS,
@@ -16,6 +17,7 @@ import {
     ScrollableParentViews,
     WEB_VIEWER_ELEMENTS,
 } from './utils/constants';
+import { getConfig } from '../services';
 
 export interface Helper {
     readonly element: HTMLElement;
@@ -42,6 +44,7 @@ export class HelpModeService {
     readonly #helpModeDialogIsOpened$ = new BehaviorSubject(false);
     readonly helpModeDialogIsOpened$ = this.#helpModeDialogIsOpened$.asObservable();
     readonly #renderer: Renderer2;
+    readonly #isDocumine = getConfig().IS_DOCUMINE;
     #helpers: Record<string, Helper> = {};
     #dialogMode = false;
 
@@ -137,6 +140,9 @@ export class HelpModeService {
         this.#renderer.setAttribute(helperElement, 'href', this.generateDocsLink(key));
         this.#renderer.setAttribute(helperElement, 'target', '_blank');
         this.#renderer.addClass(helperElement, HELP_MODE_CLASS);
+        if (this.#isDocumine) {
+            this.#renderer.addClass(helperElement, DOCUMINE_THEME_CLASS);
+        }
         return helperElement;
     }
 
diff --git a/src/lib/help-mode/utils/constants.ts b/src/lib/help-mode/utils/constants.ts
index 64b132f..8cc6c8d 100644
--- a/src/lib/help-mode/utils/constants.ts
+++ b/src/lib/help-mode/utils/constants.ts
@@ -37,4 +37,5 @@ export const OverlappingElements = {
 export type OverlappingElement = keyof typeof OverlappingElements;
 
 export const HELP_MODE_CLASS = 'help-mode';
+export const DOCUMINE_THEME_CLASS = 'documine-theme';
 export const HELP_HIGHLIGHT_CLASS = 'help-highlight';