Warning, /maui/mauikit-texteditor/src/controls.5/ColorSchemesPage.qml is written in an unsupported language. File is not indexed.

 import QtQuick 2.13
 import QtQuick.Controls 2.13
 import QtQuick.Layouts 1.3
 
 import org.mauikit.controls 1.3 as Maui
 import org.mauikit.texteditor 1.0 as TE     
      
      Maui.SettingsPage
         {
             id: control
             title: i18n("Colors")
             
             property string currentTheme
             property color backgroundColor
             
             signal colorsPicked(string backgroundColor, string textColor)
             
             Maui.SectionGroup
             {
                 title: i18n("Colors")
                 description: i18n("Configure the style of the syntax highlighting. This configuration in not applied for rich text formats.")
 
                 Maui.SectionItem
                 {
                     label1.text:  i18n("Color")
                     label2.text: i18n("Editor background color.")
 
                     Maui.ColorsRow
                     {
                         spacing: Maui.Style.space.medium
                         currentColor: control.backgroundColor
                         colors: ["#333", "#fafafa", "#fff3e6", "#4c425b"]
 
                         onColorPicked:
                         {
                             currentColor = color
 
                             var textColor
 
                             switch(color)
                             {
                             case "#333": textColor = "#fafafa"; break;
                             case "#fafafa": textColor = "#333"; break;
                             case "#fff3e6": textColor = Qt.darker(color, 2); break;
                             case "#4c425b": textColor = Qt.lighter(color, 2.5); break;
                             default: textColor = Maui.Theme.textColor;
                             }
 
                             control.colorsPicked(color, textColor)
                         }
 
                     }
                 }
 
                 Maui.SectionItem
                 {
                     label1.text:  i18n("Theme")
                     label2.text: i18n("Editor color scheme style.")
                     columns: 1
 
                     GridLayout
                     {
                         columns: 3
                         Layout.fillWidth: true
                         opacity: enabled ? 1 : 0.5
 
                         Repeater
                         {
                             model: TE.ColorSchemesModel {}
 
                             delegate: Maui.GridBrowserDelegate
                             {
                                 Layout.fillWidth: true
                                 checked: model.name === control.currentTheme
                                 onClicked: control.currentTheme = model.name
                                 label1.text: model.name
 
                                 template.iconComponent: Rectangle
                                 {
                                     implicitHeight: Math.max(_layout.implicitHeight + topPadding + bottomPadding, 64)
 
                                     color: control.backgroundColor
                                     radius: Maui.Style.radiusV
 
                                     Column
                                     {
                                         id: _layout
                                         anchors.fill: parent
                                         anchors.margins: Maui.Style.space.small
 
                                         spacing: 2
 
                                         Text
                                         {
                                             wrapMode: Text.NoWrap
                                             elide: Text.ElideLeft
                                             width: parent.width
                                             text: "QWERTY { @ }"
                                             color: model.foreground
                                             font.family: settings.font.family
                                         }
 
                                         Rectangle
                                         {
                                             radius: 2
                                             height: 8
                                             width: parent.width
                                             color: model.highlight
                                         }
 
                                         Rectangle
                                         {
                                             radius: 2
                                             height: 8
                                             width: parent.width
                                             color: model.color3
                                         }
 
                                         Rectangle
                                         {
                                             radius: 2
                                             height: 8
                                             width: parent.width
                                             color: model.color4
                                         }
 
                                         Rectangle
                                         {
                                             radius: 2
                                             height: 8
                                             width: parent.width
                                             color: model.color5
                                         }
                                     }
                                 }
                             }
                         }
                     }
                 }
             }
             
         }