대시보드 다크 모드/테마 토글 적용

userfront/lib/features/profile/presentation/pages/profile_page.dart

@@ -9,6 +9,7 @@ import '../../../../core/services/logout_service.dart';
 import '../../../../core/ui/layout_breakpoints.dart';
 import '../../../../core/ui/toast_service.dart';
 import '../../../../core/widgets/language_selector.dart';
+import '../../../../core/widgets/theme_toggle_button.dart';
 import '../../data/models/user_profile_model.dart';
 import '../../domain/notifiers/profile_notifier.dart';
 
@@ -20,10 +21,6 @@ class ProfilePage extends ConsumerStatefulWidget {
 }
 
 class _ProfilePageState extends ConsumerState<ProfilePage> {
-  static const _ink = Color(0xFF1A1F2C);
-  static const _surface = Colors.white;
-  static const _border = Color(0xFFE5E7EB);
-  static const _subtle = Color(0xFFF7F8FA);
   static final _log = Logger('ProfilePage');
 
   UserProfile? _cachedProfile;
@@ -54,9 +51,15 @@ class _ProfilePageState extends ConsumerState<ProfilePage> {
   bool _showCurrentPassword = false;
   bool _showNewPassword = false;
   bool _showConfirmPassword = false;
+  bool _isDesktopSideMenuOpen = true;
   Map<String, dynamic>? _passwordPolicy;
   bool _isPasswordPolicyLoading = false;
 
+  Color get _ink => Theme.of(context).colorScheme.onSurface;
+  Color get _surface => Theme.of(context).colorScheme.surface;
+  Color get _border => Theme.of(context).colorScheme.outlineVariant;
+  Color get _subtle => Theme.of(context).colorScheme.surfaceContainerLowest;
+
   String _renderTranslatedText(
     String key, {
     String? fallback,
@@ -615,7 +618,14 @@ class _ProfilePageState extends ConsumerState<ProfilePage> {
         ),
         const Padding(
           padding: EdgeInsets.only(bottom: 16),
-          child: LanguageSelector(compact: true),
+          child: Column(
+            mainAxisSize: MainAxisSize.min,
+            children: [
+              ThemeToggleButton(),
+              SizedBox(height: 8),
+              LanguageSelector(compact: true),
+            ],
+          ),
         ),
       ],
     );
@@ -627,7 +637,7 @@ class _ProfilePageState extends ConsumerState<ProfilePage> {
       children: [
         Text(
           title,
-          style: const TextStyle(
+          style: TextStyle(
             fontSize: 18,
             fontWeight: FontWeight.w700,
             color: _ink,
@@ -654,7 +664,7 @@ class _ProfilePageState extends ConsumerState<ProfilePage> {
           const SizedBox(width: 6),
           Text(
             label,
-            style: const TextStyle(
+            style: TextStyle(
               fontSize: 12,
               color: _ink,
               fontWeight: FontWeight.w600,
@@ -705,7 +715,7 @@ class _ProfilePageState extends ConsumerState<ProfilePage> {
                     fallback: 'Hello, {{name}}.',
                     values: {'name': name},
                   ),
-                  style: const TextStyle(
+                  style: TextStyle(
                     fontSize: 20,
                     fontWeight: FontWeight.w700,
                     color: _ink,
@@ -996,12 +1006,17 @@ class _ProfilePageState extends ConsumerState<ProfilePage> {
           const SizedBox(height: 8),
           Text(
             tr('msg.userfront.profile.password.subtitle'),
-            style: const TextStyle(color: Color(0xFF6B7280)),
+            style: TextStyle(
+              color: Theme.of(context).colorScheme.onSurfaceVariant,
+            ),
           ),
           const SizedBox(height: 8),
           Text(
             _buildPasswordPolicyDescription(),
-            style: const TextStyle(color: Color(0xFF6B7280), fontSize: 12),
+            style: TextStyle(
+              color: Theme.of(context).colorScheme.onSurfaceVariant,
+              fontSize: 12,
+            ),
           ),
           const SizedBox(height: 16),
           TextField(
@@ -1231,14 +1246,35 @@ class _ProfilePageState extends ConsumerState<ProfilePage> {
     return Scaffold(
       backgroundColor: _subtle,
       appBar: AppBar(
+        leading: isWide
+            ? IconButton(
+                icon: Icon(
+                  _isDesktopSideMenuOpen ? Icons.menu_open : Icons.menu,
+                ),
+                tooltip: _isDesktopSideMenuOpen
+                    ? tr('ui.common.collapse')
+                    : '펼치기',
+                onPressed: () {
+                  setState(() {
+                    _isDesktopSideMenuOpen = !_isDesktopSideMenuOpen;
+                  });
+                },
+              )
+            : Builder(
+                builder: (context) => IconButton(
+                  icon: const Icon(Icons.menu),
+                  tooltip: MaterialLocalizations.of(
+                    context,
+                  ).openAppDrawerTooltip,
+                  onPressed: () => Scaffold.of(context).openDrawer(),
+                ),
+              ),
         title: Text(
           tr('ui.userfront.app_title'),
           style: const TextStyle(fontWeight: FontWeight.bold),
         ),
-        elevation: 0,
-        backgroundColor: _surface,
-        foregroundColor: Colors.black,
         actions: [
+          const ThemeToggleButton(compact: true),
           IconButton(
             icon: const Icon(Icons.home_outlined),
             tooltip: tr('ui.userfront.nav.dashboard'),
@@ -1259,7 +1295,8 @@ class _ProfilePageState extends ConsumerState<ProfilePage> {
       drawer: isWide ? null : Drawer(child: _buildSideMenu(context)),
       body: Row(
         children: [
-          if (isWide) SizedBox(width: 240, child: _buildSideMenu(context)),
+          if (isWide && _isDesktopSideMenuOpen)
+            SizedBox(width: 240, child: _buildSideMenu(context)),
           Expanded(child: _buildContent(profile, isUpdating)),
         ],
       ),