adjust the light mode color

This commit is contained in:
pompurin404 2024-07-30 21:18:53 +08:00
parent cb6b167fd5
commit e68411a020
No known key found for this signature in database
2 changed files with 25 additions and 4 deletions

View File

@ -41,9 +41,9 @@ function App(): JSX.Element {
return (
<div className="w-full h-[100vh] flex">
<div className="side w-[250px] h-full border-r border-neutral-700">
<div className="side w-[250px] h-full border-r border-default-200">
<div className="flex justify-between h-[32px] m-2">
<h3 className="select-none text-lg font-bold leading-[32px]"></h3>
<h3 className="select-none text-lg font-bold leading-[32px]"></h3>
<Button
size="sm"
isIconOnly
@ -59,7 +59,7 @@ function App(): JSX.Element {
<OutboundModeSwitcher />
</div>
<h3 className="select-none text-lg font-bold m-2"></h3>
<h3 className="select-none text-lg font-bold m-2"></h3>
<div className="flex justify-between mx-2">
<SysproxySwitcher />
<TunSwitcher />

View File

@ -10,5 +10,26 @@ module.exports = {
extend: {}
},
darkMode: 'class',
plugins: [nextui()]
plugins: [
nextui({
themes: {
dark: {
colors: {
primary: {
DEFAULT: '#006FEE',
foreground: '#FFFFFF'
}
}
},
light: {
colors: {
primary: {
DEFAULT: '#41C3F8',
foreground: '#000000'
}
}
}
}
})
]
}