diff --git a/src/ShowyEdge/swift/Views/Settings/SettingsMainView.swift b/src/ShowyEdge/swift/Views/Settings/SettingsMainView.swift
index 1b50346..48cedf4 100644
--- a/src/ShowyEdge/swift/Views/Settings/SettingsMainView.swift
+++ b/src/ShowyEdge/swift/Views/Settings/SettingsMainView.swift
@@ -41,44 +41,63 @@ struct SettingsMainView: View {
         .frame(maxWidth: .infinity, alignment: .leading)
       }
 
+      let currentInputSourceLocalizedName = workspaceData.getInputSourceLocalizedName(
+        inputSourceID: workspaceData.currentInputSourceID)
+
       GroupBox(label: Text("Color")) {
         VStack(alignment: .leading, spacing: 10.0) {
           ScrollView {
-            Grid(alignment: .leading) {
-              ForEach($userSettings.customizedLanguageColors) { $languageColor in
-                GridRow {
-                  Text(languageColor.inputSourceID)
-                    .fixedSize(horizontal: false, vertical: true)
-                    .frame(maxWidth: .infinity, alignment: .leading)
-                    .if(languageColor.inputSourceID == workspaceData.currentInputSourceID) {
-                      $0.foregroundColor(.accentColor)
+            if $userSettings.customizedLanguageColors.count > 0 {
+              Grid(alignment: .leading) {
+                ForEach($userSettings.customizedLanguageColors) { $languageColor in
+                  GridRow {
+                    VStack {
+                      Text(
+                        workspaceData.getInputSourceLocalizedName(
+                          inputSourceID: languageColor.inputSourceID)
+                      )
+                      .fixedSize(horizontal: false, vertical: true)
+                      .frame(maxWidth: .infinity, alignment: .leading)
+                      .if(languageColor.inputSourceID == workspaceData.currentInputSourceID) {
+                        $0.foregroundColor(.accentColor)
+                      }
+
+                      Text(languageColor.inputSourceID)
+                        .font(.caption)
+                        .padding(.leading, 8)
+                        .fixedSize(horizontal: false, vertical: true)
+                        .frame(maxWidth: .infinity, alignment: .leading)
                     }
 
-                  ColorPicker("color 1", selection: $languageColor.colors.0)
-                    .labelsHidden()
+                    ColorPicker("color 1", selection: $languageColor.colors.0)
+                      .labelsHidden()
 
-                  ColorPicker("color 2", selection: $languageColor.colors.1)
-                    .labelsHidden()
+                    ColorPicker("color 2", selection: $languageColor.colors.1)
+                      .labelsHidden()
 
-                  ColorPicker("color 3", selection: $languageColor.colors.2)
-                    .labelsHidden()
+                    ColorPicker("color 3", selection: $languageColor.colors.2)
+                      .labelsHidden()
 
-                  Button(
-                    role: .destructive,
-                    action: {
-                      userSettings.removeCustomizedLanguageColor(
-                        languageColor.inputSourceID
-                      )
-                    },
-                    label: {
-                      Label("Delete", systemImage: "trash")
-                        .labelStyle(.iconOnly)
-                        .foregroundColor(.red)
-                    }
-                  )
-                  .padding(.leading, 20)
+                    Button(
+                      role: .destructive,
+                      action: {
+                        userSettings.removeCustomizedLanguageColor(
+                          languageColor.inputSourceID
+                        )
+                      },
+                      label: {
+                        Label("Delete", systemImage: "trash")
+                          .labelStyle(.iconOnly)
+                          .foregroundColor(.red)
+                      }
+                    )
+                    .padding(.leading, 20)
+                  }
                 }
               }
+            } else {
+              Text(currentInputSourceLocalizedName)
+                .foregroundColor(.gray)
             }
           }
           .frame(height: 200)
@@ -89,7 +108,8 @@ struct SettingsMainView: View {
             },
             label: {
               Label(
-                "Add \(workspaceData.currentInputSourceID)", systemImage: "plus")
+                "Set the color for \(currentInputSourceLocalizedName)",
+                systemImage: "plus")
             }
           ).disabled(
             userSettings.customizedLanguageColor(inputSourceID: workspaceData.currentInputSourceID)