12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182 |
- @tailwind base;
- @tailwind components;
- @tailwind utilities;
- :root {
- font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
- line-height: 1.5;
- font-weight: 400;
- color-scheme: light dark;
- color: rgba(255, 255, 255, 0.87);
- background-color: #242424;
- font-synthesis: none;
- text-rendering: optimizeLegibility;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- -webkit-text-size-adjust: 100%;
- }
- * {
- margin: 0;
- padding: 0;
- box-sizing: border-box;
- }
- html,body {
- height: 100%;
- min-width: 320px;
- min-height: 100%;
- /*background-color: #ffffff;*/
- background-color: #F6F6F8;
- font-family: 'PingFang SC', 'Helvetica Neue', Arial, sans-serif;
- }
- #app {
- margin: auto;
- max-width: 1280px;
- width: 100%;
- height: 100%;
- padding: 4px;
- }
- /* 自定义滚动条样式 */
- ::-webkit-scrollbar {
- width: 8px;
- height: 8px;
- }
- ::-webkit-scrollbar-track {
- background: #f1f1f1;
- border-radius: 4px;
- }
- ::-webkit-scrollbar-thumb {
- background: #888;
- border-radius: 4px;
- }
- ::-webkit-scrollbar-thumb:hover {
- background: #555;
- }
- /* 为代码块滚动条设置暗色主题 */
- pre::-webkit-scrollbar-track {
- background: #343842;
- }
- pre::-webkit-scrollbar-thumb {
- background: #666;
- }
- pre::-webkit-scrollbar-thumb:hover {
- background: #888;
- }
- @media (prefers-color-scheme: light) {
- :root {
- color: #213547;
- background-color: #ffffff;
- }
- }
|