From 9be8c2d68703b6c275ab313ed7337a65acbcab2e Mon Sep 17 00:00:00 2001
From: Paul Valerie GOMA <paulgoma07@gmail.com>
Date: Thu, 17 Jul 2025 17:56:11 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20Add=20common=20styles=20to=20com?=
 =?UTF-8?q?ponents?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/style/global.css | 44 +++++++++++++++++++++++++++++++++++++
 1 file changed, 44 insertions(+)
 create mode 100644 src/assets/style/global.css

diff --git a/src/assets/style/global.css b/src/assets/style/global.css
new file mode 100644
index 0000000..24a3cd9
--- /dev/null
+++ b/src/assets/style/global.css
@@ -0,0 +1,44 @@
+:root{
+    /* border */
+    --border-width: 1px;
+    --large-border-width: 2px;
+    /* transition duration */
+    --transition-duration: 0.2s;
+    /* shadow */
+    --shadow: 0 4px 6px -1px var(--background-overlay-grey), 0 2px 4px -2px var(--background-overlay-grey);
+    /* focus */
+    --focus-color: var(--system-focus-default);
+    --focus-width: 2px;
+    --focus-style: solid;
+    --focus-offset: 2px;
+    /* input */
+    --input-background: var(--background-default-grey);
+    --input-disabled-background: var(--background-disabled-grey);
+    --input-border-color: var(--border-plain-grey);
+    --input-disabled-border-color: var(--border-disabled-grey);
+    --input-color: var(--text-default-grey);
+    --input-disabled-color: var(--text-disabled-grey);
+    --input-padding-x: 1rem;
+    --input-padding-y: 0.5rem;
+    --input-border-raduis: 0.25rem 0.25rem 0px 0px;
+    /* datatable */
+    --datatable-background: var(--background-contrast-grey);
+    --datatable-alt-background: var(--background-alt-grey);
+    --datatable-hover-background: var(--background-alt-grey-hover);
+    --datatable-active-background: var(--background-alt-grey-active);
+    --datatable-row-color: var(--text-default-grey);
+    --datatable-header-cell-color: var(--text-title-grey);
+    /* menu */
+    --menu-container-border-color: var(--border-default-grey);
+    --menu-border-width: 0px 0px 0px var(--large-border-width);
+    --menu-default-background: var(--background-transparent);
+    --menu-default-color: var(--text-default-grey);
+    --menu-active-color: var(--text-active-blue-france);
+    --menu-hover-background: var(--background-transparent-active);
+    --menu-padding: 0.25rem;
+    --menu-item-gap: 0.25rem;
+    --menu-gap: 0px;
+    --menu-indent: 1rem;
+    --menu-border-color: transparent;
+    --menu-border-color-active: var(--border-active-blue-france);
+}