_variables.scss 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. // Fonts
  2. $font-family: -apple-system,
  3. BlinkMacSystemFont,
  4. "Segoe UI",
  5. Roboto,
  6. Oxygen-Sans,
  7. Ubuntu,
  8. Cantarell,
  9. "Helvetica Neue",
  10. Helvetica,
  11. "PingFang SC",
  12. STXihei,"华文细黑",
  13. "Microsoft YaHei","微软雅黑",
  14. SimSun,"宋体",
  15. Heiti,"黑体",
  16. sans-serif;
  17. $code-font-family: SFMono-Regular,
  18. Consolas,
  19. Liberation Mono,
  20. Menlo,
  21. monospace;
  22. // Colors
  23. $bg-color: #fafafa !default;
  24. $fg-color: #212121 !default;
  25. $alt-bg-color: #e0e0e0 !default;
  26. $alt-fg-color: #000 !default;
  27. $darker-alt-bg-color: #ccc !default;
  28. $link-color: #1565c0 !default;
  29. // Dark colors
  30. $bg-color-dark: #212121 !default;
  31. $fg-color-dark: #dadada !default;
  32. $alt-bg-color-dark: #424242 !default;
  33. $alt-fg-color-dark: #dadada !default;
  34. $lighter-alt-bg-color-dark: #4f4f4f !default;
  35. $link-color-dark: #42a5f5 !default;
  36. // Notice colors
  37. $fg-color-notice-note-icon: #5e35b1 !default;
  38. $bg-color-notice-note-title: #673ab71a !default;
  39. $bg-color-notice-note-content: #7e57c21a !default;
  40. $fg-color-notice-tip-icon: #00897b !default;
  41. $bg-color-notice-tip-title: #0096881a !default;
  42. $bg-color-notice-tip-content: #26a69a1a !default;
  43. $fg-color-notice-example-icon: #6d4c41 !default;
  44. $bg-color-notice-example-title: #7955481a !default;
  45. $bg-color-notice-example-content: #8d6e631a !default;
  46. $fg-color-notice-question-icon: #7cb342 !default;
  47. $bg-color-notice-question-title: #8bc34a1a !default;
  48. $bg-color-notice-question-content: #9ccc651a !default;
  49. $fg-color-notice-info-icon: #1e88e5 !default;
  50. $bg-color-notice-info-title: #2196f31a !default;
  51. $bg-color-notice-info-content: #42a5f51a !default;
  52. $fg-color-notice-warning-icon: #ffb300 !default;
  53. $bg-color-notice-warning-title: #ffc1071a !default;
  54. $bg-color-notice-warning-content: #ffca281a !default;
  55. $fg-color-notice-error-icon: #e53935 !default;
  56. $bg-color-notice-error-title: #f443361a !default;
  57. $bg-color-notice-error-content: #ef53501a !default;