Visit Page
1
0
Fork
You've already forked pages
0

feat(#7): Phosphor Cyan dark theme overhaul #11

Merged
gnoblet merged 16 commits from issue7 into main 2026年06月06日 22:13:14 +02:00

Summary

  • Complete dark redesign with Phosphor Cyan neon palette (oklch(0.80 0.28 165) / #00D4A0)
  • Aldrich display font for headings, zero border-radius everywhere (square design)
  • Neon glow system: buttons, cards, badges, timeline dots, text shadows, icon drop-shadows, social buttons
  • Replaced custom Tab/Tabs components with native DaisyUI radio tabs (AboutMe) and plain buttons (projects filter) — components deleted
  • Redesigned Education and Publications sections with consistent card style
  • Section spacing increased (py-28) with alternating bg-base-100/bg-base-200 rhythm and subtle primary border separators
  • SocialLinks reused directly in Footer — no duplicate icon markup
  • Global .card rule owns neon glow + transition; per-card shadow classes removed
## Summary - Complete dark redesign with **Phosphor Cyan** neon palette (`oklch(0.80 0.28 165)` / `#00D4A0`) - **Aldrich** display font for headings, zero border-radius everywhere (square design) - Neon glow system: buttons, cards, badges, timeline dots, text shadows, icon drop-shadows, social buttons - Replaced custom `Tab`/`Tabs` components with native DaisyUI radio tabs (AboutMe) and plain buttons (projects filter) — components deleted - Redesigned Education and Publications sections with consistent card style - Section spacing increased (`py-28`) with alternating `bg-base-100`/`bg-base-200` rhythm and subtle primary border separators - `SocialLinks` reused directly in Footer — no duplicate icon markup - Global `.card` rule owns neon glow + transition; per-card shadow classes removed
Replaces DaisyUI pastel theme with custom 'forest' dark theme.
Semantic design tokens in @theme block: change 6 color values
for a full revamp. Graph-paper grid texture on body.
Card left-border accent replaces rounded corners.
Drop Oswald and Shadows Into Light Two; load Aldrich from Bunny Fonts.
Remove duplicate font preload in +layout.svelte.
Sections:
- LatestProjects bg-white → bg-base-200
- Portfolio bg-neutral-content → bg-base-200, remove rounded-2xl, green hover overlay
- ProjectCard border hover primary-content → primary
Tabs/Tab:
- Remove rounded-full from container and pill classes
- text-black → text-base-content, tabs bg-neutral-content → bg-base-300
- Active tab uses !text-primary-content to force contrast on bg-primary
Timeline (ExperienceSection):
- Replace circle-check SVG icons with square div markers (bg-primary / border-primary)
- Company name text-primary-content → text-primary
Publications/Skills:
- text-primary-content → text-primary on icons and author labels
- badge border-radius overridden to 0 in app.css
- hover:badge-primary on skill items
app.css:
- Add .badge, .alert to border-radius: 0 override
- Fix step circle: .step::before → .step::after (DaisyUI v5 uses ::after)
- Add .tabs, .tab border-radius: 0 override
Navbar/Hero:
- border-leaf-bright → border-primary (semantic token)
- Active state uses color-mix instead of raw oklch var
- Contact section bg-neutral-content → bg-base-200
- Portfolio tooltip borders border-primary-content → border-primary (visible green)
- Tab: remove redundant class: bindings (bg-primary, text-primary-content, font-semibold) already handled in $: classes
- +layout.svelte: add data-theme="forest" to root wrapper
Sign in to join this conversation.
No reviewers
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
gnoblet/pages!11
Reference in a new issue
gnoblet/pages
No description provided.
Delete branch "issue7"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?