title: How to change text colour in Aurelia Dialog?
body: <p>I have a dialog as you can see here:</p>
  
  <pre><code>&lt;template&gt;
    &lt;ux-dialog&gt;
      &lt;ux-dialog-body&gt;
        &lt;h2 t="luminaires.list.enter-serialnumber"&gt;Bitte geben Sie eine neue Seriennummer ein&lt;/h2&gt;
        &lt;input value.bind="serialNumber" /&gt;
      &lt;/ux-dialog-body&gt;
  
      &lt;ux-dialog-footer&gt;
        &lt;button click.trigger="controller.cancel()" t="luminaires.list.cancel"&gt;Abbrechen&lt;/button&gt;
        &lt;button click.trigger="controller.ok(serialNumber)" t="luminaires.list.ok"&gt;Ok&lt;/button&gt;
      &lt;/ux-dialog-footer&gt;
    &lt;/ux-dialog&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>and related view-model:</p>
  
  <pre><code>import {DialogController} from "aurelia-dialog";
  import {Controller} from "aurelia-templating";
  
  export class SerialnumberDialog {
    private static inject = [DialogController];
    private serialNumber: string;
    private controller: any;
    constructor(controller: Controller) {
      this.controller = controller;
    }
  }
  </code></pre>
  
  <p>I want to change the color of the following sentence sometimes.</p>
  
  <pre><code>&lt;h2 t="luminaires.list.enter-serialnumber"&gt;Bitte geben Sie eine neue Seriennummer ein&lt;/h2&gt;
  </code></pre>
  
  <p>For example when some body give a repetitious serial number, I want to change the colour to red. I can open the dialog through the following code:</p>
  
  <pre><code>this.dialogService.open({ viewModel: SerialnumberDialog, lock: false })
        .whenClosed((response) =&gt; {......
  </code></pre>
  
  <p>I want to use Aurelia concept for this purpose. Could you please tell me the solution?</p>