Skip to content

docs(site): align docs theme with the easy-paging / devslab.kr look#42

Merged
jlc488 merged 1 commit into
mainfrom
docs/site-theme-align
May 31, 2026
Merged

docs(site): align docs theme with the easy-paging / devslab.kr look#42
jlc488 merged 1 commit into
mainfrom
docs/site-theme-align

Conversation

@jlc488
Copy link
Copy Markdown
Contributor

@jlc488 jlc488 commented May 31, 2026

The docs site looked different from the other devslab docs sites because I hand-wrote the theme instead of using the established template. This brings it in line with easy-paging (the canonical devslab mkdocs site).

Fixes

  • extra.css — replaced the partial 75-line stylesheet with easy-paging's full 243-line theme verbatim: Pretendard typography (the devslab.kr font), a white header in light mode (mine was dark), logo invert in dark mode, AA-contrast cyan links/buttons, and the EN/한 text language switcher.
  • logo — added docs/assets/logo.svg (the devslab mark) + wired theme.logo/theme.favicon, so the header shows the brand mark like the other sites.
  • mkdocs.yml — added pymdownx.emoji (twemoji) + superfences custom_fences + highlight line_spans. Without the emoji extension the home page's :material-…: icons rendered as literal text.

Verification

mkdocs build --strict clean (0 warnings). The 6 material icons on the home page now render as inline SVG (0 literal :material- leftovers), the header logo resolves, and Pretendard + the light/dark palette match easy-paging.

The site rendered differently from the other devslab docs sites because the
theme assets were hand-written instead of taken from the established template.
Bring them in line with easy-paging (the canonical devslab mkdocs site):

- extra.css: replace the partial 75-line stylesheet with easy-paging's full
  243-line theme verbatim — Pretendard typography (the devslab.kr font), a WHITE
  header in light mode (was dark), logo invert in dark mode, AA-contrast cyan
  link/button treatment, and the EN/한 text language switcher.
- logo: add docs/assets/logo.svg (the devslab mark) and wire theme.logo +
  theme.favicon, so the header shows the brand mark like the other sites.
- mkdocs.yml: add pymdownx.emoji (twemoji) + superfences custom_fences +
  highlight line_spans — without the emoji extension the home page's
  :material-...: icons rendered as literal text.

Verified: mkdocs build --strict clean (0 warnings); the 6 material icons on the
home page now render as inline SVG (0 literal ':material-' leftovers), the header
logo resolves, and Pretendard + the light/dark palette match easy-paging.
@jlc488 jlc488 merged commit 448001a into main May 31, 2026
2 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