_variables.css 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839
  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: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  10. --tblr-border-radius: 0.375rem;
  11. --tblr-border-radius-lg: 0.5rem;
  12. }
  13. /* ── WikiPali 品牌色 token ── */
  14. :root {
  15. /* 主色:暖金/琥珀,源自 main.css --sf */
  16. --wp-brand: #c8860a;
  17. --wp-brand-light: #f5e6c8;
  18. --wp-brand-pale: #fdf8f0;
  19. --wp-brand-dark: #9a6508;
  20. /* 文字层级,源自 main.css --ink */
  21. --wp-ink: #1a1208;
  22. --wp-ink-soft: #4a3f2f;
  23. --wp-ink-muted: #8a7a68;
  24. /* 边框 / 背景 */
  25. --wp-border: #e8ddd0;
  26. --wp-card-bg: #fffdf9;
  27. --wp-surface-alt: #fdf8f0;
  28. }
  29. /* ── 阅读页专属 token(reader.css 会用到) ── */
  30. :root {
  31. --wp-reader-font-size: 1rem;
  32. --wp-reader-line-height: 1.875;
  33. --wp-reader-max-width: 720px;
  34. }