Change empty state buttons to use tonal buttons

Bug: 325443331
Change-Id: Ie0467f45df907adc815bd7c5a170aad2dc2e253e
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6252744
Commit-Queue: Kim-Anh Tran <[email protected]>
Auto-Submit: Kim-Anh Tran <[email protected]>
Reviewed-by: Kateryna Prokopenko <[email protected]>

Author: ktran

front_end/panels/application/BackgroundServiceView.ts

@@ -499,7 +499,7 @@ export class BackgroundServiceView extends UI.Widget.VBox {
 
       const button = UI.UIUtils.createTextButton(
           i18nString(UIStrings.startRecordingEvents), () => this.toggleRecording(),
-          {jslogContext: 'start-recording', variant: Buttons.Button.Variant.PRIMARY});
+          {jslogContext: 'start-recording', variant: Buttons.Button.Variant.TONAL});
       emptyWidget.contentElement.appendChild(button);
     }
 

front_end/panels/recorder/RecorderController.ts

@@ -1129,7 +1129,7 @@ export class RecorderController extends LitElement {
           <span>${i18nString(UIStrings.recordingDescription)}</span>
           ${UI.XLink.XLink.create(RECORDER_EXPLANATION_URL, i18nString(UIStrings.learnMore), 'x-link', undefined, 'learn-more')}
         </div>
-        <devtools-button jslogContext=${Actions.RecorderActions.CREATE_RECORDING} @click=${this.#onCreateNewRecording}>${i18nString(UIStrings.createRecording)}</devtools-button>
+        <devtools-button .variant=${Buttons.Button.Variant.TONAL} jslogContext=${Actions.RecorderActions.CREATE_RECORDING} @click=${this.#onCreateNewRecording}>${i18nString(UIStrings.createRecording)}</devtools-button>
       </div>
     `;
     // clang-format on