julian/submanager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 글래스모피즘 디자인 시스템 및 색상 가이드 전면 적용

Browse Source 
- @doc/color.md 가이드라인에 따른 색상 시스템 전면 개편
- 딥 블루(#2563EB), 스카이 블루(#60A5FA) 메인 컬러로 변경
- 모든 화면과 위젯에 글래스모피즘 효과 일관성 있게 적용
- darkNavy, navyGray 등 새로운 텍스트 색상 체계 도입
- 공통 스낵바 및 다이얼로그 컴포넌트 추가
- Claude AI 프로젝트 컨텍스트 파일(CLAUDE.md) 추가

영향받은 컴포넌트:
- 10개 스크린 (main, settings, detail, splash 등)
- 30개 이상 위젯 (buttons, cards, forms 등)
- 테마 시스템 (AppColors, AppTheme)

🤖 Generated with Claude Code

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
JiWoong Sul
2025-07-11 18:41:05 +09:00
parent 83c5e3d64e
commit 2f60ef585a
46 changed files with 1096 additions and 580 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
lib/screens/category_management_screen.dart
View File

@@ -1,6 +1,7 @@
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import '../providers/category_provider.dart';
import '../theme/app_colors.dart';
class CategoryManagementScreen extends StatefulWidget {
const CategoryManagementScreen({super.key});
@@ -41,8 +42,13 @@ class _CategoryManagementScreenState extends State<CategoryManagementScreen> {
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text('카테고리 관리'),
backgroundColor: const Color(0xFF1976D2),
title: Text(
'카테고리 관리',
style: TextStyle(
color: AppColors.pureWhite,
),
),
backgroundColor: AppColors.primaryColor,
),
body: Consumer<CategoryProvider>(
builder: (context, provider, child) {
@@ -59,8 +65,11 @@ class _CategoryManagementScreenState extends State<CategoryManagementScreen> {
children: [
TextFormField(
controller: _nameController,
decoration: const InputDecoration(
decoration: InputDecoration(
labelText: '카테고리 이름',
labelStyle: TextStyle(
color: AppColors.navyGray,
),
),
validator: (value) {
if (value == null || value.isEmpty) {
@@ -72,20 +81,23 @@ class _CategoryManagementScreenState extends State<CategoryManagementScreen> {
const SizedBox(height: 16),
DropdownButtonFormField<String>(
value: _selectedColor,
decoration: const InputDecoration(
decoration: InputDecoration(
labelText: '색상 선택',
labelStyle: TextStyle(
color: AppColors.navyGray,
),
),
items: const [
items: [
DropdownMenuItem(
value: '#1976D2', child: Text('파란색')),
value: '#1976D2', child: Text('파란색', style: TextStyle(color: AppColors.darkNavy))),
DropdownMenuItem(
value: '#4CAF50', child: Text('초록색')),
value: '#4CAF50', child: Text('초록색', style: TextStyle(color: AppColors.darkNavy))),
DropdownMenuItem(
value: '#FF9800', child: Text('주황색')),
value: '#FF9800', child: Text('주황색', style: TextStyle(color: AppColors.darkNavy))),
DropdownMenuItem(
value: '#F44336', child: Text('빨간색')),
value: '#F44336', child: Text('빨간색', style: TextStyle(color: AppColors.darkNavy))),
DropdownMenuItem(
value: '#9C27B0', child: Text('보라색')),
value: '#9C27B0', child: Text('보라색', style: TextStyle(color: AppColors.darkNavy))),
],
onChanged: (value) {
setState(() {
@@ -96,19 +108,22 @@ class _CategoryManagementScreenState extends State<CategoryManagementScreen> {
const SizedBox(height: 16),
DropdownButtonFormField<String>(
value: _selectedIcon,
decoration: const InputDecoration(
decoration: InputDecoration(
labelText: '아이콘 선택',
labelStyle: TextStyle(
color: AppColors.navyGray,
),
),
items: const [
items: [
DropdownMenuItem(
value: 'subscriptions', child: Text('구독')),
DropdownMenuItem(value: 'movie', child: Text('영화')),
value: 'subscriptions', child: Text('구독', style: TextStyle(color: AppColors.darkNavy))),
DropdownMenuItem(value: 'movie', child: Text('영화', style: TextStyle(color: AppColors.darkNavy))),
DropdownMenuItem(
value: 'music_note', child: Text('음악')),
value: 'music_note', child: Text('음악', style: TextStyle(color: AppColors.darkNavy))),
DropdownMenuItem(
value: 'fitness_center', child: Text('운동')),
value: 'fitness_center', child: Text('운동', style: TextStyle(color: AppColors.darkNavy))),
DropdownMenuItem(
value: 'shopping_cart', child: Text('쇼핑')),
value: 'shopping_cart', child: Text('쇼핑', style: TextStyle(color: AppColors.darkNavy))),
],
onChanged: (value) {
setState(() {
@@ -119,7 +134,12 @@ class _CategoryManagementScreenState extends State<CategoryManagementScreen> {
const SizedBox(height: 16),
ElevatedButton(
onPressed: _addCategory,
child: const Text('카테고리 추가'),
child: Text(
'카테고리 추가',
style: TextStyle(
color: AppColors.pureWhite,
),
),
),
],
),
@@ -141,7 +161,12 @@ class _CategoryManagementScreenState extends State<CategoryManagementScreen> {
color: Color(
int.parse(category.color.replaceAll('#', '0xFF'))),
),
title: Text(category.name),
title: Text(
category.name,
style: TextStyle(
color: AppColors.darkNavy,
),
),
trailing: IconButton(
icon: const Icon(Icons.delete),
onPressed: () async {