src/EventForm.ce.vue

@@ -170,7 +170,7 @@ import useToastify from './composables/useToastify.js';
 import useFields from './composables/useFields.js';
 
 const {success, errorFromResponse} = useToastify();
-const finished = ref(false);
+const finished = ref(true);
 
 const emits = defineEmits(['addSection', 'editSection', 'deleteSection', 'addField', 'editField', 'deleteField', 'active']);
 
@@ -256,7 +256,7 @@ function reload() {
 reload();
 watch(
     () => props.value,
-    (value) => reload(),
+    (value) => reload()
 );
 
 const {back, next, backable, nextable} = useNav(active, v.value.sections.length);

src/EventIndex.ce.vue

@@ -19,7 +19,7 @@
                         <span class="text-sm font-semibold text-gray-800 ml-2" v-text="event.dates"></span>
                     </div>
                     <div class="grow text-sm leading-normal text-gray-800 mt-3" v-text="event.excerpt"></div>
-                    <div class="text-primary bg-font focus:ring-2 text-font rounded-lg text-xs sm:text-sm py-1 text-center mt-3">Zur Veranstaltung</div>
+                    <div class="bg-primaryfg text-primary focus:ring-2 text-font rounded-lg text-xs sm:text-sm py-1 text-center mt-3">Zur Veranstaltung</div>
                 </div>
             </a>
         </div>

src/components/DetailPopup.vue

@@ -12,7 +12,7 @@
         <div class="flex mt-3">
             <a
                 :href="registerUrl.replace(':slug', event.slug)"
-                class="px-3 py-2 text-xs font-nunito font-semibold rounded sm:px-4 sm:py-2 sm:text-sm sm:rounded focus:ring-2 focus:ring-offset-1 focus:ring-font focus:outline-none bg-primary text-font"
+                class="px-3 py-2 text-xs font-nunito font-semibold rounded sm:px-4 sm:py-2 sm:text-sm sm:rounded focus:ring-2 focus:ring-offset-1 focus:ring-primaryfg focus:outline-none bg-primary text-primaryfg"
             >
                 Zur Anmeldung
             </a>

tailwind.config.js

@@ -10,6 +10,9 @@ export default {
                 primary: {
                     DEFAULT: 'var(--primary)',
                 },
+                primaryfg: {
+                    DEFAULT: 'var(--primaryfg)',
+                },
                 secondary: {
                     DEFAULT: 'var(--secondary)',
                 },