diff --git a/README.md b/README.md
index 284f3e09..e212b818 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
 ## Color Converter
-[![Codacy Badge](https://api.codacy.com/project/badge/Grade/cb98dbe7ca6d46af8b385dadd618c446)](https://app.codacy.com/gh/ChilliBits/color-converter?utm_source=github.com&utm_medium=referral&utm_content=ChilliBits/color-converter&utm_campaign=Badge_Grade_Dashboard)
 ![Android CI](https://github.com/chillibits/color-converter/workflows/Android%20CI/badge.svg)
 ![GitHub release (latest by date including pre-releases)](https://img.shields.io/github/v/release/chillibits/color-converter?include_prereleases)
+[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)
 
 Color Converter is an Android app to pick, display and convert colors.
 
@@ -19,6 +19,7 @@ More information on the projects website: [https://chillibits.com/colorconverter
 -   Save / load colors
 -   Export saved colors to Adobe color exchange formats (ACO / ASE)
 -   Copy colors to clipboard
+-   Dark mode
 
 ## Screenshots (Android 11)
 <img src="media/1.png" width="275" title="Screenshot 1"> <img src="media/2.png" width="275" title="Screenshot 2"> <img src="media/3.png" width="275" title="Screenshot 3">
@@ -37,6 +38,7 @@ Thanks to following people:
 -   [ColorPickerView](https://github.com/skydoves/ColorPickerView) by Jaewoong Eum
 -   [AndroidIconics](https://github.com/mikepenz/Android-Iconics) by Mike Penz
 -   [MaterialStyledDialogs](https://github.com/javiersantos/MaterialStyledDialogs) by Javier Santos
+-   [FiveStarMe](https://github.com/numerative/Five-Star-Me) by Michael Hathi
 -   [SimpleSettings](https://github.com/marcauberer/simple-settings) by Marc Auberer
 -   [AdobeColorTool](https://github.com/marcauberer/adobe-color-tool) by Marc Auberer
 
diff --git a/app/build.gradle b/app/build.gradle
index 6bed065c..37608861 100644
--- a/app/build.gradle
+++ b/app/build.gradle
@@ -18,8 +18,8 @@ android {
         applicationId "com.mrgames13.jimdo.colorconverter"
         minSdkVersion 21
         targetSdkVersion 30
-        versionCode 2602
-        versionName "2.6.2"
+        versionCode 2700
+        versionName "2.7.0"
         vectorDrawables.useSupportLibrary = true
         testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
     }
@@ -45,14 +45,14 @@ android {
 
 dependencies {
     // base dependencies
-    implementation 'androidx.appcompat:appcompat:1.3.0'
-    implementation 'androidx.core:core-ktx:1.6.0-beta02'
-    implementation 'androidx.constraintlayout:constraintlayout:2.0.4'
+    implementation 'androidx.appcompat:appcompat:1.3.1'
+    implementation 'androidx.core:core-ktx:1.6.0'
+    implementation 'androidx.constraintlayout:constraintlayout:2.1.0'
     implementation 'com.google.android.instantapps:instantapps:1.1.0'
     implementation 'com.google.android.play:core:1.10.0'
     implementation 'androidx.palette:palette-ktx:1.0.0'
-    implementation 'com.google.android.material:material:1.3.0'
-    implementation 'androidx.fragment:fragment-ktx:1.3.4'
+    implementation 'com.google.android.material:material:1.4.0'
+    implementation 'androidx.fragment:fragment-ktx:1.3.6'
     implementation 'androidx.lifecycle:lifecycle-viewmodel-ktx:2.3.1'
     implementation 'androidx.lifecycle:lifecycle-extensions:2.2.0'
 
@@ -60,12 +60,13 @@ dependencies {
     implementation 'net.margaritov.preference.colorpicker.ColorPickerPreference:ColorPickerPreference:1.0.0'
     implementation 'com.fxn769:pix:1.5.6'
     implementation 'com.github.skydoves:colorpickerview:2.2.3'
-    implementation 'com.mikepenz:iconics-core:5.2.8'
+    implementation 'com.mikepenz:iconics-core:5.3.0'
     implementation 'com.mikepenz:material-design-iconic-typeface:2.2.0.8-kotlin@aar'
     implementation 'com.github.javiersantos:MaterialStyledDialogs:3.0.2'
+    implementation 'com.github.numerative:Five-Star-Me:2.1.1'
 
     // ChilliBits dependencies
-    implementation 'com.chillibits:simplesettings:1.3.0'
+    implementation 'com.chillibits:simplesettings:1.3.1'
     implementation 'com.chillibits:adobecolortool:1.0.1'
 
     // Room dependencies
@@ -79,8 +80,8 @@ dependencies {
 
     // dependencies for testing
     testImplementation 'junit:junit:4.13.2'
-    androidTestImplementation 'androidx.test.ext:junit:1.1.2'
-    androidTestImplementation 'androidx.test.espresso:espresso-core:3.3.0'
+    androidTestImplementation 'androidx.test.ext:junit:1.1.3'
+    androidTestImplementation 'androidx.test.espresso:espresso-core:3.4.0'
 }
 
 // Task for downloading all translation files
diff --git a/app/src/main/java/com/chillibits/colorconverter/tools/ClipboardTools.kt b/app/src/main/java/com/chillibits/colorconverter/tools/ClipboardTools.kt
index c4f84ab2..7249585d 100644
--- a/app/src/main/java/com/chillibits/colorconverter/tools/ClipboardTools.kt
+++ b/app/src/main/java/com/chillibits/colorconverter/tools/ClipboardTools.kt
@@ -21,7 +21,7 @@ class ClipboardTools(
     private val ct: ColorTools
 ) {
 
-    fun copyNameToClipboard(name: String) = context.copyTextToClipboard(context.getString(R.string.color_name), name)
+    fun copyNameToClipboard(name: String) = context.copyTextToClipboard(context.getString(R.string.name), name)
 
     fun copyArgbToClipboard(color: Color) = context.run {
         if (getPrefBooleanValue(Constants.ENABLE_ALPHA, true)) {
@@ -54,9 +54,9 @@ class ClipboardTools(
         copyTextToClipboard(
             getString(R.string.hex_code),
             if (getPrefBooleanValue(Constants.ENABLE_ALPHA, true))
-                "#%08X".format(color.color).toUpperCase(Locale.getDefault())
+                "#%08X".format(color.color).uppercase(Locale.getDefault())
             else
-                "#%06X".format(0xFFFFFF and color.color).toUpperCase(Locale.getDefault())
+                "#%06X".format(0xFFFFFF and color.color).uppercase(Locale.getDefault())
         )
     }
 
diff --git a/app/src/main/java/com/chillibits/colorconverter/ui/activity/MainActivity.kt b/app/src/main/java/com/chillibits/colorconverter/ui/activity/MainActivity.kt
index ab460b62..de0d75cc 100644
--- a/app/src/main/java/com/chillibits/colorconverter/ui/activity/MainActivity.kt
+++ b/app/src/main/java/com/chillibits/colorconverter/ui/activity/MainActivity.kt
@@ -36,6 +36,7 @@ import com.chillibits.simplesettings.tool.getPrefObserver
 import com.google.android.instantapps.InstantApps
 import com.mrgames13.jimdo.colorconverter.R
 import dagger.hilt.android.AndroidEntryPoint
+import five.star.me.FiveStarMe
 import kotlinx.android.synthetic.main.activity_image.*
 import kotlinx.android.synthetic.main.activity_main.*
 import kotlinx.android.synthetic.main.dialog_edit_hex.view.*
@@ -76,11 +77,23 @@ class MainActivity : AppCompatActivity(), ColorsAdapter.ColorSelectionListener,
         initializeButtonSection()
         setDefaultComponentValues()
 
+        // Check if the in-app rating dialog can be displayed
+        FiveStarMe.with(this)
+            .setInstallDays(7)
+            .setLaunchTimes(10)
+            .monitor()
+
         // Redirect to ImageActivity, if needed
-        if (intent.hasExtra(Constants.EXTRA_ACTION) && intent.getStringExtra(Constants.EXTRA_ACTION) == "image") pickColorFromImage()
+        if (intent.hasExtra(Constants.EXTRA_ACTION) &&
+            intent.getStringExtra(Constants.EXTRA_ACTION) == "image") {
+            pickColorFromImage()
+        } else {
+            // Show in-app rating dialog
+            FiveStarMe.showRateDialogIfMeetsConditions(this)
+        }
 
         // Set to choose color mode, if required
-        if(intent.hasExtra(Constants.EXTRA_CHOOSE_COLOR)) {
+        if (intent.hasExtra(Constants.EXTRA_CHOOSE_COLOR)) {
             finishWithColor.setOnClickListener { finishWithSelectedColor() }
             val color = intent.getIntExtra(Constants.EXTRA_CHOOSE_COLOR, android.graphics.Color.BLACK)
             updateDisplays(Color(0, Constants.NAME_SELECTED_COLOR, color, -1))
@@ -196,10 +209,14 @@ class MainActivity : AppCompatActivity(), ColorsAdapter.ColorSelectionListener,
         val dialogView = LayoutInflater.from(this).inflate(R.layout.dialog_edit_hex, container, false)
         val hexValue = dialogView.dialogHex
         if(!isAlphaEnabled)
-            hexValue.setText(String.format(getString(R.string.hex_format, "%06X".format((0xFFFFFF and vm.selectedColor.color)).toUpperCase(Locale.getDefault()))))
+            hexValue.setText(String.format(getString(R.string.hex_format,
+                "%06X".format((0xFFFFFF and vm.selectedColor.color)).uppercase(Locale.getDefault())
+            )))
         else
-            hexValue.setText(String.format(getString(R.string.hex_format), "%08X".format(vm.selectedColor.color).toUpperCase(Locale.getDefault())))
-        Selection.setSelection(hexValue.text, hexValue.text.length)
+            hexValue.setText(String.format(getString(R.string.hex_format),
+                "%08X".format(vm.selectedColor.color).uppercase(Locale.getDefault())
+            ))
+        Selection.setSelection(hexValue.text, hexValue.text.toString().length)
 
         // Create dialog
         val dialog = AlertDialog.Builder(this)
@@ -229,7 +246,7 @@ class MainActivity : AppCompatActivity(), ColorsAdapter.ColorSelectionListener,
             val value = s.toString()
             if(!value.startsWith("#")) {
                 hexValue.setText("#")
-                Selection.setSelection(hexValue.text, hexValue.text.length)
+                Selection.setSelection(hexValue.text, hexValue.text.toString().length)
             } else {
                 if(value.length > 1 && !value.matches("#[a-fA-F0-9]+".toRegex())) s?.delete(value.length -1, value.length)
                 dialog.getButton(AlertDialog.BUTTON_POSITIVE).isEnabled = if(isAlphaEnabled) {
@@ -279,15 +296,18 @@ class MainActivity : AppCompatActivity(), ColorsAdapter.ColorSelectionListener,
 
         container.dialogH.doAfterTextChanged { s ->
             dialog.getButton(AlertDialog.BUTTON_POSITIVE).isEnabled =
-                s.toString().isNotEmpty() && container.dialogS.text.isNotEmpty() && container.dialogV.text.isNotEmpty()
+                s.toString().isNotEmpty() && container.dialogS.text.toString().isNotEmpty() &&
+                        container.dialogV.text.toString().isNotEmpty()
         }
         container.dialogS.doAfterTextChanged { s ->
             dialog.getButton(AlertDialog.BUTTON_POSITIVE).isEnabled =
-                container.dialogH.text.isNotEmpty() && s.toString().isNotEmpty() && container.dialogV.text.isNotEmpty()
+                container.dialogH.text.toString().isNotEmpty() && s.toString().isNotEmpty() &&
+                        container.dialogV.text.toString().isNotEmpty()
         }
         container.dialogV.doAfterTextChanged { s ->
             dialog.getButton(AlertDialog.BUTTON_POSITIVE).isEnabled =
-                container.dialogH.text.isNotEmpty() && container.dialogS.text.isNotEmpty() && s.toString().isNotEmpty()
+                container.dialogH.text.toString().isNotEmpty() &&
+                        container.dialogS.text.toString().isNotEmpty() && s.toString().isNotEmpty()
         }
 
         container.dialogH.requestFocus()
@@ -322,9 +342,13 @@ class MainActivity : AppCompatActivity(), ColorsAdapter.ColorSelectionListener,
         }
         // Update HEX TextView
         displayHex.text = if(isAlphaEnabled) {
-            String.format(getString(R.string.hex_), "%08X".format(color.color).toUpperCase(Locale.getDefault()))
+            String.format(getString(R.string.hex_),
+                "%08X".format(color.color).uppercase(Locale.getDefault())
+            )
         } else {
-            String.format(getString(R.string.hex_), "%06X".format(0xFFFFFF and color.color).toUpperCase(Locale.getDefault()))
+            String.format(getString(R.string.hex_),
+                "%06X".format(0xFFFFFF and color.color).uppercase(Locale.getDefault())
+            )
         }
         // Update HSV TextView
         val hsv = FloatArray(3)
@@ -394,8 +418,11 @@ class MainActivity : AppCompatActivity(), ColorsAdapter.ColorSelectionListener,
             getString(R.string.argb_),
             vm.selectedColor.alpha, vm.selectedColor.red, vm.selectedColor.green, vm.selectedColor.blue
         )
-        displayHex.text = String.format(getString(R.string.hex_), "%08X".format(vm.selectedColor.color).toUpperCase(
-            Locale.getDefault()))
+        displayHex.text = String.format(getString(R.string.hex_),
+            "%08X".format(vm.selectedColor.color).uppercase(
+                Locale.getDefault()
+            )
+        )
         val hsv = FloatArray(3)
         android.graphics.Color.RGBToHSV(vm.selectedColor.red, vm.selectedColor.green, vm.selectedColor.blue, hsv)
         displayHsv.text = String.format(
diff --git a/app/src/main/java/com/chillibits/colorconverter/ui/dialog/RatingDialog.kt b/app/src/main/java/com/chillibits/colorconverter/ui/dialog/RatingDialog.kt
index 7a8ca987..f8b44160 100644
--- a/app/src/main/java/com/chillibits/colorconverter/ui/dialog/RatingDialog.kt
+++ b/app/src/main/java/com/chillibits/colorconverter/ui/dialog/RatingDialog.kt
@@ -4,12 +4,10 @@
 
 package com.chillibits.colorconverter.ui.dialog
 
-import android.content.ActivityNotFoundException
-import android.content.Context
-import android.content.Intent
 import android.graphics.Color
-import android.net.Uri
+import androidx.appcompat.app.AppCompatActivity
 import androidx.core.content.ContextCompat
+import com.chillibits.simplesettings.tool.openGooglePlayAppSite
 import com.github.javiersantos.materialstyleddialogs.MaterialStyledDialog
 import com.github.javiersantos.materialstyleddialogs.enums.Style
 import com.mikepenz.iconics.IconicsDrawable
@@ -17,7 +15,7 @@ import com.mikepenz.iconics.typeface.library.materialdesigniconic.MaterialDesign
 import com.mikepenz.iconics.utils.colorInt
 import com.mrgames13.jimdo.colorconverter.R
 
-fun Context.showRatingDialog() {
+fun AppCompatActivity.showRatingDialog() {
     MaterialStyledDialog.Builder(this)
         .setStyle(Style.HEADER_WITH_ICON)
         .setHeaderColorInt(ContextCompat.getColor(this, R.color.googlePlayHeaderColor))
@@ -29,12 +27,6 @@ fun Context.showRatingDialog() {
         .setDescription(R.string.rate_m)
         .setPositiveText(R.string.rate)
         .setNegativeText(R.string.cancel)
-        .onPositive {
-            try {
-                startActivity(Intent(Intent.ACTION_VIEW, Uri.parse("market://details?id=$packageName")))
-            } catch (e: ActivityNotFoundException) {
-                startActivity(Intent(Intent.ACTION_VIEW, Uri.parse("https://play.google.com/store/apps/details?id=$packageName")))
-            }
-        }
+        .onPositive { openGooglePlayAppSite() }
         .show()
 }
\ No newline at end of file
diff --git a/app/src/main/java/com/chillibits/colorconverter/ui/dialog/SaveColorDialog.kt b/app/src/main/java/com/chillibits/colorconverter/ui/dialog/SaveColorDialog.kt
index e0a1c35b..4860f385 100644
--- a/app/src/main/java/com/chillibits/colorconverter/ui/dialog/SaveColorDialog.kt
+++ b/app/src/main/java/com/chillibits/colorconverter/ui/dialog/SaveColorDialog.kt
@@ -5,15 +5,14 @@
 package com.chillibits.colorconverter.ui.dialog
 
 import android.content.Context
-import android.text.InputType
+import android.view.LayoutInflater
 import android.view.WindowManager
-import android.widget.EditText
-import android.widget.FrameLayout
 import androidx.appcompat.app.AlertDialog
 import androidx.core.widget.doAfterTextChanged
 import com.chillibits.colorconverter.tools.ColorNameTools
 import com.chillibits.colorconverter.viewmodel.MainViewModel
 import com.mrgames13.jimdo.colorconverter.R
+import kotlinx.android.synthetic.main.dialog_rename.view.*
 import kotlinx.coroutines.CoroutineScope
 import kotlinx.coroutines.Dispatchers
 import kotlinx.coroutines.launch
@@ -22,26 +21,16 @@ fun Context.showSaveColorDialog(cnt: ColorNameTools, vm: MainViewModel) {
     val defaultName = cnt.getColorNameFromColor(vm.selectedColor)
 
     // Initialize views
-    val container = FrameLayout(this)
-    val containerParams = FrameLayout.LayoutParams(FrameLayout.LayoutParams.MATCH_PARENT, FrameLayout.LayoutParams.WRAP_CONTENT).apply {
-        marginStart = resources.getDimensionPixelSize(R.dimen.dialog_margin)
-        marginEnd = resources.getDimensionPixelSize(R.dimen.dialog_margin)
-    }
-    val editTextName = EditText(this).apply {
-        hint = getString(R.string.choose_name)
-        setText(defaultName)
-        inputType = InputType.TYPE_TEXT_VARIATION_URI
-        layoutParams = containerParams
-    }
-    container.addView(editTextName)
+    val dialogView = LayoutInflater.from(this).inflate(R.layout.dialog_rename, null)
+    dialogView.dialogName.setText(defaultName)
 
     // Create dialog
     val dialog = AlertDialog.Builder(this)
         .setTitle(R.string.save_color)
-        .setView(container)
+        .setView(dialogView)
         .setNegativeButton(R.string.cancel, null)
         .setPositiveButton(R.string.save) { _, _ ->
-            vm.selectedColor.name = editTextName.text.toString().trim()
+            vm.selectedColor.name = dialogView.dialogName.text.toString().trim()
             if (vm.selectedColor.name == defaultName) vm.selectedColor.name = ""
             vm.selectedColor.creationTimestamp = System.currentTimeMillis()
             // Insert color into local db
@@ -50,7 +39,7 @@ fun Context.showSaveColorDialog(cnt: ColorNameTools, vm: MainViewModel) {
         .show()
 
     // Prepare views
-    editTextName.run {
+    dialogView.dialogName.run {
         doAfterTextChanged {
             dialog.getButton(AlertDialog.BUTTON_POSITIVE).isEnabled = it.toString().isNotEmpty()
         }
diff --git a/app/src/main/res/layout/dialog_edit_hex.xml b/app/src/main/res/layout/dialog_edit_hex.xml
index 2f6a9a56..c06cfae6 100644
--- a/app/src/main/res/layout/dialog_edit_hex.xml
+++ b/app/src/main/res/layout/dialog_edit_hex.xml
@@ -8,14 +8,20 @@
     android:layout_width="match_parent"
     android:layout_height="wrap_content">
 
-    <EditText
-        android:id="@+id/dialogHex"
+    <com.google.android.material.textfield.TextInputLayout
+        android:id="@+id/dialogHexContainer"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
-        android:layout_marginStart="20dp"
-        android:layout_marginEnd="20dp"
-        android:inputType="textCapCharacters"
-        android:hint="@string/hex_code"
-        android:maxLength="9"
-        android:importantForAutofill="no"/>
+        android:layout_marginHorizontal="20dp"
+        android:hint="@string/hex_code">
+
+        <com.google.android.material.textfield.TextInputEditText
+            android:id="@+id/dialogHex"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:focusable="true"
+            android:maxLength="9"
+            android:inputType="textCapCharacters"
+            android:importantForAutofill="no"/>
+    </com.google.android.material.textfield.TextInputLayout>
 </FrameLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/dialog_edit_hsv.xml b/app/src/main/res/layout/dialog_edit_hsv.xml
index b37c827a..b857c425 100644
--- a/app/src/main/res/layout/dialog_edit_hsv.xml
+++ b/app/src/main/res/layout/dialog_edit_hsv.xml
@@ -7,43 +7,63 @@
     android:orientation="horizontal"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
-    android:paddingStart="20dp"
-    android:paddingEnd="20dp"
+    android:paddingHorizontal="20dp"
     android:weightSum="3">
 
-    <EditText
-        android:id="@+id/dialogH"
+    <com.google.android.material.textfield.TextInputLayout
+        android:id="@+id/dialogHContainer"
         android:layout_width="0dp"
-        android:layout_weight="1"
         android:layout_height="wrap_content"
-        android:hint="@string/h"
-        android:inputType="numberDecimal"
-        android:selectAllOnFocus="true"
-        android:imeOptions="actionNext"
-        android:maxLength="6"
-        android:importantForAutofill="no" />
+        android:layout_weight="1"
+        android:hint="@string/h">
+
+        <com.google.android.material.textfield.TextInputEditText
+            android:id="@+id/dialogH"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:focusable="true"
+            android:maxLength="6"
+            android:inputType="numberDecimal"
+            android:imeOptions="actionNext"
+            android:selectAllOnFocus="true"
+            android:importantForAutofill="no"/>
+    </com.google.android.material.textfield.TextInputLayout>
 
-    <EditText
-        android:id="@+id/dialogS"
+    <com.google.android.material.textfield.TextInputLayout
+        android:id="@+id/dialogSContainer"
         android:layout_width="0dp"
-        android:layout_weight="1"
         android:layout_height="wrap_content"
-        android:hint="@string/s"
-        android:inputType="numberDecimal"
-        android:selectAllOnFocus="true"
-        android:imeOptions="actionNext"
-        android:maxLength="4"
-        android:importantForAutofill="no" />
+        android:layout_weight="1"
+        android:hint="@string/s">
 
-    <EditText
-        android:id="@+id/dialogV"
+        <com.google.android.material.textfield.TextInputEditText
+            android:id="@+id/dialogS"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:focusable="true"
+            android:maxLength="4"
+            android:inputType="numberDecimal"
+            android:imeOptions="actionNext"
+            android:selectAllOnFocus="true"
+            android:importantForAutofill="no"/>
+    </com.google.android.material.textfield.TextInputLayout>
+
+    <com.google.android.material.textfield.TextInputLayout
+        android:id="@+id/dialogVContainer"
         android:layout_width="0dp"
-        android:layout_weight="1"
         android:layout_height="wrap_content"
-        android:hint="@string/v"
-        android:inputType="numberDecimal"
-        android:selectAllOnFocus="true"
-        android:imeOptions="actionDone"
-        android:maxLength="4"
-        android:importantForAutofill="no" />
+        android:layout_weight="1"
+        android:hint="@string/v">
+
+        <com.google.android.material.textfield.TextInputEditText
+            android:id="@+id/dialogV"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:focusable="true"
+            android:maxLength="4"
+            android:inputType="numberDecimal"
+            android:imeOptions="actionNext"
+            android:selectAllOnFocus="true"
+            android:importantForAutofill="no"/>
+    </com.google.android.material.textfield.TextInputLayout>
 </LinearLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/dialog_rename.xml b/app/src/main/res/layout/dialog_rename.xml
index 12292e3b..cb667c6b 100644
--- a/app/src/main/res/layout/dialog_rename.xml
+++ b/app/src/main/res/layout/dialog_rename.xml
@@ -8,13 +8,22 @@
     android:layout_width="match_parent"
     android:layout_height="wrap_content">
 
-    <EditText
-        android:id="@+id/dialogName"
+    <com.google.android.material.textfield.TextInputLayout
+        android:id="@+id/dialogNameContainer"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
-        android:layout_marginStart="20dp"
-        android:layout_marginEnd="20dp"
-        android:hint="@string/choose_name"
-        android:importantForAutofill="no"
-        android:inputType="textCapWords" />
+        android:layout_marginHorizontal="20dp"
+        android:hint="@string/name">
+
+        <com.google.android.material.textfield.TextInputEditText
+            android:id="@+id/dialogName"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:focusable="true"
+            android:maxLength="4"
+            android:inputType="textCapWords"
+            android:imeOptions="actionNext"
+            android:selectAllOnFocus="true"
+            android:importantForAutofill="no"/>
+    </com.google.android.material.textfield.TextInputLayout>
 </FrameLayout>
\ No newline at end of file
diff --git a/app/src/main/res/values-de/strings.xml b/app/src/main/res/values-de/strings.xml
index 9bcef25a..e874b3ce 100644
--- a/app/src/main/res/values-de/strings.xml
+++ b/app/src/main/res/values-de/strings.xml
@@ -9,7 +9,7 @@
  Release: Working copy
  Locale: de, German
  Exported by: ChilliBits
- Exported at: Tue, 08 Jun 2021 08:14:01 +0100
+ Exported at: Sat, 31 Jul 2021 13:44:20 +0100
 -->
 <resources xmlns:xliff="urn:oasis:names:tc:xliff:document:1.2">
     <string name="ok">OK</string>
@@ -20,7 +20,6 @@
     <string name="choose_color">Farbe wählen</string>
     <string name="save_color">Farbe speichern</string>
     <string name="save">Speichern</string>
-    <string name="choose_name">Name wählen</string>
     <string name="pick_random_color">Zufällige Farbe generieren</string>
     <string name="pick_color_from_image">Farbe von Bild wählen</string>
     <string name="copied_to_clipboard">In Zwischenablage kopiert</string>
@@ -33,7 +32,7 @@
     <string name="recommend_string">Color Converter: Farben konvertieren, Farben aus Bildern wählen und vieles mehr! Ein einfaches Werkzeug für Programmierer und Grafikdesigner. Von Google Play herunterladen: https://play.google.com/store/apps/details?id=com.mrgames13.jimdo.colorconverter</string>
     <string name="press_color_to_apply">Auf Farbe tippen zum Bestätigen</string>
     <string name="rate">Bewerten</string>
-    <string name="color_name">Name</string>
+    <string name="name">Name</string>
     <string name="argb_code">ARGB-Code</string>
     <string name="hsv_code">HSV-Code</string>
     <!-- %s is a placeholder -->
diff --git a/app/src/main/res/values-de/strings_colors.xml b/app/src/main/res/values-de/strings_colors.xml
index 52ccc010..405f504d 100644
--- a/app/src/main/res/values-de/strings_colors.xml
+++ b/app/src/main/res/values-de/strings_colors.xml
@@ -9,7 +9,7 @@
  Release: Working copy
  Locale: de, German
  Exported by: ChilliBits
- Exported at: Tue, 08 Jun 2021 08:14:01 +0100
+ Exported at: Fri, 30 Jul 2021 16:50:13 +0100
 -->
 <resources xmlns:xliff="urn:oasis:names:tc:xliff:document:1.2">
     <string name="color_alice_blue">Aliceblau</string>
diff --git a/app/src/main/res/values-es/strings.xml b/app/src/main/res/values-es/strings.xml
index ed4d0c17..719610b0 100644
--- a/app/src/main/res/values-es/strings.xml
+++ b/app/src/main/res/values-es/strings.xml
@@ -9,7 +9,7 @@
  Release: Working copy
  Locale: es, Spanish
  Exported by: ChilliBits
- Exported at: Tue, 08 Jun 2021 08:14:01 +0100
+ Exported at: Sat, 31 Jul 2021 13:44:20 +0100
 -->
 <resources xmlns:xliff="urn:oasis:names:tc:xliff:document:1.2">
     <string name="ok">Aceptar</string>
@@ -20,7 +20,6 @@
     <string name="choose_color">Elegir color</string>
     <string name="save_color">Guardar el color</string>
     <string name="save">Salvar</string>
-    <string name="choose_name">Elegir nombre</string>
     <string name="pick_random_color">Generar color al azar</string>
     <string name="pick_color_from_image">Elige el color de la imagen</string>
     <string name="copied_to_clipboard">Copiado al portapapeles</string>
@@ -33,7 +32,7 @@
     <string name="recommend_string">Color Converter: Convertir colores, leer los colores de las imágenes y mucho más! Una herramienta eficaz para los programadores y diseñadores. Descargar desde Google Play: https://play.google.com/store/apps/details?id=com.mrgames13.jimdo.colorconverter</string>
     <string name="press_color_to_apply">Toque el color para aplicar</string>
     <string name="rate">Evaluar</string>
-    <string name="color_name">Nombre</string>
+    <string name="name">Nombre</string>
     <string name="argb_code">Código ARGB</string>
     <string name="hsv_code">Código HSV</string>
     <!-- %s is a placeholder -->
diff --git a/app/src/main/res/values-es/strings_colors.xml b/app/src/main/res/values-es/strings_colors.xml
index 1507519f..6ae486cc 100644
--- a/app/src/main/res/values-es/strings_colors.xml
+++ b/app/src/main/res/values-es/strings_colors.xml
@@ -9,7 +9,7 @@
  Release: Working copy
  Locale: es, Spanish
  Exported by: ChilliBits
- Exported at: Tue, 08 Jun 2021 08:14:01 +0100
+ Exported at: Fri, 30 Jul 2021 16:50:13 +0100
 -->
 <resources xmlns:xliff="urn:oasis:names:tc:xliff:document:1.2">
     <string name="color_alice_blue">Azul Alicia</string>
diff --git a/app/src/main/res/values-fr/strings.xml b/app/src/main/res/values-fr/strings.xml
index bb0d438c..86fa414d 100644
--- a/app/src/main/res/values-fr/strings.xml
+++ b/app/src/main/res/values-fr/strings.xml
@@ -9,7 +9,7 @@
  Release: Working copy
  Locale: fr, French
  Exported by: ChilliBits
- Exported at: Tue, 08 Jun 2021 08:14:00 +0100
+ Exported at: Sat, 31 Jul 2021 13:44:20 +0100
 -->
 <resources xmlns:xliff="urn:oasis:names:tc:xliff:document:1.2">
     <string name="ok">OK</string>
@@ -20,7 +20,6 @@
     <string name="choose_color">Choisir une couleur</string>
     <string name="save_color">Sauver couleur</string>
     <string name="save">Sauver</string>
-    <string name="choose_name">Choisir nom</string>
     <string name="pick_random_color">Générer couleur au hasard</string>
     <string name="pick_color_from_image">Choisir la couleur de l\'image</string>
     <string name="copied_to_clipboard">Copié dans la presse-papiers</string>
@@ -33,7 +32,7 @@
     <string name="recommend_string">Color Converter: Convertir les couleurs, déterminer des couleurs des images et bien plus encore! Un outil efficace pour les programmeurs et les concepteurs. Télécharger de Google Play: https://play.google.com/store/apps/details?id=com.mrgames13.jimdo.colorconverter</string>
     <string name="press_color_to_apply">Appuyez sur la couleur pour appliquer</string>
     <string name="rate">Évaluer</string>
-    <string name="color_name">Prénom</string>
+    <string name="name">Prénom</string>
     <string name="argb_code">Code ARGB</string>
     <string name="hsv_code">Code HSV</string>
     <!-- %s is a placeholder -->
diff --git a/app/src/main/res/values-fr/strings_colors.xml b/app/src/main/res/values-fr/strings_colors.xml
index 775e223b..f31f9e07 100644
--- a/app/src/main/res/values-fr/strings_colors.xml
+++ b/app/src/main/res/values-fr/strings_colors.xml
@@ -9,7 +9,7 @@
  Release: Working copy
  Locale: fr, French
  Exported by: ChilliBits
- Exported at: Tue, 08 Jun 2021 08:14:01 +0100
+ Exported at: Fri, 30 Jul 2021 16:50:13 +0100
 -->
 <resources xmlns:xliff="urn:oasis:names:tc:xliff:document:1.2">
     <string name="color_alice_blue">Bleu alice</string>
diff --git a/app/src/main/res/values-ru/strings.xml b/app/src/main/res/values-ru/strings.xml
index 6efe60d8..14bd5e4f 100644
--- a/app/src/main/res/values-ru/strings.xml
+++ b/app/src/main/res/values-ru/strings.xml
@@ -9,7 +9,7 @@
  Release: Working copy
  Locale: ru, Russian
  Exported by: ChilliBits
- Exported at: Tue, 08 Jun 2021 08:14:01 +0100
+ Exported at: Sat, 31 Jul 2021 13:44:20 +0100
 -->
 <resources xmlns:xliff="urn:oasis:names:tc:xliff:document:1.2">
     <string name="ok">ОК</string>
@@ -20,7 +20,6 @@
     <string name="choose_color">Выбрать цвет</string>
     <string name="save_color">Сохранить цвет</string>
     <string name="save">Сохранить</string>
-    <string name="choose_name">Введите название</string>
     <string name="pick_random_color">Сгенерировать случайный цвет</string>
     <string name="pick_color_from_image">Выбрать цвет с изображения</string>
     <string name="copied_to_clipboard">Скопировано в буфер обмена</string>
@@ -33,7 +32,7 @@
     <string name="recommend_string">Color Converter: Преобразование цветов, выбор цвета с изображения и многое другое! Легкий инструмент для программистов и дизайнеров.\u0020\u0020Скачать в Google Play: \nhttps://play.google.com/store/apps/details?id=com.mrgames13.jimdo.colorconverter</string>
     <string name="press_color_to_apply">Коснитесь цвета, чтобы применить</string>
     <string name="rate">Оценить</string>
-    <string name="color_name">Название</string>
+    <string name="name">Название</string>
     <string name="argb_code">ARGB-код</string>
     <string name="hsv_code">HSV-код</string>
     <!-- %s is a placeholder -->
diff --git a/app/src/main/res/values/strings.xml b/app/src/main/res/values/strings.xml
index c08e7420..75f0cb20 100644
--- a/app/src/main/res/values/strings.xml
+++ b/app/src/main/res/values/strings.xml
@@ -9,7 +9,7 @@
  Release: Working copy
  Locale: en, English
  Exported by: ChilliBits
- Exported at: Tue, 08 Jun 2021 08:14:00 +0100
+ Exported at: Sat, 31 Jul 2021 13:44:19 +0100
 -->
 <resources xmlns:xliff="urn:oasis:names:tc:xliff:document:1.2">
     <string name="ok">OK</string>
@@ -20,7 +20,6 @@
     <string name="choose_color">Choose color</string>
     <string name="save_color">Save color</string>
     <string name="save">Save</string>
-    <string name="choose_name">Choose name</string>
     <string name="pick_random_color">Generate random color</string>
     <string name="pick_color_from_image">Choose color from image</string>
     <string name="copied_to_clipboard">Copied to clipboard</string>
@@ -33,7 +32,7 @@
     <string name="recommend_string">Color Converter: Converting colors, picking colors from an image and much more! An lightweight tool for programmers and designers. Download from Google Play: https://play.google.com/store/apps/details?id=com.mrgames13.jimdo.colorconverter</string>
     <string name="press_color_to_apply">Tap on color to apply</string>
     <string name="rate">Rate</string>
-    <string name="color_name">Name</string>
+    <string name="name">Name</string>
     <string name="argb_code">ARGB code</string>
     <string name="hsv_code">HSV code</string>
     <!-- %s is a placeholder -->
diff --git a/app/src/main/res/values/strings_colors.xml b/app/src/main/res/values/strings_colors.xml
index 207e0c96..90fbf715 100644
--- a/app/src/main/res/values/strings_colors.xml
+++ b/app/src/main/res/values/strings_colors.xml
@@ -9,7 +9,7 @@
  Release: Working copy
  Locale: en, English
  Exported by: ChilliBits
- Exported at: Tue, 08 Jun 2021 08:14:00 +0100
+ Exported at: Fri, 30 Jul 2021 16:50:13 +0100
 -->
 <resources xmlns:xliff="urn:oasis:names:tc:xliff:document:1.2">
     <string name="color_alice_blue">Alice Blue</string>
diff --git a/build.gradle b/build.gradle
index 4e01e3b6..7de8713b 100644
--- a/build.gradle
+++ b/build.gradle
@@ -3,15 +3,15 @@
  */
 
 buildscript {
-    ext.kotlin_version = '1.4.32'
+    ext.kotlin_version = '1.5.30-M1'
     ext.room_version = '2.3.0'
-    ext.hilt_version = '2.36'
+    ext.hilt_version = '2.38.1'
     repositories {
         google()
         jcenter()
     }
     dependencies {
-        classpath 'com.android.tools.build:gradle:4.2.1'
+        classpath 'com.android.tools.build:gradle:7.0.0'
         classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
         classpath "com.google.dagger:hilt-android-gradle-plugin:$hilt_version"
         classpath 'com.mikepenz.aboutlibraries.plugin:aboutlibraries-plugin:8.3.1'
diff --git a/gradle/wrapper/gradle-wrapper.properties b/gradle/wrapper/gradle-wrapper.properties
index a007b36e..0194b653 100644
--- a/gradle/wrapper/gradle-wrapper.properties
+++ b/gradle/wrapper/gradle-wrapper.properties
@@ -7,4 +7,4 @@ distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists
 zipStoreBase=GRADLE_USER_HOME
 zipStorePath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-6.7.1-all.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-7.0.2-all.zip