feat: rename "Text" to "Font"

Signed-off-by: peterpeterparker <[email protected]>

Author: peterpeterparker

studio/src/app/components/editor/app-select-target-element/app-select-target-element.tsx

@@ -118,7 +118,7 @@ export class AppSelectTargetElement {
     if (this.slide) {
       return (
         <ion-segment-button value={TargetElement.SLIDE} mode="md">
-          <ion-label>Text</ion-label>
+          <ion-label>Font</ion-label>
         </ion-segment-button>
       );
     } else {
@@ -130,7 +130,7 @@ export class AppSelectTargetElement {
     if (this.textTarget) {
       return (
         <ion-segment-button value={TargetElement.TEXT} mode="md">
-          <ion-label>Text</ion-label>
+          <ion-label>Font</ion-label>
         </ion-segment-button>
       );
     } else {

studio/src/app/components/editor/color/app-color-chart/app-color-chart.tsx

@@ -9,7 +9,7 @@ import {ChartUtils} from '../../../../utils/editor/chart.utils';
 enum ApplyColorType {
   FILL,
   STROKE,
-  TEXT,
+  FONT,
   AXIS,
   GRID,
 }
@@ -241,7 +241,7 @@ export class AppColorDeckSlide {
     const options = [
       <ion-select-option value={ApplyColorType.FILL}>Fill</ion-select-option>,
       <ion-select-option value={ApplyColorType.STROKE}>Stroke</ion-select-option>,
-      <ion-select-option value={ApplyColorType.TEXT}>Text</ion-select-option>,
+      <ion-select-option value={ApplyColorType.FONT}>Font</ion-select-option>,
     ];
 
     if (this.chartType != SlideChartType.PIE) {

studio/src/app/components/editor/color/app-color-sides/app-color-sides.tsx

@@ -4,7 +4,7 @@ import {RangeChangeEventDetail} from '@ionic/core';
 import {ColorUtils, InitStyleColor} from '../../../../utils/editor/color.utils';
 
 enum ApplyColorType {
-  TEXT,
+  FONT,
   BACKGROUND,
 }
 
@@ -30,7 +30,7 @@ export class AppColorSides {
   private colorOpacity: number = 100;
 
   @State()
-  private applyColorType: ApplyColorType = ApplyColorType.TEXT;
+  private applyColorType: ApplyColorType = ApplyColorType.FONT;
 
   @Event() colorChange: EventEmitter<void>;
 
@@ -177,7 +177,7 @@ export class AppColorSides {
             interface="popover"
             mode="md"
             class="ion-padding-start ion-padding-end">
-            <ion-select-option value={ApplyColorType.TEXT}>Text</ion-select-option>,
+            <ion-select-option value={ApplyColorType.FONT}>Font</ion-select-option>,
             <ion-select-option value={ApplyColorType.BACKGROUND}>Background</ion-select-option>,
           </ion-select>
         </ion-item>
@@ -214,7 +214,7 @@ export class AppColorSides {
   }
 
   private resetLabelContent() {
-    if (this.applyColorType === ApplyColorType.TEXT) {
+    if (this.applyColorType === ApplyColorType.FONT) {
       return 'Reset text color';
     } else {
       return 'Reset background';