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

userfront/lib/features/dashboard/presentation/dashboard_screen.dart

@@ -18,6 +18,7 @@ import '../../../../core/services/auth_token_store.dart';
 import '../../../../core/services/http_client.dart';
 import '../../../../core/i18n/locale_utils.dart';
 import '../../../../core/widgets/language_selector.dart';
+import '../../../../core/widgets/theme_toggle_button.dart';
 import '../../../../core/ui/layout_breakpoints.dart';
 import '../../../../core/ui/toast_service.dart';
 import '../../profile/domain/notifiers/profile_notifier.dart';
@@ -33,10 +34,6 @@ class DashboardScreen extends ConsumerStatefulWidget {
 }
 
 class _DashboardScreenState extends ConsumerState<DashboardScreen> {
-  static const _ink = Color(0xFF1A1F2C);
-  static const _surface = Colors.white;
-  static const _border = Color(0xFFE5E7EB);
-  static const _subtle = Color(0xFFF7F8FA);
   static const double _dashboardCardSpacing = 12;
   static const double _dashboardCardMaxWidth = 228;
   static const double _activityDialogMaxWidth = 360;
@@ -66,8 +63,14 @@ class _DashboardScreenState extends ConsumerState<DashboardScreen> {
 
   bool _showAllActivities = false;
   bool _showActiveSessionsOnly = false;
+  bool _isDesktopSideMenuOpen = true;
   final Set<String> _revokedClientIds = {};
 
+  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,
@@ -275,7 +278,7 @@ class _DashboardScreenState extends ConsumerState<DashboardScreen> {
                       children: [
                         Text(
                           item.appName,
-                          style: const TextStyle(
+                          style: TextStyle(
                             fontSize: 18,
                             fontWeight: FontWeight.w700,
                             color: _ink,
@@ -346,7 +349,7 @@ class _DashboardScreenState extends ConsumerState<DashboardScreen> {
                                     child: Row(
                                       mainAxisSize: MainAxisSize.min,
                                       children: [
-                                        const Icon(
+                                        Icon(
                                           Icons.shield_outlined,
                                           size: 14,
                                           color: _ink,
@@ -354,7 +357,7 @@ class _DashboardScreenState extends ConsumerState<DashboardScreen> {
                                         const SizedBox(width: 6),
                                         Text(
                                           scope,
-                                          style: const TextStyle(
+                                          style: TextStyle(
                                             fontSize: 12,
                                             fontWeight: FontWeight.w600,
                                             color: _ink,
@@ -414,7 +417,7 @@ class _DashboardScreenState extends ConsumerState<DashboardScreen> {
         children: [
           Text(
             title,
-            style: const TextStyle(
+            style: TextStyle(
               fontSize: 13,
               fontWeight: FontWeight.w700,
               color: _ink,
@@ -519,7 +522,14 @@ class _DashboardScreenState extends ConsumerState<DashboardScreen> {
           ),
           const Padding(
             padding: EdgeInsets.only(bottom: 16),
-            child: LanguageSelector(compact: true),
+            child: Column(
+              mainAxisSize: MainAxisSize.min,
+              children: [
+                ThemeToggleButton(),
+                SizedBox(height: 8),
+                LanguageSelector(compact: true),
+              ],
+            ),
           ),
         ],
       ),
@@ -942,14 +952,35 @@ class _DashboardScreenState extends ConsumerState<DashboardScreen> {
       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.person_outline),
               tooltip: tr('ui.userfront.nav.profile'),
@@ -972,7 +1003,7 @@ class _DashboardScreenState extends ConsumerState<DashboardScreen> {
             : Drawer(child: _buildSideMenu(context, closeOnTap: true)),
         body: Row(
           children: [
-            if (isWide)
+            if (isWide && _isDesktopSideMenuOpen)
               SizedBox(
                 width: 240,
                 child: _buildSideMenu(context, closeOnTap: false),
@@ -1065,7 +1096,7 @@ class _DashboardScreenState extends ConsumerState<DashboardScreen> {
             fallback: 'Hello, {{name}}.',
             values: {'name': userName},
           ),
-          style: const TextStyle(
+          style: TextStyle(
             fontSize: 22,
             fontWeight: FontWeight.bold,
             color: _ink,
@@ -1117,7 +1148,7 @@ class _DashboardScreenState extends ConsumerState<DashboardScreen> {
       children: [
         Text(
           title,
-          style: const TextStyle(
+          style: TextStyle(
             fontSize: 18,
             fontWeight: FontWeight.w700,
             color: _ink,
@@ -1271,7 +1302,7 @@ class _DashboardScreenState extends ConsumerState<DashboardScreen> {
           const SizedBox(width: 6),
           Text(
             label,
-            style: const TextStyle(
+            style: TextStyle(
               fontSize: 12,
               color: _ink,
               fontWeight: FontWeight.w600,
@@ -1496,7 +1527,7 @@ class _DashboardScreenState extends ConsumerState<DashboardScreen> {
               Expanded(
                 child: Text(
                   item.appName,
-                  style: const TextStyle(
+                  style: TextStyle(
                     fontSize: 15,
                     fontWeight: FontWeight.w600,
                     color: _ink,
@@ -1530,7 +1561,7 @@ class _DashboardScreenState extends ConsumerState<DashboardScreen> {
           const SizedBox(height: 4),
           Text(
             item.lastAuthAt,
-            style: const TextStyle(
+            style: TextStyle(
               fontSize: 13,
               fontWeight: FontWeight.w600,
               color: _ink,
@@ -1544,7 +1575,7 @@ class _DashboardScreenState extends ConsumerState<DashboardScreen> {
                   onPressed: () => _showRpDetails(item),
                   style: OutlinedButton.styleFrom(
                     foregroundColor: _ink,
-                    side: const BorderSide(color: _border),
+                    side: BorderSide(color: _border),
                     padding: const EdgeInsets.symmetric(vertical: 7),
                   ),
                   child: Text(
@@ -1745,7 +1776,7 @@ class _DashboardScreenState extends ConsumerState<DashboardScreen> {
             children: [
               Text(
                 tr('ui.userfront.audit.filter.title'),
-                style: const TextStyle(
+                style: TextStyle(
                   fontSize: 15,
                   fontWeight: FontWeight.w700,
                   color: _ink,
@@ -1765,7 +1796,7 @@ class _DashboardScreenState extends ConsumerState<DashboardScreen> {
           children: [
             Text(
               tr('ui.userfront.audit.filter.toggle_label'),
-              style: const TextStyle(
+              style: TextStyle(
                 fontSize: 14,
                 fontWeight: FontWeight.w600,
                 color: _ink,
@@ -2224,7 +2255,7 @@ class _DashboardScreenState extends ConsumerState<DashboardScreen> {
                       Expanded(
                         child: _buildAppCell(
                           log,
-                          style: const TextStyle(
+                          style: TextStyle(
                             fontWeight: FontWeight.w600,
                             color: _ink,
                           ),