From 226f7d667ba2d72cf5a98b6f9459d574a390476a Mon Sep 17 00:00:00 2001
From: antonin gallon <antoningallon@gmail.com>
Date: Thu, 15 Jan 2026 14:40:53 +0100
Subject: [PATCH] personalisation du panel : interaction en vert

---
 assets/css/custom-panel.css | 41 +++++++++++++++++++++++++------------
 1 file changed, 28 insertions(+), 13 deletions(-)

diff --git a/assets/css/custom-panel.css b/assets/css/custom-panel.css
index ef9d064..bbbef02 100644
--- a/assets/css/custom-panel.css
+++ b/assets/css/custom-panel.css
@@ -1,12 +1,9 @@
-.leurCouleur{
-    --text-color: #ffffff;
-    --accent-color: #04fea0;
-    --backround-color: #0e1e43;
-}
-
 :root{
+    --color-green-perso: #04fea0;
+
     --color-black: #0B1632;
     --color-white: #ffffff;
+
     --color-gray-200: #BCCAF0;
     --color-gray-100:  #BCCAF0;
     --color-gray-250:  #8BA3E5;
@@ -19,11 +16,29 @@
     --color-gray-850:  #132553;
     --color-gray-900:  #0e1e43;
     --color-gray-950: #0d1a38;
-}
-/* button.k-button{
-    background-color: #04fea0;
-} */
 
-/* .k-button:where([data-variant="filled"]) {
-  --button-color-back: var(--button-filled-color-back);
-} */
\ No newline at end of file
+    --button-cancel-filled-color-back: light-dark( var(--color-gray-300), var(--color-gray-950) );
+    --color-icon-perso: light-dark( var(--color-gray-700), var(--color-gray-400) );
+
+    --color-border: light-dark(var(--color-gray-300), var(--color-gray-600));
+    --dropdown-color-hr:var(--color-gray-800);
+
+    --color-focus: var(--color-green-perso);
+
+    --color-red-h: 355;
+    --color-green-h: 152;
+    --color-orange-h: 15;
+    --color-blue-h: 220;
+}
+
+.k-dialog-button-cancel:where([data-variant="filled"]) {
+  --button-color-back: var(--button-cancel-filled-color-back);
+}
+
+.k-box {
+  --icon-color: var(--color-icon-perso);
+}
+
+.k-panel-menu-button:hover:not(.k-activation-button):not(.k-panel-menu-search){
+    color: var(--color-green-perso);
+}
\ No newline at end of file