closes #103

LederCards · Jun 26, 2024 · a1bf85e · a1bf85e
1 parent 9fbe72d
commit a1bf85e
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/src/app/syntax/syntax.page.html b/src/app/syntax/syntax.page.html
@@ -27,10 +27,12 @@ <h5>{{ 'Common.AppName' | translate }} {{ 'Pages.SyntaxHelp.Subheader' | transla
 
     <ion-grid class="reference-list">
       @for(operator of allOperators; track $index) {
-      <ion-row class="reference-row" [style.--accent-color]="operator.color">
+      <ion-row class="reference-row"
+        [style.--accent-color]="metaService.getSiteConfigProperty('colors.syntax.' + operator.name)">
         <ion-col [sizeXs]="12" [sizeMd]="6" [sizeLg]="4" [offsetLg]="2" [sizeXl]="3" [offsetXl]="3">
           <h3 class="operator-title" [id]="operator.id">
-            <ion-icon [name]="operator.icon" [style.color]="operator.color"></ion-icon>
+            <ion-icon [name]="operator.icon"
+              [style.color]="metaService.getSiteConfigProperty('colors.syntax.' + operator.name)"></ion-icon>
             <span class="text">{{ 'Pages.SyntaxHelp.Operators.' + operator.name + '.Name' | translate }}</span>
           </h3>
 

diff --git a/src/app/syntax/syntax.page.ts b/src/app/syntax/syntax.page.ts
@@ -17,13 +17,16 @@ import {
   textDescription,
 } from '../../../search/operators';
 import { navigateTo, tryNavigateToHash } from '../_shared/helpers';
+import { MetaService } from '../meta.service';
 
 @Component({
   selector: 'app-syntax',
   templateUrl: './syntax.page.html',
   styleUrls: ['./syntax.page.scss'],
 })
 export class SyntaxPage implements OnInit {
+  public metaService = inject(MetaService);
+
   private domSanitizer = inject(DomSanitizer);
   private translateService = inject(TranslateService);