style.css 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. @tailwind base;
  2. @tailwind components;
  3. @tailwind utilities;
  4. :root {
  5. font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
  6. line-height: 1.5;
  7. font-weight: 400;
  8. color-scheme: light dark;
  9. color: rgba(255, 255, 255, 0.87);
  10. background-color: #242424;
  11. font-synthesis: none;
  12. text-rendering: optimizeLegibility;
  13. -webkit-font-smoothing: antialiased;
  14. -moz-osx-font-smoothing: grayscale;
  15. -webkit-text-size-adjust: 100%;
  16. }
  17. * {
  18. margin: 0;
  19. padding: 0;
  20. box-sizing: border-box;
  21. }
  22. html,body {
  23. height: 100%;
  24. min-width: 320px;
  25. min-height: 100%;
  26. /*background-color: #ffffff;*/
  27. background-color: #F6F6F8;
  28. font-family: 'PingFang SC', 'Helvetica Neue', Arial, sans-serif;
  29. }
  30. #app {
  31. margin: auto;
  32. max-width: 1280px;
  33. width: 100%;
  34. height: 100%;
  35. padding: 4px;
  36. }
  37. /* 自定义滚动条样式 */
  38. ::-webkit-scrollbar {
  39. width: 8px;
  40. height: 8px;
  41. }
  42. ::-webkit-scrollbar-track {
  43. background: #f1f1f1;
  44. border-radius: 4px;
  45. }
  46. ::-webkit-scrollbar-thumb {
  47. background: #888;
  48. border-radius: 4px;
  49. }
  50. ::-webkit-scrollbar-thumb:hover {
  51. background: #555;
  52. }
  53. /* 为代码块滚动条设置暗色主题 */
  54. pre::-webkit-scrollbar-track {
  55. background: #343842;
  56. }
  57. pre::-webkit-scrollbar-thumb {
  58. background: #666;
  59. }
  60. pre::-webkit-scrollbar-thumb:hover {
  61. background: #888;
  62. }
  63. @media (prefers-color-scheme: light) {
  64. :root {
  65. color: #213547;
  66. background-color: #ffffff;
  67. }
  68. }