From 4f62cab810e44655f89d54688517861fd6682e59 Mon Sep 17 00:00:00 2001
From: 0phoff <0phoff@users.noreply.github.com>
Date: Tue, 21 Nov 2023 10:13:33 +0100
Subject: [PATCH] Added color arguments to IconEavise, LogoEavise &
 LogoEaviseKUL

---
 components/IconEavise.vue    | 21 ++++++++++++++++-----
 components/LogoEavise.vue    | 22 +++++++++++++++++-----
 components/LogoEaviseKUL.vue | 31 +++++++++++++++++++++++++------
 example.md                   | 29 ++++++++++++++++++++++++++---
 layouts/cover.vue            | 21 ++-------------------
 5 files changed, 86 insertions(+), 38 deletions(-)

diff --git a/components/IconEavise.vue b/components/IconEavise.vue
index 5ba1bc3..438aaba 100644
--- a/components/IconEavise.vue
+++ b/components/IconEavise.vue
@@ -1,8 +1,19 @@
+<script setup>
+const props = defineProps({
+    color: { type: String, default: 'inherit' },
+})
+</script>
+
 <template>
-    <svg class="icon-eavise" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 253.41519 281.25">
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 253.41519 281.25" fill="#00407A">
         <path
-        overflow="visible" fill="#00407A" fill-rule="evenodd" 
-        d="M125.417966.07963c-9.268951.74456-19.828299 6.84093-30.387263 12.93708L63.353801 31.30518l-31.6769 18.28846C21.117934 55.68979 10.559347 61.78573 5.279673 70.93076 0 80.07579 0 92.26708 0 104.45957v73.15496c0 12.19249 0 24.38618 5.280195 33.53031 5.280195 9.14414 15.83774 15.23947 26.396706 21.33562l31.6769 18.28846 31.676902 18.28847c10.558964 6.09615 21.119354 12.19312 31.677793 12.1926 10.55845-.00052 21.11704-6.09645 31.67601-12.1926l31.67691-18.28847 31.67688-18.28846c10.55897-6.09615 21.11833-12.19253 26.39762-19.84597 5.27929-7.65344 5.27929-16.86679 5.27929-26.07894V158.9191v-27.63645c0-9.21215 0-18.42309-1.38256-22.23154-1.38255-3.80844-4.14843-2.21155-6.91392-.61487l-8.29648 4.79003-8.29651 4.79002c-2.76549 1.59668-5.53061 3.19314-6.91355 7.00159-1.38293 3.80845-1.38293 9.82604-1.38293 15.84484v36.11277c0 6.01879 0 12.03879-3.89654 17.2973-3.89654 5.25851-11.6904 9.7584-19.48387 14.25806l-23.38042 13.49899-23.38041 13.49897c-7.79347 4.49966-15.58657 8.9991-23.37952 8.99962-7.792946.00052-15.587837-4.49996-23.381305-8.99962l-23.380414-13.49897-23.380404-13.49899c-7.793473-4.49966-15.585529-8.9985-19.482973-15.74771-3.897445-6.7492-3.897445-15.74954-3.897445-24.74868v-26.99741-26.99741c0-8.99914 0-17.99708 3.896925-24.74718 3.896925-6.75011 11.69002-11.24955 19.483493-15.74921l23.380404-13.49899 23.380414-13.49898c7.793468-4.49966 15.587319-8.99953 22.090765-9.7441 6.50345-.74457 11.71442 2.2641 16.92681 5.27358l15.63718 9.02848 15.63717 9.02847c5.21239 3.00949 10.4262 6.0198 11.4747 8.4231 1.04851 2.40329-2.06622 4.20166-5.18056 5.9998l-9.34304 5.39441-9.34304 5.39443c-3.11434 1.79814-6.22831 3.59606-8.78485 4.06296-2.55655.4669-4.56452-.40181-6.60082-1.1459-2.03629-.74409-4.11932-1.37106-6.22453-1.87395-2.10521-.5029-4.2467-.88509-6.39945-1.14168-2.15275-.2566-4.33128-.38892-9.156054.29907-4.824772.688-12.247706 2.18662-18.737223 4.90262-6.489517 2.71599-12.572107 6.81699-17.481668 11.72655-4.90956 4.90956-9.010555 10.99215-11.726547 17.48167-2.715992 6.48951-4.214616 13.91245-4.214616 21.38335s1.498624 14.89385 4.214616 21.38336c2.715992 6.48952 6.816987 12.57211 11.726547 17.48167 4.909561 4.90956 10.992146 9.01056 17.481665 11.72655 6.489518 2.71599 13.912452 4.21462 21.38335 4.21462 7.47091-.00001 14.89384-1.49863 21.38336-4.21462 6.48952-2.71599 12.57211-6.81699 17.48167-11.72655 4.90955-4.90956 9.01055-10.99215 11.72654-17.48167 2.716-6.48951 4.21462-13.91246 4.88503-18.87726.67041-4.96479.50294-7.4233.17791-9.8449-.32504-2.42161-.80974-4.82715-1.44622-7.18088-.63648-2.35372-1.43018-4.6757-2.36988-6.93109-.93971-2.2554-2.03576-4.4666-.71481-6.64712 1.32095-2.18052 5.05488-4.33646 8.7892-6.49262l11.20295-6.46847 11.20296-6.46847 11.20295-6.46846 8.29648-4.79003 8.29651-4.79003 8.29648-4.79004c2.76549-1.59668 5.53137-3.19357 5.62409-4.73648.0927-1.5429-2.48977-3.03389-5.07085-4.52406l-7.74324-4.47051-7.74325-4.47051-7.74324-4.47052-23.93367-13.81795-23.93365-13.81795-23.93365-13.81795c-7.97789-4.60598-15.95435-9.21114-25.2233-8.46657zm-6.27323 112.39994c2.054491 0 4.095816.41212 5.880437 1.15902 1.784623.7469 3.457323 1.87467 4.807453 3.2248 1.35013 1.35013 2.4779 3.02284 3.2248 4.80746.7469 1.78462 1.15902 3.82593 1.15902 5.88043 0 2.0545-.41212 4.0958-1.15902 5.88042-.7469 1.78462-1.87468 3.45732-3.22481 4.80745-1.35013 1.35013-3.02283 2.4779-4.80745 3.2248-1.784616.7469-3.825941 1.15903-5.88043 1.15903-2.054488-.00001-4.09579-.41213-5.880406-1.15903-1.784616-.7469-3.457322-1.87466-4.807457-3.2248-1.350135-1.35013-2.477907-3.02284-3.224806-4.80746-.746899-1.78461-1.159017-3.82591-1.159019-5.88041-.000002-2.0545.412118-4.09581 1.159016-5.88043.746898-1.78462 1.874669-3.45733 3.224801-4.80746 1.350132-1.35013 3.022837-2.4779 4.807458-3.2248 1.784621-.7469 3.825922-1.15902 5.880413-1.15902z" 
-        />
+            d="M125.417966.07963c-9.268951.74456-19.828299 6.84093-30.387263 12.93708L63.353801 31.30518l-31.6769 18.28846C21.117934 55.68979 10.559347 61.78573 5.279673 70.93076 0 80.07579 0 92.26708 0 104.45957v73.15496c0 12.19249 0 24.38618 5.280195 33.53031 5.280195 9.14414 15.83774 15.23947 26.396706 21.33562l31.6769 18.28846 31.676902 18.28847c10.558964 6.09615 21.119354 12.19312 31.677793 12.1926 10.55845-.00052 21.11704-6.09645 31.67601-12.1926l31.67691-18.28847 31.67688-18.28846c10.55897-6.09615 21.11833-12.19253 26.39762-19.84597 5.27929-7.65344 5.27929-16.86679 5.27929-26.07894V158.9191v-27.63645c0-9.21215 0-18.42309-1.38256-22.23154-1.38255-3.80844-4.14843-2.21155-6.91392-.61487l-8.29648 4.79003-8.29651 4.79002c-2.76549 1.59668-5.53061 3.19314-6.91355 7.00159-1.38293 3.80845-1.38293 9.82604-1.38293 15.84484v36.11277c0 6.01879 0 12.03879-3.89654 17.2973-3.89654 5.25851-11.6904 9.7584-19.48387 14.25806l-23.38042 13.49899-23.38041 13.49897c-7.79347 4.49966-15.58657 8.9991-23.37952 8.99962-7.792946.00052-15.587837-4.49996-23.381305-8.99962l-23.380414-13.49897-23.380404-13.49899c-7.793473-4.49966-15.585529-8.9985-19.482973-15.74771-3.897445-6.7492-3.897445-15.74954-3.897445-24.74868v-26.99741-26.99741c0-8.99914 0-17.99708 3.896925-24.74718 3.896925-6.75011 11.69002-11.24955 19.483493-15.74921l23.380404-13.49899 23.380414-13.49898c7.793468-4.49966 15.587319-8.99953 22.090765-9.7441 6.50345-.74457 11.71442 2.2641 16.92681 5.27358l15.63718 9.02848 15.63717 9.02847c5.21239 3.00949 10.4262 6.0198 11.4747 8.4231 1.04851 2.40329-2.06622 4.20166-5.18056 5.9998l-9.34304 5.39441-9.34304 5.39443c-3.11434 1.79814-6.22831 3.59606-8.78485 4.06296-2.55655.4669-4.56452-.40181-6.60082-1.1459-2.03629-.74409-4.11932-1.37106-6.22453-1.87395-2.10521-.5029-4.2467-.88509-6.39945-1.14168-2.15275-.2566-4.33128-.38892-9.156054.29907-4.824772.688-12.247706 2.18662-18.737223 4.90262-6.489517 2.71599-12.572107 6.81699-17.481668 11.72655-4.90956 4.90956-9.010555 10.99215-11.726547 17.48167-2.715992 6.48951-4.214616 13.91245-4.214616 21.38335s1.498624 14.89385 4.214616 21.38336c2.715992 6.48952 6.816987 12.57211 11.726547 17.48167 4.909561 4.90956 10.992146 9.01056 17.481665 11.72655 6.489518 2.71599 13.912452 4.21462 21.38335 4.21462 7.47091-.00001 14.89384-1.49863 21.38336-4.21462 6.48952-2.71599 12.57211-6.81699 17.48167-11.72655 4.90955-4.90956 9.01055-10.99215 11.72654-17.48167 2.716-6.48951 4.21462-13.91246 4.88503-18.87726.67041-4.96479.50294-7.4233.17791-9.8449-.32504-2.42161-.80974-4.82715-1.44622-7.18088-.63648-2.35372-1.43018-4.6757-2.36988-6.93109-.93971-2.2554-2.03576-4.4666-.71481-6.64712 1.32095-2.18052 5.05488-4.33646 8.7892-6.49262l11.20295-6.46847 11.20296-6.46847 11.20295-6.46846 8.29648-4.79003 8.29651-4.79003 8.29648-4.79004c2.76549-1.59668 5.53137-3.19357 5.62409-4.73648.0927-1.5429-2.48977-3.03389-5.07085-4.52406l-7.74324-4.47051-7.74325-4.47051-7.74324-4.47052-23.93367-13.81795-23.93365-13.81795-23.93365-13.81795c-7.97789-4.60598-15.95435-9.21114-25.2233-8.46657zm-6.27323 112.39994c2.054491 0 4.095816.41212 5.880437 1.15902 1.784623.7469 3.457323 1.87467 4.807453 3.2248 1.35013 1.35013 2.4779 3.02284 3.2248 4.80746.7469 1.78462 1.15902 3.82593 1.15902 5.88043 0 2.0545-.41212 4.0958-1.15902 5.88042-.7469 1.78462-1.87468 3.45732-3.22481 4.80745-1.35013 1.35013-3.02283 2.4779-4.80745 3.2248-1.784616.7469-3.825941 1.15903-5.88043 1.15903-2.054488-.00001-4.09579-.41213-5.880406-1.15903-1.784616-.7469-3.457322-1.87466-4.807457-3.2248-1.350135-1.35013-2.477907-3.02284-3.224806-4.80746-.746899-1.78461-1.159017-3.82591-1.159019-5.88041-.000002-2.0545.412118-4.09581 1.159016-5.88043.746898-1.78462 1.874669-3.45733 3.224801-4.80746 1.350132-1.35013 3.022837-2.4779 4.807458-3.2248 1.784621-.7469 3.825922-1.15902 5.880413-1.15902z"
+            overflow="visible" fill-rule="evenodd" />
     </svg>
-</template>
\ No newline at end of file
+</template>
+
+<style scoped>
+path {
+    fill: v-bind('props.color');
+}
+</style>
\ No newline at end of file
diff --git a/components/LogoEavise.vue b/components/LogoEavise.vue
index 7ec55ea..40e73a5 100644
--- a/components/LogoEavise.vue
+++ b/components/LogoEavise.vue
@@ -1,10 +1,22 @@
+<script setup>
+const props = defineProps({
+    color: { type: String, default: 'inherit' },
+})
+</script>
+
 <template>
-    <svg class="logo-eavise" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1296.1319 312.75668">
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1296.1319 312.75668" fill="#00407A">
         <path
-        overflow="visible" fill="#00407A" fill-rule="evenodd"
-        d="M142.449861 15.83297c-9.26895.74456-19.828299 6.84093-30.387263 12.93708L80.385696 47.05852l-31.6769 18.28846C38.14983 71.44313 27.591241 77.53907 22.311568 86.6841c-5.279673 9.14503-5.279673 21.33632-5.279673 33.52881v73.15496c0 12.19249 0 24.38618 5.280195 33.53031s15.83774 15.23947 26.396706 21.33562l31.6769 18.28846 31.676902 18.28847c10.558964 6.09615 21.119353 12.19312 31.677793 12.1926 10.55845-.00052 21.11704-6.09645 31.67601-12.1926l31.67691-18.28847 31.67688-18.28846c10.55897-6.09615 21.11833-12.19253 26.39762-19.84597 5.27929-7.65344 5.27929-16.86679 5.27929-26.07894v-27.63645-27.63645c0-9.21215 0-18.42309-1.38256-22.23154-1.38255-3.80844-4.14843-2.21155-6.91392-.61487l-8.29648 4.79003-8.29651 4.79002c-2.76549 1.59668-5.53061 3.19314-6.91355 7.00159-1.38293 3.80845-1.38293 9.82604-1.38293 15.84484v36.11277c0 6.01879 0 12.03879-3.89654 17.2973-3.89654 5.25851-11.6904 9.7584-19.48387 14.25806l-23.38042 13.49899-23.38041 13.49897c-7.79347 4.49966-15.58657 8.9991-23.37952 8.99962-7.79295.00052-15.587837-4.49996-23.381305-8.99962l-23.380414-13.49897-23.380404-13.49899c-7.793473-4.49966-15.585529-8.9985-19.482974-15.74771-3.897444-6.7492-3.897444-15.74954-3.897444-24.74868v-26.99741-26.99741c0-8.99914 0-17.99708 3.896925-24.74718 3.896925-6.75011 11.69002-11.24955 19.483493-15.74921L96.978672 75.7976l23.380414-13.49898c7.793468-4.49966 15.587315-8.99953 22.090765-9.7441 6.50345-.74457 11.71442 2.2641 16.92681 5.27358l15.63718 9.02848 15.63717 9.02847c5.21239 3.00949 10.4262 6.0198 11.4747 8.4231 1.04851 2.40329-2.06622 4.20166-5.18056 5.9998l-9.34304 5.39441-9.34304 5.39443c-3.11434 1.79814-6.22831 3.59606-8.78485 4.06296-2.55655.4669-4.56452-.40181-6.60082-1.1459-2.03629-.74409-4.11932-1.37106-6.22453-1.87395-2.10521-.5029-4.2467-.88509-6.39945-1.14168-2.15275-.2566-4.33128-.38892-9.15605.29907-4.82478.688-12.24771 2.18662-18.737227 4.90262-6.489517 2.71599-12.572107 6.81699-17.481668 11.72655-4.90956 4.90956-9.010555 10.99215-11.726547 17.48167-2.715992 6.48951-4.214616 13.91245-4.214616 21.38335s1.498624 14.89385 4.214616 21.38336c2.715992 6.48952 6.816987 12.57211 11.726547 17.48167 4.909561 4.90956 10.992146 9.01056 17.481665 11.72655 6.489518 2.71599 13.91245 4.21462 21.38335 4.21462 7.47091-.00001 14.89384-1.49863 21.38336-4.21462 6.48952-2.71599 12.57211-6.81699 17.48167-11.72655 4.90955-4.90956 9.01055-10.99215 11.72654-17.48167 2.716-6.48951 4.21462-13.91246 4.88503-18.87726.67041-4.96479.50294-7.4233.17791-9.8449-.32504-2.42161-.80974-4.82715-1.44622-7.18088-.63648-2.35372-1.43018-4.6757-2.36988-6.93109-.93971-2.2554-2.03576-4.4666-.71481-6.64712 1.32095-2.18052 5.05488-4.33646 8.7892-6.49262l11.20295-6.46847 11.20296-6.46847 11.20295-6.46846 8.29648-4.79003 8.29651-4.79003 8.29648-4.79004c2.76549-1.59668 5.53137-3.19357 5.62409-4.73648.0927-1.5429-2.48977-3.03389-5.07085-4.52406l-7.74324-4.47051-7.74325-4.47051-7.74324-4.47052-23.93367-13.81795-23.93365-13.81795-23.93365-13.81795c-7.97789-4.60598-15.95435-9.21114-25.2233-8.46657zm-6.27323 112.39994c2.05449 0 4.09582.41212 5.88044 1.15902 1.78462.7469 3.45732 1.87467 4.80745 3.2248s2.4779 3.02284 3.2248 4.80746c.7469 1.78462 1.15902 3.82593 1.15902 5.88043 0 2.0545-.41212 4.0958-1.15902 5.88042-.7469 1.78462-1.87468 3.45732-3.22481 4.80745-1.35013 1.35013-3.02283 2.4779-4.80745 3.2248-1.78462.7469-3.82594 1.15903-5.88043 1.15903-2.05449-.00001-4.09579-.41213-5.880406-1.15903-1.784616-.7469-3.457322-1.87466-4.807457-3.2248-1.350135-1.35013-2.477907-3.02284-3.224806-4.80746-.746899-1.78461-1.159017-3.82591-1.159019-5.88041-.000002-2.0545.412118-4.09581 1.159016-5.88043.746898-1.78462 1.87467-3.45733 3.224801-4.80746 1.350132-1.35013 3.022837-2.4779 4.807458-3.2248 1.784621-.7469 3.825923-1.15902 5.880413-1.15902z" />
-        <g aria-label="eavise" fill="#00407A" stroke-width=".919605">
+            d="M142.449861 15.83297c-9.26895.74456-19.828299 6.84093-30.387263 12.93708L80.385696 47.05852l-31.6769 18.28846C38.14983 71.44313 27.591241 77.53907 22.311568 86.6841c-5.279673 9.14503-5.279673 21.33632-5.279673 33.52881v73.15496c0 12.19249 0 24.38618 5.280195 33.53031s15.83774 15.23947 26.396706 21.33562l31.6769 18.28846 31.676902 18.28847c10.558964 6.09615 21.119353 12.19312 31.677793 12.1926 10.55845-.00052 21.11704-6.09645 31.67601-12.1926l31.67691-18.28847 31.67688-18.28846c10.55897-6.09615 21.11833-12.19253 26.39762-19.84597 5.27929-7.65344 5.27929-16.86679 5.27929-26.07894v-27.63645-27.63645c0-9.21215 0-18.42309-1.38256-22.23154-1.38255-3.80844-4.14843-2.21155-6.91392-.61487l-8.29648 4.79003-8.29651 4.79002c-2.76549 1.59668-5.53061 3.19314-6.91355 7.00159-1.38293 3.80845-1.38293 9.82604-1.38293 15.84484v36.11277c0 6.01879 0 12.03879-3.89654 17.2973-3.89654 5.25851-11.6904 9.7584-19.48387 14.25806l-23.38042 13.49899-23.38041 13.49897c-7.79347 4.49966-15.58657 8.9991-23.37952 8.99962-7.79295.00052-15.587837-4.49996-23.381305-8.99962l-23.380414-13.49897-23.380404-13.49899c-7.793473-4.49966-15.585529-8.9985-19.482974-15.74771-3.897444-6.7492-3.897444-15.74954-3.897444-24.74868v-26.99741-26.99741c0-8.99914 0-17.99708 3.896925-24.74718 3.896925-6.75011 11.69002-11.24955 19.483493-15.74921L96.978672 75.7976l23.380414-13.49898c7.793468-4.49966 15.587315-8.99953 22.090765-9.7441 6.50345-.74457 11.71442 2.2641 16.92681 5.27358l15.63718 9.02848 15.63717 9.02847c5.21239 3.00949 10.4262 6.0198 11.4747 8.4231 1.04851 2.40329-2.06622 4.20166-5.18056 5.9998l-9.34304 5.39441-9.34304 5.39443c-3.11434 1.79814-6.22831 3.59606-8.78485 4.06296-2.55655.4669-4.56452-.40181-6.60082-1.1459-2.03629-.74409-4.11932-1.37106-6.22453-1.87395-2.10521-.5029-4.2467-.88509-6.39945-1.14168-2.15275-.2566-4.33128-.38892-9.15605.29907-4.82478.688-12.24771 2.18662-18.737227 4.90262-6.489517 2.71599-12.572107 6.81699-17.481668 11.72655-4.90956 4.90956-9.010555 10.99215-11.726547 17.48167-2.715992 6.48951-4.214616 13.91245-4.214616 21.38335s1.498624 14.89385 4.214616 21.38336c2.715992 6.48952 6.816987 12.57211 11.726547 17.48167 4.909561 4.90956 10.992146 9.01056 17.481665 11.72655 6.489518 2.71599 13.91245 4.21462 21.38335 4.21462 7.47091-.00001 14.89384-1.49863 21.38336-4.21462 6.48952-2.71599 12.57211-6.81699 17.48167-11.72655 4.90955-4.90956 9.01055-10.99215 11.72654-17.48167 2.716-6.48951 4.21462-13.91246 4.88503-18.87726.67041-4.96479.50294-7.4233.17791-9.8449-.32504-2.42161-.80974-4.82715-1.44622-7.18088-.63648-2.35372-1.43018-4.6757-2.36988-6.93109-.93971-2.2554-2.03576-4.4666-.71481-6.64712 1.32095-2.18052 5.05488-4.33646 8.7892-6.49262l11.20295-6.46847 11.20296-6.46847 11.20295-6.46846 8.29648-4.79003 8.29651-4.79003 8.29648-4.79004c2.76549-1.59668 5.53137-3.19357 5.62409-4.73648.0927-1.5429-2.48977-3.03389-5.07085-4.52406l-7.74324-4.47051-7.74325-4.47051-7.74324-4.47052-23.93367-13.81795-23.93365-13.81795-23.93365-13.81795c-7.97789-4.60598-15.95435-9.21114-25.2233-8.46657zm-6.27323 112.39994c2.05449 0 4.09582.41212 5.88044 1.15902 1.78462.7469 3.45732 1.87467 4.80745 3.2248s2.4779 3.02284 3.2248 4.80746c.7469 1.78462 1.15902 3.82593 1.15902 5.88043 0 2.0545-.41212 4.0958-1.15902 5.88042-.7469 1.78462-1.87468 3.45732-3.22481 4.80745-1.35013 1.35013-3.02283 2.4779-4.80745 3.2248-1.78462.7469-3.82594 1.15903-5.88043 1.15903-2.05449-.00001-4.09579-.41213-5.880406-1.15903-1.784616-.7469-3.457322-1.87466-4.807457-3.2248-1.350135-1.35013-2.477907-3.02284-3.224806-4.80746-.746899-1.78461-1.159017-3.82591-1.159019-5.88041-.000002-2.0545.412118-4.09581 1.159016-5.88043.746898-1.78462 1.87467-3.45733 3.224801-4.80746 1.350132-1.35013 3.022837-2.4779 4.807458-3.2248 1.784621-.7469 3.825923-1.15902 5.880413-1.15902z"
+            overflow="visible" fill-rule="evenodd" />
+        <g aria-label="eavise">
             <path d="M468.85708 210.530268l20.30697 16.922477-8.122788 6.768987q-6.092086 5.076745-8.461239 6.092096-2.030692.676901-8.122788.676901h-90.366032q-8.122788 0-16.245587-6.768997l-8.122788-6.768987q-8.122788-6.768997-8.122788-16.922477v-108.30387q0-10.15348 8.122788-16.922477l8.122788-6.768987q8.122799-6.768997 16.245587-6.768997h78.85875q6.768987 0 16.245577 6.768997l8.461238 6.768987q8.122789 6.092096 8.122789 16.922477v69.38216H370.029809v31.814263q0 5.076745.33845 6.768997.67689 1.353791 3.722944 3.722944 3.046043 2.369142 4.738295 3.046043 1.692241.33845 7.784338.33845h65.659217q6.092096 0 8.122788-.6769 2.369152-1.015352 8.461238-6.092087zm-11.507282-60.920932v-40.27549q0-5.076746-.676901-6.430547-.33845-1.692242-3.384493-4.061395-3.046054-2.369142-4.738295-2.707592-1.692252-.676901-7.784338-.676901h-54.151935q-6.092097 0-7.784338.6769-1.692252.338451-4.738295 2.707593-3.046053 2.369153-3.722944 4.061395-.33845 1.353801-.33845 6.430546v40.275491zM645.823902 227.452745H644.4701q0 4.061394-7.445888 8.461239-6.092096 3.722944-8.461239 4.399844-2.030702.676901-8.122788.676901h-57.874879q-8.122788 0-16.245576-6.768997l-8.122788-6.768987q-8.122799-6.768997-8.122799-16.922477v-40.613951q0-10.15349 8.122799-16.922477l8.122788-6.768997q8.122788-6.768987 16.245576-6.768987h60.582472q6.430546 0 8.122788.6769 1.692252.33845 4.399845 2.707593 4.061394 3.384494 4.061394 6.768987h1.353801v-40.27549q0-5.076746-.6769-6.430547-.338451-1.692242-3.384494-4.061395-3.046043-2.369142-4.738295-2.707592-1.692252-.676901-7.784338-.676901h-54.828836q-6.092086 0-8.461238 1.015351-2.030692.67689-8.122788 5.753636L532.781747 85.30392l8.122788-6.768987q6.092096-5.076745 8.122788-5.753646 2.369153-1.015351 8.461239-1.015351h79.535651q8.122788 0 16.245576 6.768997l8.122789 6.768987q8.122798 6.768997 8.122798 16.922477V203.42282q0 5.076745.33845 6.768997.676891 1.353791 3.722944 3.722944 3.046043 2.369142 3.384494 4.061394.6769 1.353801.6769 6.430536v16.584037h-11.845742q-6.092086 0-8.461238-.6769-2.030692-1.015352-6.092086-4.399845-5.415196-4.399845-5.415196-8.461239zm-87.319989-50.428991v26.399067q0 5.076745.33845 6.768997.676901 1.353791 3.722944 3.722944 3.046043 2.369142 4.738295 3.046043 1.692252.33845 7.784338.33845h41.290852q6.092086 0 8.122788-.6769 2.369143-.676901 8.461239-4.399845 6.092096-3.722944 7.107437-5.415196 1.015351-1.692241 1.015351-6.768987v-23.014573q0-5.076745-.6769-6.430537-.338451-1.692251-3.384494-4.061394-3.046043-2.369152-4.738295-2.707603-1.692252-.6769-7.784338-.6769h-49.41364q-6.092086 0-7.784338.6769-1.692252.33845-4.738295 2.707603-3.046043 2.369143-3.722944 4.061394-.33845 1.353792-.33845 6.430537zM780.664323 209.853367l44.675346-138.08743h28.091319l-58.89023 169.224792h-32.491164l-58.89022-169.224792h28.09131l44.675345 138.08743q1.692251 5.076746 1.692251 8.122789h1.353802q0-3.046043 1.692241-8.122789zM908.80452 240.99073h-28.429758V71.765936h28.429759zM1058.700646 142.84035q8.122748 0 16.245597 6.768986l8.122748 6.768997q8.12285 6.768987 8.12285 16.922477v37.229458q0 10.15348-8.12285 16.922477l-8.122748 6.768987q-8.12285 6.768997-16.245597 6.768997H983.56483q-8.122789 0-16.245577-6.768997l-8.122788-6.768987q-8.122788-6.768997-8.122788-16.922477v-13.537984h28.429759v6.430537q0 5.076745.33845 6.768997.6769 1.353791 3.722944 3.722944 3.046053 2.369142 4.738295 3.046043 1.692251.33845 7.784337.33845h50.090541q6.092097 0 7.784338-.33845 1.692252-.676901 4.738305-3.046043 3.046043-2.369153 3.384504-3.722944.676921-1.692252.676921-6.768997v-27.414418q-.33846-2.707593-4.061425-6.092086-3.046053-2.369153-4.738305-2.707603-1.692241-.67689-7.784338-.67689h-59.22867q-8.122798 0-16.245586-6.768998l-8.122789-6.768986q-8.122788-6.768997-8.122788-16.922478v-33.844964q0-10.15348 8.122788-16.922477l8.122789-6.768987q8.122788-6.768997 16.245586-6.768997h71.751313q8.122748 0 16.245597 6.768997l8.122748 6.768987q8.12285 6.768997 8.12285 16.922477v13.537984h-28.42977v-6.430537q0-5.076745-.676921-6.430546-.33846-1.692242-3.384504-4.061395-3.046053-2.369142-4.738305-2.707592-1.692241-.676901-7.784338-.676901h-46.706037q-6.092096 0-7.784348.6769-1.692242.338451-4.738285 2.707593-3.046053 2.369153-3.722954 4.061395-.33844 1.353801-.33844 6.430546v19.63007q0 5.076745.33844 6.768997.676901 1.353791 3.722954 3.722944 3.046043 2.369142 4.738285 3.046043 1.692252.33845 7.784348.33845zM1258.793123 210.530268l20.30692 16.922477-8.122748 6.768987q-6.092086 5.076745-8.46131 6.092096-2.030661.676901-8.122748.676901h-90.366011q-8.12285 0-16.245597-6.768997l-8.122747-6.768987q-8.12285-6.768997-8.12285-16.922477v-108.30387q0-10.15348 8.12285-16.922477l8.122747-6.768987q8.122748-6.768997 16.245597-6.768997h78.85876q6.769008 0 16.245597 6.768997l8.461208 6.768987q8.122748 6.092096 8.122748 16.922477v69.38216H1159.9658v31.814263q0 5.076745.33846 6.768997.676922 1.353791 3.722965 3.722944 3.046043 2.369142 4.738244 3.046043 1.692303.33845 7.784389.33845h65.659206q6.092086 0 8.122748-.6769 2.369224-1.015352 8.46131-6.092087zm-11.507353-60.920932v-40.27549q0-5.076746-.67682-6.430547-.33846-1.692242-3.384503-4.061395-3.046043-2.369142-4.738346-2.707592-1.6922-.676901-7.784287-.676901h-54.151955q-6.092086 0-7.78439.6769-1.6922.338451-4.738243 2.707593-3.046043 2.369153-3.722964 4.061395-.33846 1.353801-.33846 6.430546v40.275491z" />
         </g>
     </svg>
-</template>
\ No newline at end of file
+</template>
+
+<style scoped>
+path {
+    fill: v-bind('props.color');
+}
+</style>
\ No newline at end of file
diff --git a/components/LogoEaviseKUL.vue b/components/LogoEaviseKUL.vue
index 6cf24d2..1f94ee9 100644
--- a/components/LogoEaviseKUL.vue
+++ b/components/LogoEaviseKUL.vue
@@ -1,15 +1,34 @@
+<script setup>
+const props = defineProps({
+    color: String,
+})
+</script>
+
 <template>
-    <svg class="logo-eavise-kul" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1941.657 336.5467">
+    <svg :class="props.color && 'monochrome'" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1941.657 336.5467">
         <path class="border" fill="#52BDEC" d="M0 0v336.546012h33.652953V33.656616h1908.004756V0H0z" />
         <path class="kul-bg" fill="#00407A" d="M33.654297 33.65625v302.89063H942.32227V33.65625H33.654297zm67.308593 100.96289h30.10352v34.77539h.28125l26.82617-34.77539h37.08594l-35.44532 39.45117 41.19532 61.51367h-37.50196l-24.08789-39.3125-8.35351 9.4629v29.8496h-30.10352V134.61914zm101.28711 0h30.11133v54.98242c0 10.319-.00099 23.17578 14.64258 23.17578 14.23752 0 14.23828-12.85678 14.23828-23.17578v-54.98242h30.10547v61.9043c0 27.977-14.6456 41.41406-44.48243 41.41406-29.83207 0-44.61523-13.43706-44.61523-41.41406v-61.9043zm133.25586 0h30.11719v75.07422h42.47851v25.89062h-72.5957V134.61914zm81.81836 0h80.13281v25.86914h-50.30078v12.5957h45.6875v24.03711h-45.6875v12.57227h51.7793v25.89062h-81.61133V134.61914zm89.35547 0h30.09961v54.98242c0 10.319-.00098 23.17578 14.64258 23.17578 14.23811 0 14.23828-12.85678 14.23828-23.17578v-54.98242h30.10937v61.9043c0 27.977-14.64253 41.41406-44.47461 41.41406-29.84335 0-44.61523-13.43706-44.61523-41.41406v-61.9043zm93.33984 0h30.38672l16.01758 61.22461h.27148l15.73828-61.22461h30.9336l-30.51953 100.96484h-33.66993l-29.1582-100.96484zm97.59766 0h80.11523v25.86914h-50.29687v12.5957h45.6914v24.03711h-45.6914v12.57227h51.79297v25.89062h-81.61133V134.61914zm89.39453 0h30.79687l28.46485 54.00781h.27344v-54.00781h28.46289v100.96484h-29.28321l-29.97265-55.1582h-.27735v55.1582h-28.46484V134.61914z" />
         <path class="kul-text" fill="#FFF" d="M100.9627 134.61892h30.10336v34.77579h.28079l26.82655-34.77579h37.08559l-35.44362 39.4506 41.19407 61.51448h-37.50231l-24.08637-39.31169-8.3547 9.46121V235.584H100.9627V134.61892m190.38473 61.9039c0 27.977-14.64594 41.4149-44.48277 41.4149-29.83207 0-44.61454-13.4379-44.61454-41.4149v-61.9039h30.11048v54.98222c0 10.319 0 23.17694 14.64357 23.17694 14.23752 0 14.23752-12.85794 14.23752-23.17694v-54.98222h30.10574v61.9039m44.15804-61.9039h30.11702v75.07527h42.47927V235.584h-72.59629V134.61892m81.81827 0h80.13237v25.86903h-50.30029v12.59615h45.68841v24.0371h-45.68841v12.57299h51.77961V235.584h-81.61169V134.61892m178.44513 61.9039c0 27.977-14.64178 41.4149-44.47386 41.4149-29.84335 0-44.61454-13.4379-44.61454-41.4149v-61.9039h30.09861v54.98222c0 10.319 0 23.17694 14.64356 23.17694 14.23812 0 14.23812-12.85794 14.23812-23.17694v-54.98222h30.10811v61.9039m67.07972 39.06118h-33.67046l-29.1589-100.96508h30.38771l16.01603 61.22479h.27306l15.73703-61.22479h30.93387L662.84859 235.584m34.76864-100.96508h80.1158v25.86903h-50.2979v12.59615h45.6913v24.0371h-45.6913v12.57299h51.7938V235.584h-81.6117V134.61892m89.3942 0h30.7973l28.4643 54.00808h.2731v-54.00808h28.4644V235.584h-29.2836l-29.9722-55.15853h-.279V235.584h-28.4643V134.61892" />
         <path class="eavise-bg" fill="none" d="M942.32172 33.656219h999.33545v302.89047H942.32172z" />
         <g class="eavise-text" fill="#00407A">
-            <path 
-            overflow="visible" fill-rule="evenodd"
-            d="M1088.4359 85.836788c-6.5465.52587-14.0044 4.831627-21.462 9.137228l-22.3728 12.916824-22.3728 12.91681c-7.4576 4.3056-14.915 8.61105-18.6439 15.07002-3.72896 6.45898-3.72896 15.06947-3.72896 23.6808v51.66804c0 8.61134 0 17.22353 3.72926 23.68186 3.7294 6.45834 11.186 10.76337 18.6436 15.06897l22.3728 12.91681 22.3728 12.91682c7.4576 4.3056 14.9162 8.61178 22.3735 8.61142 7.4572-.00037 14.9146-4.30582 22.3722-8.61142l22.3728-12.91682 22.3728-12.91681c7.4576-4.3056 14.9155-8.61137 18.6442-14.01685 3.7287-5.40549 3.7287-11.91272 3.7287-18.41909v-39.03826c0-6.50638 0-13.0119-.9765-15.70174-.9765-2.68984-2.93-1.56198-4.8832-.43428l-5.8596 3.38312-5.8597 3.3831c-1.9532 1.12771-3.9062 2.25526-4.8829 4.9451-.9768 2.68984-.9768 6.93996-.9768 11.19093v25.5058c0 4.25096 0 8.50278-2.752 12.21677-2.7521 3.714-8.2568 6.89219-13.7611 10.07022l-16.5132 9.53409-16.5132 9.53408c-5.5044 3.17803-11.0085 6.35591-16.5125 6.35627-5.504.00037-11.0094-3.17824-16.5138-6.35627l-16.5132-9.53408-16.5131-9.53409c-5.5044-3.17803-11.0078-6.35548-13.7605-11.12233-2.7527-4.76684-2.7527-11.12362-2.7527-17.47955v-38.13557c0-6.35594 0-12.71102 2.7523-17.4785 2.7523-4.76748 8.2565-7.94535 13.7609-11.12338l16.5131-9.5341 16.5132-9.53408c5.5044-3.17803 11.009-6.35621 15.6023-6.88209 4.5933-.52587 8.2737 1.5991 11.9551 3.72464l11.0443 6.37665 11.0442 6.37665c3.6814 2.12555 7.3639 4.25168 8.1044 5.94908.7405 1.6974-1.4593 2.96756-3.6589 4.23755l-6.5989 3.80998-6.5988 3.80999c-2.1996 1.26999-4.3989 2.53983-6.2046 2.8696-1.8056.32976-3.2238-.2838-4.662-.80933-1.4382-.52554-2.9094-.96836-4.3963-1.32354-1.4869-.35519-2.9994-.62512-4.5198-.80635-1.5205-.18123-3.0591-.27469-6.4668.21123-3.4076.48592-8.6503 1.54437-13.2337 3.46263-4.5835 1.91826-8.8795 4.81472-12.347 8.28226-3.4676 3.46753-6.364 7.76355-8.2823 12.34699-1.9182 4.58342-2.9767 9.82611-2.9767 15.10267 0 5.27657 1.0585 10.51926 2.9767 15.10269 1.9183 4.58343 4.8147 8.87946 8.2823 12.34699 3.4675 3.46753 7.7635 6.364 12.347 8.28225 4.5834 1.91826 9.8261 2.97671 15.1026 2.97671 5.2766 0 10.5193-1.05845 15.1027-2.97671 4.5835-1.91825 8.8795-4.81472 12.347-8.28225 3.4675-3.46753 6.364-7.76356 8.2823-12.34699 1.9182-4.58343 2.9767-9.82612 3.4502-13.33267.4735-3.50654.3552-5.24295.1256-6.95328-.2295-1.71034-.5719-3.40933-1.0214-5.07173-.4495-1.66239-1.0101-3.30236-1.6738-4.8953-.6637-1.59295-1.4378-3.15468-.5049-4.69474.933-1.54007 3.5702-3.06277 6.2077-4.58562l7.9124-4.56857 7.9125-4.56857 7.9124-4.56855 5.8597-3.38312 5.8597-3.38311 5.8596-3.38312c1.9532-1.1277 3.9067-2.25556 3.9722-3.34529.066-1.08972-1.7585-2.14278-3.5814-3.19526l-5.469-3.15744-5.4689-3.15744-5.4689-3.15745-16.9039-9.75937-16.9039-9.75937-16.9039-9.759374c-5.6347-3.253122-11.2683-6.505664-17.8148-5.979788zm-4.4307 79.386072c1.4511 0 2.8928.29107 4.1533.81859 1.2604.52752 2.4418 1.32405 3.3954 2.27762.9536.95357 1.7501 2.13498 2.2776 3.39542.5275 1.26045.8186 2.70219.8186 4.15324 0 1.45106-.2911 2.89279-.8186 4.15324s-1.324 2.44184-2.2776 3.39542c-.9536.95357-2.135 1.75009-3.3954 2.27761-1.2605.52753-2.7022.81861-4.1533.81861-1.451-.00001-2.8927-.29108-4.1532-.81861-1.2604-.52752-2.4418-1.32403-3.3954-2.27761-.9536-.95358-1.7501-2.13498-2.2776-3.39543-.5276-1.26043-.8186-2.70217-.8186-4.15323 0-1.45105.291-2.89279.8186-4.15324.5275-1.26044 1.324-2.44185 2.2776-3.39542s2.135-1.7501 3.3954-2.27762c1.2604-.52752 2.7022-.81859 4.1532-.81859z"
-            />
+            <path d="M1088.4359 85.836788c-6.5465.52587-14.0044 4.831627-21.462 9.137228l-22.3728 12.916824-22.3728 12.91681c-7.4576 4.3056-14.915 8.61105-18.6439 15.07002-3.72896 6.45898-3.72896 15.06947-3.72896 23.6808v51.66804c0 8.61134 0 17.22353 3.72926 23.68186 3.7294 6.45834 11.186 10.76337 18.6436 15.06897l22.3728 12.91681 22.3728 12.91682c7.4576 4.3056 14.9162 8.61178 22.3735 8.61142 7.4572-.00037 14.9146-4.30582 22.3722-8.61142l22.3728-12.91682 22.3728-12.91681c7.4576-4.3056 14.9155-8.61137 18.6442-14.01685 3.7287-5.40549 3.7287-11.91272 3.7287-18.41909v-39.03826c0-6.50638 0-13.0119-.9765-15.70174-.9765-2.68984-2.93-1.56198-4.8832-.43428l-5.8596 3.38312-5.8597 3.3831c-1.9532 1.12771-3.9062 2.25526-4.8829 4.9451-.9768 2.68984-.9768 6.93996-.9768 11.19093v25.5058c0 4.25096 0 8.50278-2.752 12.21677-2.7521 3.714-8.2568 6.89219-13.7611 10.07022l-16.5132 9.53409-16.5132 9.53408c-5.5044 3.17803-11.0085 6.35591-16.5125 6.35627-5.504.00037-11.0094-3.17824-16.5138-6.35627l-16.5132-9.53408-16.5131-9.53409c-5.5044-3.17803-11.0078-6.35548-13.7605-11.12233-2.7527-4.76684-2.7527-11.12362-2.7527-17.47955v-38.13557c0-6.35594 0-12.71102 2.7523-17.4785 2.7523-4.76748 8.2565-7.94535 13.7609-11.12338l16.5131-9.5341 16.5132-9.53408c5.5044-3.17803 11.009-6.35621 15.6023-6.88209 4.5933-.52587 8.2737 1.5991 11.9551 3.72464l11.0443 6.37665 11.0442 6.37665c3.6814 2.12555 7.3639 4.25168 8.1044 5.94908.7405 1.6974-1.4593 2.96756-3.6589 4.23755l-6.5989 3.80998-6.5988 3.80999c-2.1996 1.26999-4.3989 2.53983-6.2046 2.8696-1.8056.32976-3.2238-.2838-4.662-.80933-1.4382-.52554-2.9094-.96836-4.3963-1.32354-1.4869-.35519-2.9994-.62512-4.5198-.80635-1.5205-.18123-3.0591-.27469-6.4668.21123-3.4076.48592-8.6503 1.54437-13.2337 3.46263-4.5835 1.91826-8.8795 4.81472-12.347 8.28226-3.4676 3.46753-6.364 7.76355-8.2823 12.34699-1.9182 4.58342-2.9767 9.82611-2.9767 15.10267 0 5.27657 1.0585 10.51926 2.9767 15.10269 1.9183 4.58343 4.8147 8.87946 8.2823 12.34699 3.4675 3.46753 7.7635 6.364 12.347 8.28225 4.5834 1.91826 9.8261 2.97671 15.1026 2.97671 5.2766 0 10.5193-1.05845 15.1027-2.97671 4.5835-1.91825 8.8795-4.81472 12.347-8.28225 3.4675-3.46753 6.364-7.76356 8.2823-12.34699 1.9182-4.58343 2.9767-9.82612 3.4502-13.33267.4735-3.50654.3552-5.24295.1256-6.95328-.2295-1.71034-.5719-3.40933-1.0214-5.07173-.4495-1.66239-1.0101-3.30236-1.6738-4.8953-.6637-1.59295-1.4378-3.15468-.5049-4.69474.933-1.54007 3.5702-3.06277 6.2077-4.58562l7.9124-4.56857 7.9125-4.56857 7.9124-4.56855 5.8597-3.38312 5.8597-3.38311 5.8596-3.38312c1.9532-1.1277 3.9067-2.25556 3.9722-3.34529.066-1.08972-1.7585-2.14278-3.5814-3.19526l-5.469-3.15744-5.4689-3.15744-5.4689-3.15745-16.9039-9.75937-16.9039-9.75937-16.9039-9.759374c-5.6347-3.253122-11.2683-6.505664-17.8148-5.979788zm-4.4307 79.386072c1.4511 0 2.8928.29107 4.1533.81859 1.2604.52752 2.4418 1.32405 3.3954 2.27762.9536.95357 1.7501 2.13498 2.2776 3.39542.5275 1.26045.8186 2.70219.8186 4.15324 0 1.45106-.2911 2.89279-.8186 4.15324s-1.324 2.44184-2.2776 3.39542c-.9536.95357-2.135 1.75009-3.3954 2.27761-1.2605.52753-2.7022.81861-4.1533.81861-1.451-.00001-2.8927-.29108-4.1532-.81861-1.2604-.52752-2.4418-1.32403-3.3954-2.27761-.9536-.95358-1.7501-2.13498-2.2776-3.39543-.5276-1.26043-.8186-2.70217-.8186-4.15323 0-1.45105.291-2.89279.8186-4.15324.5275-1.26044 1.324-2.44185 2.2776-3.39542s2.135-1.7501 3.3954-2.27762c1.2604-.52752 2.7022-.81859 4.1532-.81859z" overflow="visible" fill-rule="evenodd" />
             <path d="M1318.9715 223.34801l14.3424 11.95204-5.7369 4.78082q-4.3028 3.58561-5.9761 4.30273-1.4342.47809-5.7369.47809h-63.824q-5.7369 0-11.4739-4.78082l-5.737-4.78082q-5.737-4.78082-5.737-11.95204v-76.49309q0-7.17122 5.737-11.95204l5.737-4.78082q5.737-4.78082 11.4739-4.78082h55.6966q4.7808 0 11.4739 4.78082l5.976 4.78082q5.737 4.30274 5.737 11.95204v49.00338h-81.7519v22.46984q0 3.58562.239 4.78083.4781.95615 2.6294 2.62944 2.1514 1.67329 3.3466 2.15137 1.1952.23904 5.498.23904h46.3739q4.3027 0 5.737-.47808 1.6733-.71713 5.976-4.30273zm-8.1274-43.02737v-28.44586q0-3.58561-.4781-4.54178-.239-1.1952-2.3904-2.86849-2.1514-1.67328-3.3466-1.91232-1.1952-.47808-5.4979-.47808h-38.2465q-4.3028 0-5.498.47808-1.1952.23904-3.3466 1.91232-2.1513 1.67329-2.6294 2.86849-.239.95617-.239 4.54178v28.44586zm133.1159 54.97941h-.9562q0 2.86849-5.2589 5.97602-4.3027 2.62945-5.976 3.10753-1.4342.47809-5.737.47809h-40.876q-5.7369 0-11.4739-4.78082l-5.737-4.78082q-5.737-4.78082-5.737-11.95204V194.6631q0-7.17123 5.737-11.95204l5.737-4.78083q5.737-4.78081 11.4739-4.78081h42.7883q4.5418 0 5.737.47808 1.1952.23904 3.1076 1.91233 2.8685 2.3904 2.8685 4.78081h.9561v-28.44586q0-3.58561-.4781-4.54178-.239-1.1952-2.3904-2.86849-2.1513-1.67328-3.3465-1.91232-1.1953-.47808-5.498-.47808h-38.7246q-4.3027 0-5.976.71712-1.4343.47808-5.737 4.06369l-14.3425-11.95204 5.737-4.78082q4.3028-3.58561 5.737-4.06369 1.6733-.71713 5.976-.71713h56.1746q5.737 0 11.474 4.78082l5.737 4.78082q5.737 4.78082 5.737 11.95204v71.47322q0 3.58562.239 4.78083.4781.95616 2.6294 2.62944 2.1514 1.67329 2.3905 2.86849.478.95617.478 4.54178v11.71301h-8.3664q-4.3027 0-5.976-.47809-1.4343-.71712-4.3028-3.10753-3.8246-3.10753-3.8246-5.97602zm-61.6726-35.61709v18.64519q0 3.58561.2391 4.78082.4781.95616 2.6294 2.62945 2.1514 1.67328 3.3466 2.15136 1.1952.23904 5.4979.23904h29.163q4.3028 0 5.737-.47808 1.6733-.47808 5.976-3.10753 4.3028-2.62945 5.0199-3.82466.7171-1.1952.7171-4.78081v-16.25478q0-3.58562-.4781-4.54178-.239-1.1952-2.3904-2.86849-2.1513-1.67329-3.3465-1.91233-1.1953-.47808-5.498-.47808h-34.9q-4.3027 0-5.4979.47808-1.1952.23904-3.3466 1.91233-2.1513 1.67329-2.6294 2.86849-.2391.95616-.2391 4.54178zm156.908 23.18697l31.5534-97.52869h19.8404l-41.5932 119.52045h-22.9479l-41.5931-119.52045h19.8404l31.5534 97.52869q1.1952 3.58561 1.1952 5.73698h.9562q0-2.15137 1.1952-5.73698zm90.5031 21.99176h-20.0794V125.34124h20.0794zm105.869-69.32186q5.7369 0 11.4739 4.78081l5.737 4.78082q5.737 4.78082 5.737 11.95205v26.2945q0 7.17122-5.737 11.95204l-5.737 4.78082q-5.737 4.78082-11.4739 4.78082h-53.0671q-5.737 0-11.474-4.78082l-5.737-4.78082q-5.737-4.78082-5.737-11.95204v-9.56164h20.0795v4.54178q0 3.58561.239 4.78082.4781.95616 2.6295 2.62945 2.1513 1.67328 3.3465 2.15136 1.1952.23904 5.498.23904h35.378q4.3028 0 5.498-.23904 1.1952-.47808 3.3466-2.15136 2.1513-1.67329 2.3904-2.62945.4781-1.19521.4781-4.78082v-19.36232q-.2391-1.91232-2.8685-4.30273-2.1514-1.67329-3.3466-1.91233-1.1952-.47808-5.498-.47808h-41.8321q-5.737 0-11.474-4.78082l-5.737-4.78081q-5.7369-4.78082-5.7369-11.95204v-23.9041q0-7.17122 5.7369-11.95204l5.737-4.78082q5.737-4.78082 11.474-4.78082h50.6767q5.7369 0 11.4739 4.78082l5.737 4.78082q5.737 4.78082 5.737 11.95204v9.56164h-20.0794v-4.54178q0-3.58561-.4781-4.54178-.2391-1.1952-2.3904-2.86849-2.1514-1.67328-3.3466-1.91232-1.1952-.47808-5.498-.47808h-32.9876q-4.3027 0-5.498.47808-1.1952.23904-3.3465 1.91232-2.1514 1.67329-2.6295 2.86849-.239.95617-.239 4.54178v13.86437q0 3.58561.239 4.78082.4781.95616 2.6295 2.62945 2.1513 1.67328 3.3465 2.15137 1.1953.23904 5.498.23904zm141.3217 47.80818l14.3424 11.95204-5.7369 4.78082q-4.3028 3.58561-5.9761 4.30273-1.4342.47809-5.737.47809h-63.8239q-5.737 0-11.4739-4.78082l-5.737-4.78082q-5.737-4.78082-5.737-11.95204v-76.49309q0-7.17122 5.737-11.95204l5.737-4.78082q5.7369-4.78082 11.4739-4.78082h55.6966q4.7808 0 11.4739 4.78082l5.976 4.78082q5.737 4.30274 5.737 11.95204v49.00338h-81.752v22.46984q0 3.58562.2391 4.78083.4781.95615 2.6294 2.62944 2.1514 1.67329 3.3466 2.15137 1.1952.23904 5.4979.23904h46.374q4.3027 0 5.7369-.47808 1.6734-.71713 5.9761-4.30273zm-8.1274-43.02737v-28.44586q0-3.58561-.4781-4.54178-.239-1.1952-2.3904-2.86849-2.1514-1.67328-3.3466-1.91232-1.1952-.47808-5.4979-.47808h-38.2466q-4.3027 0-5.4979.47808-1.1952.23904-3.3466 1.91232-2.1513 1.67329-2.6294 2.86849-.2391.95617-.2391 4.54178v28.44586z"/>
         </g>
     </svg>
-</template>
\ No newline at end of file
+</template>
+
+<style scoped>
+.monochrome {
+    .border, .kul-bg, .eavise-text {
+        fill: v-bind('props.color');
+    }
+
+    .kul-text {
+        fill: none;
+    }
+
+    .border {
+        opacity: 0.75;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/example.md b/example.md
index 1704a6f..df63bbe 100644
--- a/example.md
+++ b/example.md
@@ -276,12 +276,35 @@ layout: stack
 content-class: flex-row gap-25 mb-14
 ---
 
-# Icons
+# Icon Eavise
+::content::
+
+<IconEavise height="150px" />
+<IconEavise height="150px" color="var(--kul-blue-300)" />
+
+
+---
+layout: stack
+content-class: flex-row gap-25 mb-14
+---
+
+# Logo Eavise
+::content::
+
+<LogoEavise height="100px" />
+<LogoEavise height="100px" color="var(--kul-blue-400)" />
+
+
+---
+layout: stack
+content-class: flex-row gap-25 mb-14
+---
+
+# Logo Eavise KUL
 ::content::
 
-<IconEavise height="50px" />
-<LogoEavise height="50px" />
 <LogoEaviseKUL height="50px" />
+<LogoEaviseKUL height="50px" color="var(--kul-blue-500)" />
 
 
 ---
diff --git a/layouts/cover.vue b/layouts/cover.vue
index 3f3b779..35f5e8d 100644
--- a/layouts/cover.vue
+++ b/layouts/cover.vue
@@ -41,9 +41,9 @@ const logoColorComputed = computed(() => {
             {{ date }}
         </div>
 
-        <div class="logo" :class="logoColorComputed ? 'monochrome' : ''">
+        <div class="logo">
             <slot name="logo" />
-            <LogoEaviseKUL />
+            <LogoEaviseKUL :color="logoColorComputed" />
         </div>
     </ImageLayout>
 </template>
@@ -108,23 +108,6 @@ const logoColorComputed = computed(() => {
             flex-grow: 0;
             flex-shrink: 5;
         }
-
-        /* EAVISE SVG LOGO STYLES */
-        &.monochrome {
-            :deep(.border),
-            :deep(.kul-bg),
-            :deep(.eavise-text) {
-                fill: v-bind('logoColorComputed');
-            }
-
-            :deep(.kul-text) {
-                fill: none;
-            }
-
-            :deep(.border) {
-                opacity: 0.75;
-            }
-        }
     }
 }
 </style>
\ No newline at end of file