Ismail/CPLv4.0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: system dark and light mode

Browse Source
This commit is contained in:
ISA
2025-08-18 14:44:10 +02:00
parent eae8ea37d0
commit bb06618919
8 changed files with 44 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
components/main/system/DetailModal.tsx
View File

@@ -476,7 +476,7 @@ export const DetailModal = ({
/>
</svg>
</Listbox.Button>
<Listbox.Options className="absolute z-50 mt-1 w-full border rounded bg-white shadow max-h-60 overflow-auto text-sm">
<Listbox.Options className="absolute z-50 mt-1 w-full border rounded bg-white dark:bg-gray-800 shadow max-h-60 overflow-auto text-sm border-gray-200 dark:border-gray-700 text-gray-900 dark:text-gray-100">
{["DIA0", "DIA1", "DIA2"].map((option) => (
<Listbox.Option
key={option}
@@ -486,7 +486,7 @@ export const DetailModal = ({
selected
? "bg-littwin-blue text-white"
: active
? "bg-gray-200"
? "bg-gray-200 dark:bg-gray-700"
: ""
}`
}
@@ -514,7 +514,7 @@ export const DetailModal = ({
</button>
</div>
<div className="h-[85%]">
<div className="h-[85%] bg-white dark:bg-gray-800 rounded shadow border border-gray-200 dark:border-gray-700 p-2">
<Line ref={chartRef} data={chartData} options={chartOptions} />
</div>
</div>