fix css

components/Ui/EventList.vue

@@ -80,13 +80,13 @@ const emits = defineEmits(['edit', 'load'])
 const date = useDate()
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 .event-item {
   margin-top: 20px;
-  color: rgb(var(--v-theme-neutral-strong));
+  color: rgb(var(--v-theme-on-neutral));
   .text-subtitle-2{
     text-transform: capitalize !important;
-    color: rgb(var(--v-theme-neutral-subtitle));
+    color: rgb(var(--v-theme-on-neutral--sub));
   }
 }
 .pagination-btn[disabled] {

config/theme.ts

@@ -69,8 +69,8 @@ export const lightTheme: Theme = {
     'on-neutral-strong': '#ecf0f5',
 
     neutral: '#e6e6e6',
-    'neutral-subtitle': '#a6a6a6',
     'on-neutral': '#666666',
+    'on-neutral--sub': '#a6a6a6',
     'on-neutral--clickable': '#00997d',
 
     'neutral-soft': '#f2f2f2',
@@ -126,6 +126,7 @@ export const darkTheme: Theme = {
 
     neutral: '#324150',
     'on-neutral': '#cccccc',
+    'on-neutral--sub': '#a6a6a6',
     'on-neutral--clickable': '#a9e0d6',
 
     'neutral-soft': '#090c11',