Mehrere an einem Tag

static/css/style.css

@@ -137,6 +137,10 @@ h1 {
     background-color: var(--habit-color, #4CAF50);
 }
 
+.date-square.partial {
+    background: linear-gradient(to right, var(--habit-color, #4CAF50) var(--completion-percentage, 50%), #555 var(--completion-percentage, 50%));
+}
+
 /* Modal Styles */
 .modal {
     display: none;
@@ -258,6 +262,11 @@ h1 {
     color: var(--current-habit-text-color, white);
 }
 
+.date-cell.partial {
+    background: linear-gradient(to right, var(--current-habit-color, #4CAF50) var(--completion-percentage, 50%), #444 var(--completion-percentage, 50%));
+    color: #e0e0e0;
+}
+
 .date-cell.today {
     border: 2px solid #007bff;
     /* Highlight today */
@@ -268,6 +277,19 @@ h1 {
     cursor: default;
 }
 
+.date-day {
+    font-size: 1em;
+    font-weight: bold;
+    line-height: 1;
+}
+
+.date-counter {
+    font-size: 0.7em;
+    opacity: 0.8;
+    line-height: 1;
+    margin-top: 2px;
+}
+
 .streak-container {
     display: flex;
     align-items: center;
@@ -356,4 +378,31 @@ h1 {
     border-radius: 50%;
     cursor: pointer;
     background: none;
+}
+
+.daily-target-section {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-bottom: 20px;
+    gap: 10px;
+}
+
+.daily-target-section label {
+    color: #e0e0e0;
+    font-weight: bold;
+}
+
+#habitDailyTarget {
+    width: 60px;
+    padding: 5px;
+    border: 1px solid #444;
+    border-radius: 5px;
+    background-color: #333;
+    color: #e0e0e0;
+    text-align: center;
+}
+
+.daily-target-section span {
+    color: #e0e0e0;
 }