Skip to content

feat(home): enhance dark mode aurora glow and translucent glass styling - #388

Merged
SHcommit merged 4 commits into
developfrom
feat/home-dark-aurora-glow
Oct 12, 2026
Merged

SHcommit merged 4 commits into
developfrom
feat/home-dark-aurora-glow

Conversation

@SHcommit

@SHcommit SHcommit commented Oct 12, 2026 •

Copy link
Copy Markdown
Member

Summary

  • 홈 다크 모드 오로라 무드 개선:
    • 칙칙했던 다크 모드 오로라를 은은하고 몽환적인 밤하늘 오로라 톤으로 튜닝
    • 과하지 않도록 부드러운 투명도(0.52 / 0.46)와 깊은 블러(28px ~ 32px) 적용
  • 섹션 경계선 완전 제거:
    • HomeBrandAurora의 높이를 확장하고 다단계 스무스 마스크 그라데이션 적용
    • JourneyHome의 <ContentLayer> 불투명 배경색을 제거해 상단 오로라가 하단 피드까지 라이트모드처럼 매끄럽게 연결
  • 검색창 & 추천 칩 다크 글래스모피즘:
    • 뒤쪽 오로라가 비치는 반투명 다크 글래스(rgba(22, 28, 40, 0.78) + 미세 화이트 보더) 적용
    • 추천 무드 칩(MoodChip) 테두리와 명암을 정돈해 깔끔하게 부각

Included Commits

  • 83ac582 feat(home): enhance dark mode aurora glow and translucent glass styling
  • 850dbf9 fix(home): smooth aurora mask gradient to eliminate boundary line
  • cbf0507 fix(home): remove ContentLayer opaque background to seamlessly blend with aurora
  • 911361d style(home): soften dark mode aurora opacity and blur for subtle elegance

Verification

  • npx vitest run src/features/journey-curator: 전체 통과
  • npx tsc --noEmit: 통과

@coderabbitai

coderabbitai Bot commented Oct 12, 2026 •

Copy link
Copy Markdown

Important

  • 🔍 Trigger review

This repository does not receive automatic reviews because it has fewer than 10 stars.

⚙️ Run configuration
  • Configuration used: Repository: YRootLab/OnMaru-Frontend/.coderabbit.yaml
  • Review profile: ASSERTIVE
  • Plan: Advanced
  • Run ID: 455d9267-3fc9-4e51-b59e-bf8ddc0334cf

  • Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@github-actions

Copy link
Copy Markdown

📋 코드 리뷰 체크리스트

  • 테스트 추가/업데이트
  • 문서 업데이트
  • 콘솔 로그/디버거 없음
  • 하드코딩된 값 없음
  • 성능 고려됨
  • 보안 검토됨
  • 에러 처리 추가됨

@github-actions

Copy link
Copy Markdown

✅ PR 검증 통과

  • 제목 형식: ✓
  • 설명: ✓
  • 파일 수정: ✓

@github-actions

Copy link
Copy Markdown

📦 번들 크기 분석 요약:

번들 크기 분석 결과

Next.js 빌드 출력 크기

254M .next

가장 큰 파일 상위 20개

35M .next/cache/turbopack/v16.3.5-ca2c75eb/00000004.sst
35M .next/cache/turbopack/v16.3.5-ca2c75eb/00000003.sst
33M .next/cache/turbopack/v16.3.5-ca2c75eb/00000002.sst
32M .next/cache/turbopack/v16.3.5-ca2c75eb/00000001.sst
14M .next/cache/turbopack/v16.3.5-ca2c75eb/00000016.sst
12M .next/cache/turbopack/v16.3.5-ca2c75eb/00000011.sst
12M .next/cache/turbopack/v16.3.5-ca2c75eb/00000008.sst
12M .next/cache/turbopack/v16.3.5-ca2c75eb/00000007.sst
11M .next/cache/turbopack/v16.3.5-ca2c75eb/00000006.sst
8.2M .next/cache/turbopack/v16.3.5-ca2c75eb/00000015.sst
6.1M .next/static/chunks/2j0lyost73yaq.js
6.1M .next/server/chunks/ssr/src_app_dev_icons_page_tsx_0bmgqvo..js
2.6M .next/cache/turbopack/v16.3.5-ca2c75eb/00000012.sst
2.6M .next/cache/turbopack/v16.3.5-ca2c75eb/00000010.sst
2.6M .next/cache/turbopack/v16.3.5-ca2c75eb/00000009.sst
2.6M .next/cache/turbopack/v16.3.5-ca2c75eb/00000005.sst
1.3M .next/server/chunks/ssr/src_app_dev_icons_page_tsx_0bmgqvo.
.js.map
1.3M .next/server/chunks/ssr/[root-of-the-server]__112mz-6._.js.map
1.3M .next/cache/turbopack/v16.3.5-ca2c75eb/00000019.meta
1.2M .next/cache/turbopack/v16.3.5-ca2c75eb/00000021.meta

@github-actions

Copy link
Copy Markdown

📦 번들 크기 분석 요약:

번들 크기 분석 결과

Next.js 빌드 출력 크기

255M .next

가장 큰 파일 상위 20개

35M .next/cache/turbopack/v16.3.5-ca2c75eb/00000004.sst
34M .next/cache/turbopack/v16.3.5-ca2c75eb/00000003.sst
33M .next/cache/turbopack/v16.3.5-ca2c75eb/00000002.sst
32M .next/cache/turbopack/v16.3.5-ca2c75eb/00000001.sst
12M .next/cache/turbopack/v16.3.5-ca2c75eb/00000014.sst
12M .next/cache/turbopack/v16.3.5-ca2c75eb/00000009.sst
12M .next/cache/turbopack/v16.3.5-ca2c75eb/00000008.sst
11M .next/cache/turbopack/v16.3.5-ca2c75eb/00000013.sst
11M .next/cache/turbopack/v16.3.5-ca2c75eb/00000005.sst
6.5M .next/cache/turbopack/v16.3.5-ca2c75eb/00000007.sst
6.1M .next/static/chunks/2j0lyost73yaq.js
6.1M .next/server/chunks/ssr/src_app_dev_icons_page_tsx_0bmgqvo..js
5.8M .next/cache/turbopack/v16.3.5-ca2c75eb/00000006.sst
2.6M .next/cache/turbopack/v16.3.5-ca2c75eb/00000016.sst
2.6M .next/cache/turbopack/v16.3.5-ca2c75eb/00000015.sst
2.6M .next/cache/turbopack/v16.3.5-ca2c75eb/00000012.sst
2.6M .next/cache/turbopack/v16.3.5-ca2c75eb/00000010.sst
1.4M .next/cache/turbopack/v16.3.5-ca2c75eb/00000021.meta
1.3M .next/server/chunks/ssr/src_app_dev_icons_page_tsx_0bmgqvo.
.js.map
1.3M .next/server/chunks/ssr/[root-of-the-server]__112mz-6._.js.map

@github-actions

Copy link
Copy Markdown

✅ 코드 품질 검사가 완료되었습니다. 위 출력 결과에서 이슈를 확인하세요.

@github-actions

Copy link
Copy Markdown

⚡ Lighthouse 성능 감사가 완료되었습니다. 아티팩트에서 상세 리포트를 확인하세요.

@github-actions

Copy link
Copy Markdown

♿ 접근성 감사가 완료되었습니다. 아티팩트의 a11y-report를 확인하세요.

@github-actions

Copy link
Copy Markdown

🔍 CodeQL 보안 분석이 완료되었습니다. 세부 검출 결과는 리포지토리의 Security 탭을 확인하세요.

@github-actions

Copy link
Copy Markdown

📊 테스트 커버리지 리포트

테스트 커버리지 요약

사용 가능한 커버리지 데이터가 없습니다.

@github-actions

Copy link
Copy Markdown

✅ E2E 테스트가 완료되었습니다. 아티팩트에서 Playwright 리포트를 확인하세요.

@github-actions

Copy link
Copy Markdown

✅ PR 검증 통과

  • 제목 형식: ✓
  • 설명: ✓
  • 파일 수정: ✓

@github-actions

Copy link
Copy Markdown

📦 번들 크기 분석 요약:

번들 크기 분석 결과

Next.js 빌드 출력 크기

254M .next

가장 큰 파일 상위 20개

37M .next/cache/turbopack/v16.3.5-ca2c75eb/00000004.sst
34M .next/cache/turbopack/v16.3.5-ca2c75eb/00000003.sst
34M .next/cache/turbopack/v16.3.5-ca2c75eb/00000002.sst
32M .next/cache/turbopack/v16.3.5-ca2c75eb/00000001.sst
13M .next/cache/turbopack/v16.3.5-ca2c75eb/00000012.sst
12M .next/cache/turbopack/v16.3.5-ca2c75eb/00000011.sst
12M .next/cache/turbopack/v16.3.5-ca2c75eb/00000008.sst
12M .next/cache/turbopack/v16.3.5-ca2c75eb/00000007.sst
11M .next/cache/turbopack/v16.3.5-ca2c75eb/00000006.sst
6.1M .next/static/chunks/2j0lyost73yaq.js
6.1M .next/server/chunks/ssr/src_app_dev_icons_page_tsx_0bmgqvo..js
4.2M .next/cache/turbopack/v16.3.5-ca2c75eb/00000010.sst
3.6M .next/cache/turbopack/v16.3.5-ca2c75eb/00000009.sst
2.6M .next/cache/turbopack/v16.3.5-ca2c75eb/00000016.sst
2.6M .next/cache/turbopack/v16.3.5-ca2c75eb/00000015.sst
2.6M .next/cache/turbopack/v16.3.5-ca2c75eb/00000014.sst
2.6M .next/cache/turbopack/v16.3.5-ca2c75eb/00000013.sst
1.5M .next/cache/turbopack/v16.3.5-ca2c75eb/00000020.meta
1.3M .next/server/chunks/ssr/src_app_dev_icons_page_tsx_0bmgqvo.
.js.map
1.3M .next/server/chunks/ssr/[root-of-the-server]__112mz-6._.js.map

@github-actions

Copy link
Copy Markdown

✅ 코드 품질 검사가 완료되었습니다. 위 출력 결과에서 이슈를 확인하세요.

@github-actions

Copy link
Copy Markdown

📦 번들 크기 분석 요약:

번들 크기 분석 결과

Next.js 빌드 출력 크기

254M .next

가장 큰 파일 상위 20개

35M .next/cache/turbopack/v16.3.5-ca2c75eb/00000004.sst
33M .next/cache/turbopack/v16.3.5-ca2c75eb/00000003.sst
33M .next/cache/turbopack/v16.3.5-ca2c75eb/00000002.sst
32M .next/cache/turbopack/v16.3.5-ca2c75eb/00000001.sst
12M .next/cache/turbopack/v16.3.5-ca2c75eb/00000013.sst
12M .next/cache/turbopack/v16.3.5-ca2c75eb/00000012.sst
12M .next/cache/turbopack/v16.3.5-ca2c75eb/00000009.sst
12M .next/cache/turbopack/v16.3.5-ca2c75eb/00000007.sst
11M .next/cache/turbopack/v16.3.5-ca2c75eb/00000011.sst
8.3M .next/cache/turbopack/v16.3.5-ca2c75eb/00000006.sst
6.1M .next/static/chunks/2j0lyost73yaq.js
6.1M .next/server/chunks/ssr/src_app_dev_icons_page_tsx_0bmgqvo..js
3.4M .next/cache/turbopack/v16.3.5-ca2c75eb/00000005.sst
2.6M .next/cache/turbopack/v16.3.5-ca2c75eb/00000016.sst
2.6M .next/cache/turbopack/v16.3.5-ca2c75eb/00000015.sst
2.6M .next/cache/turbopack/v16.3.5-ca2c75eb/00000014.sst
2.6M .next/cache/turbopack/v16.3.5-ca2c75eb/00000008.sst
1.8M .next/cache/turbopack/v16.3.5-ca2c75eb/00000010.sst
1.4M .next/cache/turbopack/v16.3.5-ca2c75eb/00000020.meta
1.3M .next/server/chunks/ssr/src_app_dev_icons_page_tsx_0bmgqvo.
.js.map

@github-actions

Copy link
Copy Markdown

♿ 접근성 감사가 완료되었습니다. 아티팩트의 a11y-report를 확인하세요.

@github-actions

Copy link
Copy Markdown

⚡ Lighthouse 성능 감사가 완료되었습니다. 아티팩트에서 상세 리포트를 확인하세요.

@github-actions

Copy link
Copy Markdown

🔍 CodeQL 보안 분석이 완료되었습니다. 세부 검출 결과는 리포지토리의 Security 탭을 확인하세요.

@github-actions

Copy link
Copy Markdown

📊 테스트 커버리지 리포트

테스트 커버리지 요약

사용 가능한 커버리지 데이터가 없습니다.

@github-actions

Copy link
Copy Markdown

✅ E2E 테스트가 완료되었습니다. 아티팩트에서 Playwright 리포트를 확인하세요.

@github-actions

Copy link
Copy Markdown

✅ PR 검증 통과

  • 제목 형식: ✓
  • 설명: ✓
  • 파일 수정: ✓

@github-actions

Copy link
Copy Markdown

✅ 코드 품질 검사가 완료되었습니다. 위 출력 결과에서 이슈를 확인하세요.

@github-actions

Copy link
Copy Markdown

♿ 접근성 감사가 완료되었습니다. 아티팩트의 a11y-report를 확인하세요.

@github-actions

Copy link
Copy Markdown

📦 번들 크기 분석 요약:

번들 크기 분석 결과

Next.js 빌드 출력 크기

254M .next

가장 큰 파일 상위 20개

34M .next/cache/turbopack/v16.3.5-ca2c75eb/00000004.sst
34M .next/cache/turbopack/v16.3.5-ca2c75eb/00000003.sst
33M .next/cache/turbopack/v16.3.5-ca2c75eb/00000002.sst
32M .next/cache/turbopack/v16.3.5-ca2c75eb/00000001.sst
12M .next/cache/turbopack/v16.3.5-ca2c75eb/00000014.sst
12M .next/cache/turbopack/v16.3.5-ca2c75eb/00000011.sst
12M .next/cache/turbopack/v16.3.5-ca2c75eb/00000008.sst
11M .next/cache/turbopack/v16.3.5-ca2c75eb/00000010.sst
11M .next/cache/turbopack/v16.3.5-ca2c75eb/00000009.sst
9.7M .next/cache/turbopack/v16.3.5-ca2c75eb/00000005.sst
6.1M .next/static/chunks/2j0lyost73yaq.js
6.1M .next/server/chunks/ssr/src_app_dev_icons_page_tsx_0bmgqvo..js
2.9M .next/cache/turbopack/v16.3.5-ca2c75eb/00000007.sst
2.6M .next/cache/turbopack/v16.3.5-ca2c75eb/00000016.sst
2.6M .next/cache/turbopack/v16.3.5-ca2c75eb/00000015.sst
2.6M .next/cache/turbopack/v16.3.5-ca2c75eb/00000013.sst
2.6M .next/cache/turbopack/v16.3.5-ca2c75eb/00000012.sst
1.6M .next/cache/turbopack/v16.3.5-ca2c75eb/00000006.sst
1.5M .next/cache/turbopack/v16.3.5-ca2c75eb/00000020.meta
1.3M .next/server/chunks/ssr/src_app_dev_icons_page_tsx_0bmgqvo.
.js.map

@github-actions

Copy link
Copy Markdown

📦 번들 크기 분석 요약:

번들 크기 분석 결과

Next.js 빌드 출력 크기

254M .next

가장 큰 파일 상위 20개

35M .next/cache/turbopack/v16.3.5-ca2c75eb/00000004.sst
34M .next/cache/turbopack/v16.3.5-ca2c75eb/00000003.sst
34M .next/cache/turbopack/v16.3.5-ca2c75eb/00000001.sst
33M .next/cache/turbopack/v16.3.5-ca2c75eb/00000002.sst
12M .next/cache/turbopack/v16.3.5-ca2c75eb/00000013.sst
12M .next/cache/turbopack/v16.3.5-ca2c75eb/00000010.sst
12M .next/cache/turbopack/v16.3.5-ca2c75eb/00000008.sst
12M .next/cache/turbopack/v16.3.5-ca2c75eb/00000007.sst
11M .next/cache/turbopack/v16.3.5-ca2c75eb/00000006.sst
7.1M .next/cache/turbopack/v16.3.5-ca2c75eb/00000009.sst
6.1M .next/static/chunks/2j0lyost73yaq.js
6.1M .next/server/chunks/ssr/src_app_dev_icons_page_tsx_0bmgqvo..js
2.6M .next/cache/turbopack/v16.3.5-ca2c75eb/00000016.sst
2.6M .next/cache/turbopack/v16.3.5-ca2c75eb/00000015.sst
2.6M .next/cache/turbopack/v16.3.5-ca2c75eb/00000014.sst
2.6M .next/cache/turbopack/v16.3.5-ca2c75eb/00000011.sst
2.5M .next/cache/turbopack/v16.3.5-ca2c75eb/00000005.sst
2.3M .next/cache/turbopack/v16.3.5-ca2c75eb/00000012.sst
1.5M .next/cache/turbopack/v16.3.5-ca2c75eb/00000020.meta
1.3M .next/server/chunks/ssr/src_app_dev_icons_page_tsx_0bmgqvo.
.js.map

@github-actions

Copy link
Copy Markdown

⚡ Lighthouse 성능 감사가 완료되었습니다. 아티팩트에서 상세 리포트를 확인하세요.

@github-actions

Copy link
Copy Markdown

🔍 CodeQL 보안 분석이 완료되었습니다. 세부 검출 결과는 리포지토리의 Security 탭을 확인하세요.

@github-actions

Copy link
Copy Markdown

📊 테스트 커버리지 리포트

테스트 커버리지 요약

사용 가능한 커버리지 데이터가 없습니다.

@github-actions

Copy link
Copy Markdown

✅ PR 검증 통과

  • 제목 형식: ✓
  • 설명: ✓
  • 파일 수정: ✓

@github-actions

Copy link
Copy Markdown

✅ E2E 테스트가 완료되었습니다. 아티팩트에서 Playwright 리포트를 확인하세요.

@github-actions

Copy link
Copy Markdown

✅ 코드 품질 검사가 완료되었습니다. 위 출력 결과에서 이슈를 확인하세요.

@github-actions

Copy link
Copy Markdown

✅ PR 검증 통과

  • 제목 형식: ✓
  • 설명: ✓
  • 파일 수정: ✓

@github-actions

Copy link
Copy Markdown

📦 번들 크기 분석 요약:

번들 크기 분석 결과

Next.js 빌드 출력 크기

254M .next

가장 큰 파일 상위 20개

34M .next/cache/turbopack/v16.3.5-ca2c75eb/00000004.sst
34M .next/cache/turbopack/v16.3.5-ca2c75eb/00000003.sst
34M .next/cache/turbopack/v16.3.5-ca2c75eb/00000002.sst
31M .next/cache/turbopack/v16.3.5-ca2c75eb/00000001.sst
14M .next/cache/turbopack/v16.3.5-ca2c75eb/00000008.sst
12M .next/cache/turbopack/v16.3.5-ca2c75eb/00000010.sst
12M .next/cache/turbopack/v16.3.5-ca2c75eb/00000009.sst
12M .next/cache/turbopack/v16.3.5-ca2c75eb/00000007.sst
11M .next/cache/turbopack/v16.3.5-ca2c75eb/00000011.sst
6.1M .next/static/chunks/2j0lyost73yaq.js
6.1M .next/server/chunks/ssr/src_app_dev_icons_page_tsx_0bmgqvo..js
4.3M .next/cache/turbopack/v16.3.5-ca2c75eb/00000012.sst
3.5M .next/cache/turbopack/v16.3.5-ca2c75eb/00000006.sst
3.4M .next/cache/turbopack/v16.3.5-ca2c75eb/00000005.sst
2.6M .next/cache/turbopack/v16.3.5-ca2c75eb/00000016.sst
2.6M .next/cache/turbopack/v16.3.5-ca2c75eb/00000015.sst
2.6M .next/cache/turbopack/v16.3.5-ca2c75eb/00000014.sst
2.6M .next/cache/turbopack/v16.3.5-ca2c75eb/00000013.sst
1.4M .next/cache/turbopack/v16.3.5-ca2c75eb/00000021.meta
1.3M .next/server/chunks/ssr/src_app_dev_icons_page_tsx_0bmgqvo.
.js.map

@github-actions

Copy link
Copy Markdown

♿ 접근성 감사가 완료되었습니다. 아티팩트의 a11y-report를 확인하세요.

@github-actions

Copy link
Copy Markdown

📊 테스트 커버리지 리포트

테스트 커버리지 요약

사용 가능한 커버리지 데이터가 없습니다.

@github-actions

Copy link
Copy Markdown

📦 번들 크기 분석 요약:

번들 크기 분석 결과

Next.js 빌드 출력 크기

254M .next

가장 큰 파일 상위 20개

37M .next/cache/turbopack/v16.3.5-ca2c75eb/00000004.sst
34M .next/cache/turbopack/v16.3.5-ca2c75eb/00000003.sst
34M .next/cache/turbopack/v16.3.5-ca2c75eb/00000002.sst
33M .next/cache/turbopack/v16.3.5-ca2c75eb/00000001.sst
12M .next/cache/turbopack/v16.3.5-ca2c75eb/00000015.sst
12M .next/cache/turbopack/v16.3.5-ca2c75eb/00000012.sst
12M .next/cache/turbopack/v16.3.5-ca2c75eb/00000010.sst
12M .next/cache/turbopack/v16.3.5-ca2c75eb/00000006.sst
11M .next/cache/turbopack/v16.3.5-ca2c75eb/00000008.sst
6.1M .next/static/chunks/2j0lyost73yaq.js
6.1M .next/server/chunks/ssr/src_app_dev_icons_page_tsx_0bmgqvo..js
4.4M .next/cache/turbopack/v16.3.5-ca2c75eb/00000005.sst
2.6M .next/cache/turbopack/v16.3.5-ca2c75eb/00000016.sst
2.6M .next/cache/turbopack/v16.3.5-ca2c75eb/00000014.sst
2.6M .next/cache/turbopack/v16.3.5-ca2c75eb/00000013.sst
2.6M .next/cache/turbopack/v16.3.5-ca2c75eb/00000009.sst
2.0M .next/cache/turbopack/v16.3.5-ca2c75eb/00000011.sst
1.9M .next/cache/turbopack/v16.3.5-ca2c75eb/00000007.sst
1.4M .next/cache/turbopack/v16.3.5-ca2c75eb/00000021.meta
1.3M .next/server/chunks/ssr/src_app_dev_icons_page_tsx_0bmgqvo.
.js.map

@github-actions

Copy link
Copy Markdown

⚡ Lighthouse 성능 감사가 완료되었습니다. 아티팩트에서 상세 리포트를 확인하세요.

@github-actions

Copy link
Copy Markdown

🔍 CodeQL 보안 분석이 완료되었습니다. 세부 검출 결과는 리포지토리의 Security 탭을 확인하세요.

@github-actions

Copy link
Copy Markdown

✅ E2E 테스트가 완료되었습니다. 아티팩트에서 Playwright 리포트를 확인하세요.

@SHcommit
SHcommit merged commit 09d3d6e into develop Oct 12, 2026
20 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant