Light und Darkmodus in global.css eingestellt, in andere components text-black in root div

components/modales/KueModal.jsx

@@ -166,6 +166,7 @@ function KueModal({ showModal, onClose, slot, onModulNameChange }) {
         overlay: {
           backgroundColor: "rgba(0, 0, 0, 0.5)",
           zIndex: 100,
+          text: "black",
         },
         content: {
           top: "50%",
@@ -202,7 +203,7 @@ function KueModal({ showModal, onClose, slot, onModulNameChange }) {
       </div>
 
       {/* ID und Modulname anzeigen */}
-      <div className="p-2 mb-4">
+      <div className="p-2 mb-4 text-black">
         {/* 
            <div className="mb-2">
           <label className="font-bold">ID:</label>
@@ -215,8 +216,8 @@ function KueModal({ showModal, onClose, slot, onModulNameChange }) {
         </div>
         */}
 
-        <div className="mb-2">
-          <label className="font-bold">Kabelbezeichnung:</label>
+        <div className="mb-2 ">
+          <label className="font-bold ">Kabelbezeichnung:</label>
           <input
             type="text"
             className="border rounded p-1 w-full text-sm"
@@ -227,7 +228,7 @@ function KueModal({ showModal, onClose, slot, onModulNameChange }) {
       </div>
 
       {/* Modal Body */}
-      <div className="p-2">
+      <div className="p-2 text-black">
         <h3 className="font-bold text-center mb-4">Isolationsmessung</h3>
         <table className="w-full text-left border-collapse mb-4">
           <thead className="bg-gray-100">