update 251028 - L02

lib/const.dart

@@ -0,0 +1,19 @@
+import 'package:flutter/material.dart';
+
+final isDarkMode = true;
+final imageURL =
+    'https://lh3.googleusercontent.com/aida-public/AB6AXuACAJl0VSuQ2Ix9QfEZLLOwybczej9BGvwBb2GCuiY2QB5BxCj9VYM7rPTAsrcD2MtpaXXfATfV_Ko6TYXJ-sQ0uX4v_sZKTJYy42JXjBVqhin2Z4yh0mtRrVGzZi_WgBWkDzYF9JjqB1_BMpLgjsBy0PfI_skYvYECttgmQhvvTYiut-5nGrBu72DSxB5Oc7rtiTFpO6dypLCLWuhq1UEAk7rGAfwYx_8Oc9InevGM_z0pfoqf3N0jcRqlGepQshp7pSYOxsHHE6U';
+
+final backgroundColor = isDarkMode
+    ? const Color(0xFF101922)
+    : const Color(0xFFF6F7F8);
+final textColor = isDarkMode
+    ? const Color(0xFFE5E7EB)
+    : const Color(0xFF1F2937);
+final subtleTextColor = isDarkMode
+    ? const Color(0xFF9CA3AF)
+    : const Color(0xFF6B7280);
+final inputBackgroundColor = isDarkMode
+    ? const Color(0xFF1F2937)
+    : const Color(0xFFE5E7EB);
+const primaryColor = Color(0xFF137FEC);

lib/main.dart

@@ -0,0 +1,24 @@
+import 'package:flutter/material.dart';
+import 'package:lhj_flutter/pages/login.dart';
+
+void main() {
+  runApp(const MainApp());
+}
+
+class MainApp extends StatelessWidget {
+  const MainApp({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return MaterialApp(
+      title: 'Flutter Demo',
+      theme: ThemeData(
+        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
+        useMaterial3: true,
+      ),
+      darkTheme: ThemeData.dark(useMaterial3: true),
+      themeMode: ThemeMode.system,
+      home: const LoginPage(),
+    );
+  }
+}

lib/pages/login.dart

@@ -0,0 +1,43 @@
+import 'package:flutter/material.dart';
+import 'package:lhj_flutter/const.dart';
+
+class LoginPage extends StatelessWidget {
+  const LoginPage({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      backgroundColor: backgroundColor,
+      body: Stack(
+        children: [
+          _buildTextField(
+            icon: Icons.people_outline,
+            hintText: 'Username',
+            isDarkMode: isDarkMode,
+            inputBackgroundColor: inputBackgroundColor,
+            subtleTextColor: subtleTextColor,
+            textColor: textColor,
+          ),
+        ],
+      ),
+    );
+  }
+}
+
+Widget _buildTextField({
+  required IconData icon,
+  required String hintText,
+  bool obscureText = false,
+  required bool isDarkMode,
+  required Color inputBackgroundColor,
+  required Color subtleTextColor,
+  required Color textColor,
+}) {
+  return TextField(
+    obscureText: obscureText,
+    decoration: InputDecoration(
+      contentPadding: const EdgeInsets.symmetric(vertical: 20),
+      hintText: hintText,
+    ),
+  );
+}