feat(brand): Graphite 아이덴티티 적용 #53
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
|