Text inputs: change cursor and icon color to onSurface (#229)

* Text inputs: change cursor color to onSurface * Change inputs icon color to onSurface
ubuntu · Nov 28, 2022 · 90b7552 · 90b7552
1 parent ca522c0
commit 90b7552
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 9 deletions.
diff --git a/example/lib/view/inputs_view.dart b/example/lib/view/inputs_view.dart
@@ -17,6 +17,14 @@ class InputsView extends StatelessWidget {
           const TextField(
             autofocus: true,
             decoration: InputDecoration(
+              prefix: Padding(
+                padding: EdgeInsets.only(right: 5),
+                child: Icon(
+                  Icons.text_fields,
+                  size: 16,
+                ),
+              ),
+              prefixIconConstraints: BoxConstraints(minHeight: 100),
               hintText: 'Awesome Textfield',
               labelText: 'All TextFields have a border in Yaru',
             ),

diff --git a/lib/src/themes/common_themes.dart b/lib/src/themes/common_themes.dart
@@ -47,16 +47,19 @@ AppBarTheme _createDarkAppBarTheme(ColorScheme colorScheme) {
   );
 }
 
-// TextField
-final inputDecorationTheme = InputDecorationTheme(
-  border:
-      OutlineInputBorder(borderRadius: BorderRadius.circular(kButtonRadius)),
-  isDense: true,
-);
+InputDecorationTheme _createInputDecorationTheme(ColorScheme colorScheme) {
+  return InputDecorationTheme(
+    border: OutlineInputBorder(
+      borderRadius: BorderRadius.circular(kButtonRadius),
+    ),
+    isDense: true,
+    iconColor: colorScheme.onSurface,
+  );
+}
 
 TextSelectionThemeData _createTextSelectionTheme(ColorScheme colorScheme) {
   return TextSelectionThemeData(
-    cursorColor: colorScheme.primary,
+    cursorColor: colorScheme.onSurface,
     selectionColor: colorScheme.primary.withOpacity(0.40),
   );
 }
@@ -293,7 +296,7 @@ ThemeData createYaruLightTheme({
       selectedItemColor: colorScheme.primary,
       unselectedItemColor: colorScheme.onSurface.withOpacity(0.8),
     ),
-    inputDecorationTheme: inputDecorationTheme,
+    inputDecorationTheme: _createInputDecorationTheme(colorScheme),
     toggleButtonsTheme: _createToggleButtonsTheme(colorScheme),
     textSelectionTheme: _createTextSelectionTheme(colorScheme),
     popupMenuTheme: _createPopupMenuThemeData(colorScheme, Brightness.light),
@@ -343,7 +346,7 @@ ThemeData createYaruDarkTheme({
       selectedItemColor: colorScheme.primary,
       unselectedItemColor: Colors.white.withOpacity(0.8),
     ),
-    inputDecorationTheme: inputDecorationTheme,
+    inputDecorationTheme: _createInputDecorationTheme(colorScheme),
     toggleButtonsTheme: _createToggleButtonsTheme(colorScheme),
     textSelectionTheme: _createTextSelectionTheme(colorScheme),
     popupMenuTheme: _createPopupMenuThemeData(colorScheme, Brightness.dark),