Semester Tile Takes Color Property

anwendung/src/components/SemesterTile.jsx

@@ -6,6 +6,11 @@ import {deleteItem, editItem} from "@/components/Icons";
 export default function SemesterTile(p)
 {
     let editable = true;
+    let color = "#ffffff"
+    if (p.color != null)
+    {
+        color = p.color;
+    }
     if (p.editable != null)
     {
         editable = p.editable
@@ -16,7 +21,11 @@ export default function SemesterTile(p)
     })
 
     return (
-        <div onClick={(e) => p.onClick(e)} className={"semester-tile box-shadow"}>
+        <div
+            style={{
+                backgroundColor: color
+            }}
+            onClick={(e) => p.onClick(e)} className={"semester-tile box-shadow"}>
             <p style={{
                 lineHeight: "80%"
             }}>{p.text}</p>

anwendung/src/styles/globals.css

@@ -344,6 +344,7 @@ Calender View
     font-size: 16px;
     cursor: default;
     pointer-events: none;
+    text-align: center;
 }
 
 /*
@@ -506,7 +507,6 @@ SemesterTile
  */
 
 .semester-tile {
-    background-color: #ffffff;
     width: 240px;
     height: 160px;
     color: black;