Provide users the option to dim editors without focus

CodeEdit/Features/Editor/Views/EditorView.swift

@@ -11,6 +11,9 @@ struct EditorView: View {
     @AppSettings(\.general.showEditorPathBar)
     var showEditorPathBar
 
+    @AppSettings(\.general.dimEditorsWithoutFocus)
+    var dimEditorsWithoutFocus
+
     @ObservedObject var editor: Editor
 
     @FocusState.Binding var focus: Editor?
@@ -30,6 +33,7 @@ struct EditorView: View {
                            : 0
                         )
                     }
+                    .opacity(dimEditorsWithoutFocus && editor != editorManager.activeEditor ? 0.5 : 1)
             } else {
                 VStack {
                     Spacer()

CodeEdit/Features/Settings/Pages/GeneralSettings/GeneralSettingsView.swift

@@ -39,6 +39,7 @@ struct GeneralSettingsView: View {
                 fileIconStyle
                 tabBarStyle
                 showEditorPathBar
+                dimEditorsWithoutFocus
                 navigatorTabBarPosition
                 inspectorTabBarPosition
             }
@@ -108,6 +109,10 @@ private extension GeneralSettingsView {
         Toggle("Show Path Bar", isOn: $settings.showEditorPathBar)
     }
 
+    var dimEditorsWithoutFocus: some View {
+        Toggle("Dim editors without focus", isOn: $settings.dimEditorsWithoutFocus)
+    }
+
     var fileExtensions: some View {
         Group {
             Picker("File Extensions", selection: $settings.fileExtensionsVisibility) {

CodeEdit/Features/Settings/Pages/GeneralSettings/Models/GeneralSettings.swift

@@ -24,6 +24,9 @@ extension SettingsData {
         /// Show editor path bar
         var showEditorPathBar: Bool = true
 
+        /// Dims editors without focus
+        var dimEditorsWithoutFocus: Bool = false
+
         /// The show file extensions behavior of the app
         var fileExtensionsVisibility: FileExtensionsVisibility = .showAll
 
@@ -89,6 +92,10 @@ extension SettingsData {
                 Bool.self,
                 forKey: .showEditorPathBar
             ) ?? true
+            self.dimEditorsWithoutFocus = try container.decodeIfPresent(
+                Bool.self,
+                forKey: .dimEditorsWithoutFocus
+            ) ?? false
             self.fileExtensionsVisibility = try container.decodeIfPresent(
                 FileExtensionsVisibility.self,
                 forKey: .fileExtensionsVisibility

CodeEdit/Features/WindowCommands/ViewCommands.swift

@@ -16,6 +16,8 @@ struct ViewCommands: Commands {
     var useNewWindowingSystem
     @AppSettings(\.general.showEditorPathBar)
     var showEditorPathBar
+    @AppSettings(\.general.dimEditorsWithoutFocus)
+    var dimEditorsWithoutFocus
 
     @State var windowController: CodeEditWindowController?
 
@@ -119,6 +121,8 @@ struct ViewCommands: Commands {
                     showEditorPathBar.toggle()
                 }
 
+                Toggle("Dim editors without focus", isOn: $dimEditorsWithoutFocus)
+
                 Divider()
             }
         }