Full opacity option for .small-label

src/assets/styles/common-texts.scss

@@ -97,7 +97,10 @@ pre {
     font-size: 11px;
     line-height: 14px;
     font-weight: initial;
-    @extend .text-muted;
+
+    &:not(.full-opacity) {
+        @extend .text-muted;
+    }
 }
 
 .link-action {

src/lib/help-mode/help-mode/help-mode.component.html

@@ -1,6 +1,6 @@
 <div *ngIf="helpModeService.isHelpModeActive$ | async">
     <div class="help-mode-border"></div>
-    <div class="bottom small-label">
+    <div class="bottom small-label full-opacity">
         <strong>{{ 'help-mode.bottom-text' | translate }}</strong>
         <a (click)="helpModeService.openHelpModeDialog()" *ngIf="(helpModeService.helpModeDialogIsOpened$ | async) === false">
             {{ 'help-mode.instructions' | translate }}

src/lib/help-mode/help-mode/help-mode.component.scss

@@ -15,10 +15,6 @@
     justify-content: center;
 }
 
-.small-label {
-    opacity: 1;
-}
-
 .bottom {
     position: fixed;
     height: 30px;