@vuetify/nightly 3.6.3-master.2024-05-05 → 3.6.3-master.2024-05-07

package/lib/styles/main.css

@@ -11,1301 +11,1561 @@
 }
 .bg-black {
   background-color: #000000 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-white {
   background-color: #FFFFFF !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-transparent {
   background-color: transparent !important;
+  --v-theme-on-surface: currentColor !important;
   color: currentColor !important;
 }
 
 .bg-red {
   background-color: #F44336 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-red-lighten-5 {
   background-color: #FFEBEE !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-red-lighten-4 {
   background-color: #FFCDD2 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-red-lighten-3 {
   background-color: #EF9A9A !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-red-lighten-2 {
   background-color: #E57373 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-red-lighten-1 {
   background-color: #EF5350 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-red-darken-1 {
   background-color: #E53935 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-red-darken-2 {
   background-color: #D32F2F !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-red-darken-3 {
   background-color: #C62828 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-red-darken-4 {
   background-color: #B71C1C !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-red-accent-1 {
   background-color: #FF8A80 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-red-accent-2 {
   background-color: #FF5252 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-red-accent-3 {
   background-color: #FF1744 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-red-accent-4 {
   background-color: #D50000 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-pink {
   background-color: #e91e63 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-pink-lighten-5 {
   background-color: #fce4ec !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-pink-lighten-4 {
   background-color: #f8bbd0 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-pink-lighten-3 {
   background-color: #f48fb1 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-pink-lighten-2 {
   background-color: #f06292 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-pink-lighten-1 {
   background-color: #ec407a !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-pink-darken-1 {
   background-color: #d81b60 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-pink-darken-2 {
   background-color: #c2185b !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-pink-darken-3 {
   background-color: #ad1457 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-pink-darken-4 {
   background-color: #880e4f !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-pink-accent-1 {
   background-color: #ff80ab !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-pink-accent-2 {
   background-color: #ff4081 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-pink-accent-3 {
   background-color: #f50057 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-pink-accent-4 {
   background-color: #c51162 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-purple {
   background-color: #9c27b0 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-purple-lighten-5 {
   background-color: #f3e5f5 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-purple-lighten-4 {
   background-color: #e1bee7 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-purple-lighten-3 {
   background-color: #ce93d8 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-purple-lighten-2 {
   background-color: #ba68c8 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-purple-lighten-1 {
   background-color: #ab47bc !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-purple-darken-1 {
   background-color: #8e24aa !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-purple-darken-2 {
   background-color: #7b1fa2 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-purple-darken-3 {
   background-color: #6a1b9a !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-purple-darken-4 {
   background-color: #4a148c !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-purple-accent-1 {
   background-color: #ea80fc !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-purple-accent-2 {
   background-color: #e040fb !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-purple-accent-3 {
   background-color: #d500f9 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-purple-accent-4 {
   background-color: #aa00ff !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-deep-purple {
   background-color: #673ab7 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-deep-purple-lighten-5 {
   background-color: #ede7f6 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-deep-purple-lighten-4 {
   background-color: #d1c4e9 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-deep-purple-lighten-3 {
   background-color: #b39ddb !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-deep-purple-lighten-2 {
   background-color: #9575cd !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-deep-purple-lighten-1 {
   background-color: #7e57c2 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-deep-purple-darken-1 {
   background-color: #5e35b1 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-deep-purple-darken-2 {
   background-color: #512da8 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-deep-purple-darken-3 {
   background-color: #4527a0 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-deep-purple-darken-4 {
   background-color: #311b92 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-deep-purple-accent-1 {
   background-color: #b388ff !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-deep-purple-accent-2 {
   background-color: #7c4dff !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-deep-purple-accent-3 {
   background-color: #651fff !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-deep-purple-accent-4 {
   background-color: #6200ea !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-indigo {
   background-color: #3f51b5 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-indigo-lighten-5 {
   background-color: #e8eaf6 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-indigo-lighten-4 {
   background-color: #c5cae9 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-indigo-lighten-3 {
   background-color: #9fa8da !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-indigo-lighten-2 {
   background-color: #7986cb !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-indigo-lighten-1 {
   background-color: #5c6bc0 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-indigo-darken-1 {
   background-color: #3949ab !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-indigo-darken-2 {
   background-color: #303f9f !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-indigo-darken-3 {
   background-color: #283593 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-indigo-darken-4 {
   background-color: #1a237e !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-indigo-accent-1 {
   background-color: #8c9eff !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-indigo-accent-2 {
   background-color: #536dfe !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-indigo-accent-3 {
   background-color: #3d5afe !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-indigo-accent-4 {
   background-color: #304ffe !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-blue {
   background-color: #2196F3 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-blue-lighten-5 {
   background-color: #E3F2FD !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-blue-lighten-4 {
   background-color: #BBDEFB !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-blue-lighten-3 {
   background-color: #90CAF9 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-blue-lighten-2 {
   background-color: #64B5F6 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-blue-lighten-1 {
   background-color: #42A5F5 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-blue-darken-1 {
   background-color: #1E88E5 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-blue-darken-2 {
   background-color: #1976D2 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-blue-darken-3 {
   background-color: #1565C0 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-blue-darken-4 {
   background-color: #0D47A1 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-blue-accent-1 {
   background-color: #82B1FF !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-blue-accent-2 {
   background-color: #448AFF !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-blue-accent-3 {
   background-color: #2979FF !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-blue-accent-4 {
   background-color: #2962FF !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-light-blue {
   background-color: #03a9f4 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-light-blue-lighten-5 {
   background-color: #e1f5fe !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-light-blue-lighten-4 {
   background-color: #b3e5fc !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-light-blue-lighten-3 {
   background-color: #81d4fa !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-light-blue-lighten-2 {
   background-color: #4fc3f7 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-light-blue-lighten-1 {
   background-color: #29b6f6 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-light-blue-darken-1 {
   background-color: #039be5 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-light-blue-darken-2 {
   background-color: #0288d1 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-light-blue-darken-3 {
   background-color: #0277bd !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-light-blue-darken-4 {
   background-color: #01579b !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-light-blue-accent-1 {
   background-color: #80d8ff !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-light-blue-accent-2 {
   background-color: #40c4ff !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-light-blue-accent-3 {
   background-color: #00b0ff !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-light-blue-accent-4 {
   background-color: #0091ea !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-cyan {
   background-color: #00bcd4 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-cyan-lighten-5 {
   background-color: #e0f7fa !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-cyan-lighten-4 {
   background-color: #b2ebf2 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-cyan-lighten-3 {
   background-color: #80deea !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-cyan-lighten-2 {
   background-color: #4dd0e1 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-cyan-lighten-1 {
   background-color: #26c6da !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-cyan-darken-1 {
   background-color: #00acc1 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-cyan-darken-2 {
   background-color: #0097a7 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-cyan-darken-3 {
   background-color: #00838f !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-cyan-darken-4 {
   background-color: #006064 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-cyan-accent-1 {
   background-color: #84ffff !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-cyan-accent-2 {
   background-color: #18ffff !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-cyan-accent-3 {
   background-color: #00e5ff !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-cyan-accent-4 {
   background-color: #00b8d4 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-teal {
   background-color: #009688 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-teal-lighten-5 {
   background-color: #e0f2f1 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-teal-lighten-4 {
   background-color: #b2dfdb !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-teal-lighten-3 {
   background-color: #80cbc4 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-teal-lighten-2 {
   background-color: #4db6ac !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-teal-lighten-1 {
   background-color: #26a69a !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-teal-darken-1 {
   background-color: #00897b !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-teal-darken-2 {
   background-color: #00796b !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-teal-darken-3 {
   background-color: #00695c !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-teal-darken-4 {
   background-color: #004d40 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-teal-accent-1 {
   background-color: #a7ffeb !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-teal-accent-2 {
   background-color: #64ffda !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-teal-accent-3 {
   background-color: #1de9b6 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-teal-accent-4 {
   background-color: #00bfa5 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-green {
   background-color: #4CAF50 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-green-lighten-5 {
   background-color: #E8F5E9 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-green-lighten-4 {
   background-color: #C8E6C9 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-green-lighten-3 {
   background-color: #A5D6A7 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-green-lighten-2 {
   background-color: #81C784 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-green-lighten-1 {
   background-color: #66BB6A !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-green-darken-1 {
   background-color: #43A047 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-green-darken-2 {
   background-color: #388E3C !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-green-darken-3 {
   background-color: #2E7D32 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-green-darken-4 {
   background-color: #1B5E20 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-green-accent-1 {
   background-color: #B9F6CA !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-green-accent-2 {
   background-color: #69F0AE !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-green-accent-3 {
   background-color: #00E676 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-green-accent-4 {
   background-color: #00C853 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-light-green {
   background-color: #8bc34a !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-light-green-lighten-5 {
   background-color: #f1f8e9 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-light-green-lighten-4 {
   background-color: #dcedc8 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-light-green-lighten-3 {
   background-color: #c5e1a5 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-light-green-lighten-2 {
   background-color: #aed581 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-light-green-lighten-1 {
   background-color: #9ccc65 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-light-green-darken-1 {
   background-color: #7cb342 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-light-green-darken-2 {
   background-color: #689f38 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-light-green-darken-3 {
   background-color: #558b2f !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-light-green-darken-4 {
   background-color: #33691e !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-light-green-accent-1 {
   background-color: #ccff90 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-light-green-accent-2 {
   background-color: #b2ff59 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-light-green-accent-3 {
   background-color: #76ff03 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-light-green-accent-4 {
   background-color: #64dd17 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-lime {
   background-color: #cddc39 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-lime-lighten-5 {
   background-color: #f9fbe7 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-lime-lighten-4 {
   background-color: #f0f4c3 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-lime-lighten-3 {
   background-color: #e6ee9c !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-lime-lighten-2 {
   background-color: #dce775 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-lime-lighten-1 {
   background-color: #d4e157 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-lime-darken-1 {
   background-color: #c0ca33 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-lime-darken-2 {
   background-color: #afb42b !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-lime-darken-3 {
   background-color: #9e9d24 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-lime-darken-4 {
   background-color: #827717 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-lime-accent-1 {
   background-color: #f4ff81 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-lime-accent-2 {
   background-color: #eeff41 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-lime-accent-3 {
   background-color: #c6ff00 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-lime-accent-4 {
   background-color: #aeea00 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-yellow {
   background-color: #ffeb3b !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-yellow-lighten-5 {
   background-color: #fffde7 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-yellow-lighten-4 {
   background-color: #fff9c4 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-yellow-lighten-3 {
   background-color: #fff59d !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-yellow-lighten-2 {
   background-color: #fff176 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-yellow-lighten-1 {
   background-color: #ffee58 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-yellow-darken-1 {
   background-color: #fdd835 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-yellow-darken-2 {
   background-color: #fbc02d !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-yellow-darken-3 {
   background-color: #f9a825 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-yellow-darken-4 {
   background-color: #f57f17 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-yellow-accent-1 {
   background-color: #ffff8d !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-yellow-accent-2 {
   background-color: #ffff00 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-yellow-accent-3 {
   background-color: #ffea00 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-yellow-accent-4 {
   background-color: #ffd600 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-amber {
   background-color: #ffc107 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-amber-lighten-5 {
   background-color: #fff8e1 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-amber-lighten-4 {
   background-color: #ffecb3 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-amber-lighten-3 {
   background-color: #ffe082 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-amber-lighten-2 {
   background-color: #ffd54f !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-amber-lighten-1 {
   background-color: #ffca28 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-amber-darken-1 {
   background-color: #ffb300 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-amber-darken-2 {
   background-color: #ffa000 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-amber-darken-3 {
   background-color: #ff8f00 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-amber-darken-4 {
   background-color: #ff6f00 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-amber-accent-1 {
   background-color: #ffe57f !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-amber-accent-2 {
   background-color: #ffd740 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-amber-accent-3 {
   background-color: #ffc400 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-amber-accent-4 {
   background-color: #ffab00 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-orange {
   background-color: #ff9800 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-orange-lighten-5 {
   background-color: #fff3e0 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-orange-lighten-4 {
   background-color: #ffe0b2 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-orange-lighten-3 {
   background-color: #ffcc80 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-orange-lighten-2 {
   background-color: #ffb74d !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-orange-lighten-1 {
   background-color: #ffa726 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-orange-darken-1 {
   background-color: #fb8c00 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-orange-darken-2 {
   background-color: #f57c00 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-orange-darken-3 {
   background-color: #ef6c00 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-orange-darken-4 {
   background-color: #e65100 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-orange-accent-1 {
   background-color: #ffd180 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-orange-accent-2 {
   background-color: #ffab40 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-orange-accent-3 {
   background-color: #ff9100 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-orange-accent-4 {
   background-color: #ff6d00 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-deep-orange {
   background-color: #ff5722 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-deep-orange-lighten-5 {
   background-color: #fbe9e7 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-deep-orange-lighten-4 {
   background-color: #ffccbc !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-deep-orange-lighten-3 {
   background-color: #ffab91 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-deep-orange-lighten-2 {
   background-color: #ff8a65 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-deep-orange-lighten-1 {
   background-color: #ff7043 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-deep-orange-darken-1 {
   background-color: #f4511e !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-deep-orange-darken-2 {
   background-color: #e64a19 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-deep-orange-darken-3 {
   background-color: #d84315 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-deep-orange-darken-4 {
   background-color: #bf360c !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-deep-orange-accent-1 {
   background-color: #ff9e80 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-deep-orange-accent-2 {
   background-color: #ff6e40 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-deep-orange-accent-3 {
   background-color: #ff3d00 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-deep-orange-accent-4 {
   background-color: #dd2c00 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-brown {
   background-color: #795548 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-brown-lighten-5 {
   background-color: #efebe9 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-brown-lighten-4 {
   background-color: #d7ccc8 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-brown-lighten-3 {
   background-color: #bcaaa4 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-brown-lighten-2 {
   background-color: #a1887f !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-brown-lighten-1 {
   background-color: #8d6e63 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-brown-darken-1 {
   background-color: #6d4c41 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-brown-darken-2 {
   background-color: #5d4037 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-brown-darken-3 {
   background-color: #4e342e !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-brown-darken-4 {
   background-color: #3e2723 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-blue-grey {
   background-color: #607d8b !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-blue-grey-lighten-5 {
   background-color: #eceff1 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-blue-grey-lighten-4 {
   background-color: #cfd8dc !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-blue-grey-lighten-3 {
   background-color: #b0bec5 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-blue-grey-lighten-2 {
   background-color: #90a4ae !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-blue-grey-lighten-1 {
   background-color: #78909c !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-blue-grey-darken-1 {
   background-color: #546e7a !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-blue-grey-darken-2 {
   background-color: #455a64 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-blue-grey-darken-3 {
   background-color: #37474f !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-blue-grey-darken-4 {
   background-color: #263238 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-grey {
   background-color: #9e9e9e !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-grey-lighten-5 {
   background-color: #fafafa !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-grey-lighten-4 {
   background-color: #f5f5f5 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-grey-lighten-3 {
   background-color: #eeeeee !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-grey-lighten-2 {
   background-color: #e0e0e0 !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-grey-lighten-1 {
   background-color: #bdbdbd !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-grey-darken-1 {
   background-color: #757575 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-grey-darken-2 {
   background-color: #616161 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-grey-darken-3 {
   background-color: #424242 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-grey-darken-4 {
   background-color: #212121 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-shades-black {
   background-color: #000000 !important;
+  --v-theme-on-surface: #FFFFFF !important;
   color: #FFFFFF !important;
 }
 
 .bg-shades-white {
   background-color: #FFFFFF !important;
+  --v-theme-on-surface: #000000 !important;
   color: #000000 !important;
 }
 
 .bg-shades-transparent {
   background-color: transparent !important;
+  --v-theme-on-surface: currentColor !important;
   color: currentColor !important;
 }