variables.css 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. /* resources/css/base/variables.css
  2. 全站 CSS 变量
  3. - 第一层:覆盖 Tabler 默认值
  4. - 第二层:WikiPali 自定义 token
  5. 所有颜色、间距、字体 token 统一在此定义,各 module 只引用变量,不硬编码色值
  6. */
  7. /* ── Tabler 变量覆盖 ── */
  8. :root {
  9. --tblr-font-sans-serif:
  10. system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
  11. sans-serif;
  12. --tblr-border-radius: 0.375rem;
  13. --tblr-border-radius-lg: 0.5rem;
  14. }
  15. /* ── WikiPali 品牌色 token ── */
  16. :root {
  17. /* 主色:暖金/琥珀,源自 main.css --sf */
  18. --wp-brand: #c8860a;
  19. --wp-brand-light: #f5e6c8;
  20. --wp-brand-pale: #fdf8f0;
  21. --wp-brand-dark: #9a6508;
  22. /* 文字层级,源自 main.css --ink */
  23. --wp-ink: #1a1208;
  24. --wp-ink-soft: #4a3f2f;
  25. --wp-ink-muted: #8a7a68;
  26. /* 边框 / 背景 */
  27. --wp-border: #e8ddd0;
  28. --wp-card-bg: #fffdf9;
  29. --wp-surface-alt: #fdf8f0;
  30. }
  31. /* ── 阅读页专属 token(reader.css 会用到) ── */
  32. :root {
  33. --wp-reader-font-size: 1rem;
  34. --wp-reader-line-height: 1.875;
  35. --wp-reader-max-width: 720px;
  36. }