From b07fc4c7f3756fb2c79dad82bbc9d8f64ca47d96 Mon Sep 17 00:00:00 2001
From: fnecas <florian.necas@camptocamp.com>
Date: Fri, 22 Dec 2023 14:26:30 +0100
Subject: [PATCH] feat: new theming proposal

---
 src/header.ce.vue  | 15 ++++++---------
 tailwind.config.js |  8 ++++----
 2 files changed, 10 insertions(+), 13 deletions(-)

diff --git a/src/header.ce.vue b/src/header.ce.vue
index ac1a3ed..a606e43 100644
--- a/src/header.ce.vue
+++ b/src/header.ce.vue
@@ -71,6 +71,12 @@ onMounted(() => {
   </div>
   <header v-else class="host h-[80px] text-base" v-bind:style="props.style">
     <link rel="stylesheet" :href="props.stylesheet" v-if="props.stylesheet" />
+    <component :is="'style'" v-if="!props.stylesheet">
+      header { --georchestra-header-primary: #85127e;
+      --georchestra-header-secondary: #1b1f3b;
+      --georchestra-header-primary-light: #85127e1a;
+      --georchestra-header-secondary-light: #1b1f3b1a; }
+    </component>
     <div class="justify-between text-slate-600 sm:flex hidden h-full bg-white">
       <div class="flex">
         <a
@@ -265,15 +271,6 @@ onMounted(() => {
   </header>
 </template>
 
-<style>
-header {
-  --georchestra-primary: #85127e;
-  --georchestra-secondary: #1b1f3b;
-  --georchestra-primary-light: #85127e1a;
-  --georchestra-secondary-light: #1b1f3b1a;
-}
-</style>
-
 <style scoped>
 @tailwind base;
 @tailwind components;
diff --git a/tailwind.config.js b/tailwind.config.js
index dec6d54..fdc52f4 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -4,10 +4,10 @@ module.exports = {
   theme: {
     extend: {
       colors: {
-        primary: 'var(--georchestra-primary)',
-        secondary: 'var(--georchestra-secondary)',
-        'primary-light': 'var(--georchestra-primary-light)',
-        'secondary-light': 'var(--georchestra-secondary-light)',
+        primary: 'var(--georchestra-header-primary)',
+        secondary: 'var(--georchestra-header-secondary)',
+        'primary-light': 'var(--georchestra-header-primary-light)',
+        'secondary-light': 'var(--georchestra-header-secondary-light)',
       },
     },
   },