Skip to content

feat(brand): Graphite 아이덴티티 적용 #53

feat(brand): Graphite 아이덴티티 적용

feat(brand): Graphite 아이덴티티 적용 #53

Triggered via pull request July 31, 2026 02:57
Status Failure
Total duration 1m 31s
Artifacts

quality.yml

on: pull_request
Fit to window
Zoom out
Zoom in

Annotations

2 errors and 2 warnings
validate
Process completed with exit code 1.
styles/globals.test.ts > globals styles > keeps inline code lighter than fenced code blocks: styles/globals.test.ts#L95
AssertionError: expected '/* ==================================…' to contain '--color-code-bg: #3f3f46;' - Expected + Received - --color-code-bg: #3f3f46; + /* ============================================ + Ark Paper Design Tokens + ============================================ */ + + @theme { + /* === Colors === */ + + /* Accent */ + --color-accent: #a6294d; + --color-accent-fill: #d02d60; + --color-accent-hover: #8f2044; + --color-accent-foreground: #ffffff; + + /* Grey Scale */ + --color-grey-900: #252525; + --color-grey-800: #3f3f46; + --color-grey-700: #52525b; + --color-grey-600: #62626a; + --color-grey-500: #77777e; + --color-grey-400: #94949a; + --color-grey-300: #c8c8cc; + --color-grey-200: #d8d8dc; + --color-grey-100: #e2e2e5; + --color-grey-50: #f2f2f3; + + /* Semantic Colors */ + --color-text-primary: #252525; + --color-text-secondary: #52525b; + --color-text-tertiary: #62626a; + --color-text-disabled: #94949a; + + --color-bg-primary: #eceeef; + --color-bg-secondary: #e2e4e7; + --color-bg-tertiary: #d8dade; + --color-surface: #eceeef; + + --color-border: #c8c8cc; + --color-border-hover: #94949a; + --color-divider: #d8d8dc; + --color-selection-bg: #d8d8dc; + --color-overlay: rgba(37, 37, 37, 0.72); + + /* Mobile Navigation */ + --mobile-top-header-bg: var(--color-bg-primary); + --mobile-nav-bg: var(--color-bg-primary); + --mobile-nav-border: var(--color-border); + --mobile-nav-shadow: 0 8px 24px rgba(37, 37, 37, 0.12); + --mobile-nav-text: var(--color-text-secondary); + --mobile-nav-active-text: var(--color-text-primary); + --mobile-nav-active-bg: #e1e4e7; + --mobile-nav-active-border: var(--color-border); + --mobile-nav-hover-bg: var(--color-bg-secondary); + --mobile-nav-focus-ring: var(--color-accent-fill); + --mobile-nav-focus-offset: var(--mobile-nav-bg); + + /* Code Block Colors */ + --color-code-bg: #252525; + --color-code-fg: #eceeef; + --color-code-inline-bg: #d8d8dc; + --color-code-inline-fg: #52525b; + --color-code-title-bg: #3f3f46; + --color-code-title-fg: #eceeef; + --color-code-highlight: rgba(236, 238, 239, 0.12); + --color-code-divider: rgba(236, 238, 239, 0.16); + --shiki-dark: #eceeef; + + /* Feedback Colors */ + --color-success: #3f3f46; + --color-warning: #52525b; + --color-error: #252525; + --color-info: var(--color-accent); + + /* Category Badge Colors */ + --color-category-tech-bg: #e0e1e3; + --color-category-tech-border: #c8c8cc; + --color-category-tech-text: #3f3f46; + --color-category-life-bg: #e6e6e8; + --color-category-life-border: #c8c8cc; + --color-category-life-text: #52525b; + + /* === Typography === */ + + /* Font Family */ + --font-sans: + 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, + sans-serif; + --font-sans-emoji: + 'Pretendard', 'Tossface Safe', -apple-system, BlinkMacSystemFont, + 'Segoe UI', Roboto, 'Apple Color Emoji', 'Segoe UI Emoji', + 'Noto Color Emoji', sans-serif; + --font-mono: + 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, monospace; + + /* Font Sizes (Content-first Scale) */ + --text-xs: 0.75rem; + /* 12px */ + --text-sm: 0.875rem; + /* 14px */ + --text-base: 1rem; + /* 16px - interface baseline */ + --text-md: 1.0625rem; + /* 17px - reading baseline */ + --text-lg: 1.25rem; + /* 20px - lead and card title */ + --text-xl: 1.5rem; + /* 24px - headline SM */ + --text-2xl: 1.75rem; + /* 28px - headline MD */ + --text-3xl: 2.25rem; + /* 36px - headline LG */ + --text-4xl: 2.75rem; + /* 44px - headline XL */ + + /* Semantic Content Type */ + --text-meta: 0.75rem; + /* 12px - dates and reading time */ + --text-entry: 0.9375rem; + /* 15px - compact content entry points */ + --text-article-title: 1.625rem; + /* 26px - article title on small screens */ + --text-article-title-lg: 1.875rem; + /* 30px - article title on large screens */ + --text-reading: 0.875rem; + /* 14px - summaries and article pros
validate
Node.js 20 is deprecated. The following actions target Node.js 20 but are being forced to run on Node.js 24: actions/checkout@v4, actions/setup-node@v4, actions/upload-artifact@v4. For more information see: https://github.blog/changelog/2025-09-19-deprecation-of-node-20-on-github-actions-runners/
validate: site/shell/AppShell/AppShell.tsx#L85
Using `<img>` could result in slower LCP and higher bandwidth. Consider using `<Image />` from `next/image` to automatically optimize images. This may incur additional usage or cost from your provider. See: https://nextjs.org/docs/messages/no-img-element