wip Expectations

resources/css/filament/admin/theme.css

@@ -103,10 +103,22 @@ input[type="radio"].fi-radio-input {
 }
 
 /*
- Green Stat Widgets
+ Statistiko BOX Widgets
 */
-.fi-sc-component .fi-wi-stats-overview-stat {
-    @apply bg-green-50 dark:bg-green-500/10 border border-green-500/30 dark:border-green-700/30 p-3
+.box-info {
+    @apply bg-info-50 dark:bg-info-500/20 border border-info-500/30 dark:border-info-900 drop-shadow-xl p-2
+}
+
+.box-success {
+    @apply bg-success-50 dark:bg-success-500/20 border border-success-500/30 dark:border-success-900 drop-shadow-xl p-2
+}
+
+.box-purple {
+    @apply bg-purple-50 dark:bg-purple-500/20 border border-purple-500/30 dark:border-purple-900 drop-shadow-xl p-2
+}
+
+.box-yellow {
+    @apply bg-yellow-50 dark:bg-yellow-500/20 border border-yellow-500/30 dark:border-yellow-900 drop-shadow-xl p-2
 }
 
 /*
@@ -120,7 +132,7 @@ widget space to top menu
 widget space to filter
 */
 .fi-page-content {
-    row-gap: 1rem;
+    row-gap: 2rem;
 }
 
 /*
@@ -131,11 +143,11 @@ widget space to filter
 }
 
 .fi-wi-stats-overview-stat-label {
-    @apply text-sm font-bold mx-auto text-blue-600 dark:text-blue-500
+    @apply text-sm font-bold mx-auto
 }
 
 .fi-wi-stats-overview-stat-description span {
-    @apply mx-auto text-blue-600 dark:text-blue-500;
+    @apply mx-auto;
 }
 
 .fi-wi-stats-overview-stat-value {
@@ -213,4 +225,12 @@ less padding in table
 /* player statistik */
 #player_selector .fi-dropdown-header {
     @apply px-2 text-lg font-black dark:bg-black border-y border-gray-300 dark:text-gray-300 dark:border-gray-600
+}
+
+@layer components {
+    .fi-tabs-item {
+        &.fi-active {
+            @apply bg-gray-100 dark:bg-gray-600/30 drop-shadow
+        }
+    }
 }