spin-frontend/tailwind.config.js
theorose49 65bcb69374
All checks were successful
build-and-push / build (push) Successful in 31s
feat: 메일함·프로필 사진·근무상태 드롭다운·접이식 사이드바 + #03143F 팔레트 + 인센티브 게이지
- 브랜드 포인트컬러 #03143F로 팔레트 전면 재설정, 회사 로고 흰 wrap 제거+크롭, 로고 블렌딩
- 사이드바 접기/펼치기(localStorage), 로고 아래 근무상태 드롭다운(출근/퇴근/휴식/미팅/이동)
- 대시보드 역할 무관 동일(회계/전사 위젯 제거)
- 유저 근무화면 단순화(남은연차 소수점·기록·휴가/공가만), 관리자 근무관리(/admin/attendance)
- 프로젝트: 관리자 전용 관리창(/admin/projects), 나의 업무는 본인 참여분 read-only
- 메일함(/inbox)+탑바 벨(미확인), 프로필(부서·연락처·사진 업로드)
- 인센티브 유저: BE/non-BE·환율 숨김, 할당량 세그먼트 게이지(지급완료→반영완료→반영중→예정, 할당량 화살표)

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-06-28 09:38:51 +09:00

75 lines
2.2 KiB
JavaScript

/** @type {import('tailwindcss').Config} */
// spin reuses the Special Partners design tokens (shared with eQMS) so the
// internal tools feel like one product, then extends them for a dense,
// professional accounting/ops surface (status & stage colors, wide tables).
export default {
content: ["./index.html", "./src/**/*.{ts,tsx}"],
theme: {
extend: {
colors: {
// Brand point color = the Special Partners logo navy (#03143F). The
// whole palette is derived from it: sidebar matches it exactly so the
// logo (same navy background) blends seamlessly onto the rail.
navy: {
DEFAULT: "#03143F",
hover: "#0C2356",
sidebar: "#03143F",
subtle: "#E9ECF3",
},
canvas: "#F5F6F8",
surface: "#FFFFFF",
border: {
DEFAULT: "#E4E7EC",
strong: "#D0D5DD",
},
ink: {
DEFAULT: "#101828",
secondary: "#475467",
strong: "#344054",
muted: "#98A2B3",
},
// request / approval statuses
status: {
"pending-fg": "#B54708",
"pending-bg": "#FEF0C7",
"approved-fg": "#067647",
"approved-bg": "#DCFAE6",
"rejected-fg": "#B42318",
"rejected-bg": "#FEE4E2",
"neutral-fg": "#475467",
"neutral-bg": "#F2F4F7",
},
// incentive fix lifecycle (예정 → 반영중 → 반영완료 → 지급완료)
stage: {
planned: "#98A2B3",
applying: "#2E90FA",
applied: "#7A5AF8",
paid: "#12B76A",
},
// accounting semantics
money: {
in: "#067647",
out: "#B42318",
},
chip: { bg: "#EEF1F8" },
divider: "#F2F4F7",
},
fontFamily: {
wordmark: ['"Lora"', "serif"],
sans: ['"Noto Sans KR"', "system-ui", "sans-serif"],
num: ['"Inter"', "system-ui", "sans-serif"],
},
borderRadius: {
card: "12px",
control: "8px",
pill: "999px",
},
boxShadow: {
card: "0 1px 2px rgba(16,24,40,0.06)",
pop: "0 8px 24px rgba(16,24,40,0.12)",
},
},
},
plugins: [],
};