diff --git a/src/EventIndex.ce.vue b/src/EventIndex.ce.vue
index e275fa6..23a39a9 100644
--- a/src/EventIndex.ce.vue
+++ b/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="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 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>
             </a>
         </div>
diff --git a/src/components/DetailPopup.vue b/src/components/DetailPopup.vue
index 341667c..7c1c716 100644
--- a/src/components/DetailPopup.vue
+++ b/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-primaryfg focus:outline-none bg-primary text-primaryfg"
+                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"
             >
                 Zur Anmeldung
             </a>
diff --git a/tailwind.config.js b/tailwind.config.js
index 8454e01..70843a9 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -10,9 +10,6 @@ export default {
                 primary: {
                     DEFAULT: 'var(--primary)',
                 },
-                primaryfg: {
-                    DEFAULT: 'var(--primaryfg)',
-                },
                 secondary: {
                     DEFAULT: 'var(--secondary)',
                 },