diff --git a/web/src/dark.less b/web/src/dark.less index 92c26e5a..ab05632f 100644 --- a/web/src/dark.less +++ b/web/src/dark.less @@ -1,10 +1,17 @@ .dark { + // 表单 .ant-form-item-label > label { color: white; } + // 分割线 .ant-divider-horizontal.ant-divider-with-text { border-top-color: rgba(255,255,255,0.12); color: rgba(255,255,255,0.85); } + + // 排版 + .ant-typography { + color: rgba(255,255,255,0.65); + } } diff --git a/web/src/index.tsx b/web/src/index.tsx index 350bfb10..af891394 100644 --- a/web/src/index.tsx +++ b/web/src/index.tsx @@ -3,7 +3,7 @@ import React from 'react'; import ReactDOM from 'react-dom'; import { App } from './App'; -import 'tailwindcss/tailwind.css'; import 'antd/dist/antd.css'; +import 'tailwindcss/tailwind.css'; ReactDOM.render(, document.querySelector('#app')); diff --git a/web/tailwind.config.js b/web/tailwind.config.js index a62320b5..2bfafd1f 100644 --- a/web/tailwind.config.js +++ b/web/tailwind.config.js @@ -7,6 +7,7 @@ module.exports = { content: ['./src/**/*.{js,jsx,ts,tsx}'], }, darkMode: 'class', // or 'media' + important: '#app', theme: { screens: { lg: { min: '1024px' },