Beta-01

.gitignore

@@ -49,4 +49,10 @@ __MACOSX/
 
 # Ignore node_modules files and folder
 **/node_modules/
-package-lock.json
+package-lock.json
+
+# Ignore .copilot context files
+.copilot/
+
+.ignored_packages
+.ignored_themes

Admin/Resources/Vendors/Tinymce/Config/full.js

@@ -38,6 +38,23 @@ document.addEventListener("DOMContentLoaded", function () {
         xhr.send(formData);
     });
 
+    function applyTinyCustomClasses(node) {
+        if (!node || !node.nodeName || !node.classList) return;
+
+        const tag = node.nodeName.toLowerCase();
+        const className = `${tag}-tmce`;
+
+        Array.from(node.classList).forEach(cls => {
+            if (cls.endsWith('-tmce') && cls !== className) {
+                node.classList.remove(cls);
+            }
+        });
+
+        if (!node.classList.contains(className)) {
+            node.classList.add(className);
+        }
+    }
+
     function initTinyMCE(skin) {
         tinymce.init({
             selector: `.tinymce`,
@@ -73,6 +90,25 @@ document.addEventListener("DOMContentLoaded", function () {
                     const minHeight = textarea.getAttribute('data-tiny-height') || 350;
                     editor.editorContainer.style.minHeight = `${minHeight}px`;
                 });
+
+                editor.on('NodeChange', function(e) {
+                    if (e.element) {
+                        applyTinyCustomClasses(e.element);
+                    }
+                });
+
+                editor.on('BeforeSetContent', function(e) {
+                    if (e.content) {
+                        const div = document.createElement('div');
+                        div.innerHTML = e.content;
+
+                        div.querySelectorAll('*').forEach(function(el) {
+                            applyTinyCustomClasses(el);
+                        });
+
+                        e.content = div.innerHTML;
+                    }
+                });
             }
         });
     }
@@ -90,4 +126,4 @@ document.addEventListener("DOMContentLoaded", function () {
         tinymce.remove('.tinymce');
         initTinyMCE(newTheme);
     });
-});
+});

Admin/Resources/Vendors/Tinymce/Config/full_absolute_links.js

@@ -38,6 +38,23 @@ document.addEventListener("DOMContentLoaded", function () {
         xhr.send(formData);
     });
 
+    function applyTinyCustomClasses(node) {
+        if (!node || !node.nodeName || !node.classList) return;
+
+        const tag = node.nodeName.toLowerCase();
+        const className = `${tag}-tmce`;
+
+        Array.from(node.classList).forEach(cls => {
+            if (cls.endsWith('-tmce') && cls !== className) {
+                node.classList.remove(cls);
+            }
+        });
+
+        if (!node.classList.contains(className)) {
+            node.classList.add(className);
+        }
+    }
+
     function initTinyMCE(skin) {
         document.querySelectorAll('.tinymce').forEach(function(textarea) {
             const minHeight = textarea.getAttribute('data-tiny-height') || 350;
@@ -77,6 +94,25 @@ document.addEventListener("DOMContentLoaded", function () {
                         const minHeight = currentTextarea.getAttribute('data-tiny-height') || 350;
                         editor.editorContainer.style.minHeight = `${minHeight}px`;
                     });
+
+                    editor.on('NodeChange', function(e) {
+                        if (e.element) {
+                            applyTinyCustomClasses(e.element);
+                        }
+                    });
+
+                    editor.on('BeforeSetContent', function(e) {
+                        if (e.content) {
+                            const div = document.createElement('div');
+                            div.innerHTML = e.content;
+
+                            div.querySelectorAll('*').forEach(function(el) {
+                                applyTinyCustomClasses(el);
+                            });
+
+                            e.content = div.innerHTML;
+                        }
+                    });
                 }
             });
         });

Admin/Resources/Vendors/Tinymce/Config/light.js

@@ -38,6 +38,23 @@ document.addEventListener("DOMContentLoaded", function () {
         xhr.send(formData);
     });
 
+    function applyTinyCustomClasses(node) {
+        if (!node || !node.nodeName || !node.classList) return;
+
+        const tag = node.nodeName.toLowerCase();
+        const className = `${tag}-tmce`;
+
+        Array.from(node.classList).forEach(cls => {
+            if (cls.endsWith('-tmce') && cls !== className) {
+                node.classList.remove(cls);
+            }
+        });
+
+        if (!node.classList.contains(className)) {
+            node.classList.add(className);
+        }
+    }
+
     function initTinyMCE(skin) {
         document.querySelectorAll('.tinymce').forEach(function(textarea) {
             const minHeight = textarea.getAttribute('data-tiny-height') || 350;
@@ -69,6 +86,25 @@ document.addEventListener("DOMContentLoaded", function () {
                         const minHeight = currentTextarea.getAttribute('data-tiny-height') || 350;
                         editor.editorContainer.style.minHeight = `${minHeight}px`;
                     });
+
+                    editor.on('NodeChange', function(e) {
+                        if (e.element) {
+                            applyTinyCustomClasses(e.element);
+                        }
+                    });
+
+                    editor.on('BeforeSetContent', function(e) {
+                        if (e.content) {
+                            const div = document.createElement('div');
+                            div.innerHTML = e.content;
+
+                            div.querySelectorAll('*').forEach(function(el) {
+                                applyTinyCustomClasses(el);
+                            });
+
+                            e.content = div.innerHTML;
+                        }
+                    });
                 }
             });
         });

Admin/Resources/Vendors/Tinymce/Config/medium.js

@@ -38,6 +38,23 @@ document.addEventListener("DOMContentLoaded", function () {
         xhr.send(formData);
     });
 
+    function applyTinyCustomClasses(node) {
+        if (!node || !node.nodeName || !node.classList) return;
+
+        const tag = node.nodeName.toLowerCase();
+        const className = `${tag}-tmce`;
+
+        Array.from(node.classList).forEach(cls => {
+            if (cls.endsWith('-tmce') && cls !== className) {
+                node.classList.remove(cls);
+            }
+        });
+
+        if (!node.classList.contains(className)) {
+            node.classList.add(className);
+        }
+    }
+
     function initTinyMCE(skin) {
         document.querySelectorAll('.tinymce').forEach(function(textarea) {
             const minHeight = textarea.getAttribute('data-tiny-height') || 350;
@@ -73,6 +90,25 @@ document.addEventListener("DOMContentLoaded", function () {
                         const minHeight = currentTextarea.getAttribute('data-tiny-height') || 350;
                         editor.editorContainer.style.minHeight = `${minHeight}px`;
                     });
+
+                    editor.on('NodeChange', function(e) {
+                        if (e.element) {
+                            applyTinyCustomClasses(e.element);
+                        }
+                    });
+
+                    editor.on('BeforeSetContent', function(e) {
+                        if (e.content) {
+                            const div = document.createElement('div');
+                            div.innerHTML = e.content;
+
+                            div.querySelectorAll('*').forEach(function(el) {
+                                applyTinyCustomClasses(el);
+                            });
+
+                            e.content = div.innerHTML;
+                        }
+                    });
                 }
             });
         });

Admin/Resources/Views/Includes/head.inc.php

@@ -54,42 +54,45 @@
 
 <style>
     :root {
+        /* Light mode colors */
         --light-primary: #ffffff;
-        --light-secondary: #f5f5f6;
-        --light-third: #cbd5e1;
-        --light-fourth: #e2e8f0;
-        --light-text-primary: #334155;
-        --light-text-secondary: #9ca3af;
-        --light-input-bg: #f9fafb;
-        --light-scrollbar : #94a3b8;
-        --light-scrollbar-hover : #64748b;
-        --light-scrollbar-bg : #e2e8f0;
+        --light-secondary: #f8f9fa;
+        --light-third: #e9ecef;
+        --light-fourth: #dee2e6;
+        --light-text-primary: #212529;
+        --light-text-secondary: #6c757d;
+        --light-input-bg: #ffffff;
+        --light-scrollbar: #adb5bd;
+        --light-scrollbar-hover: #6c757d;
+        --light-scrollbar-bg: #f1f3f5;
 
-        --dark-primary: #0d1220; /* (previous) #030712 */
-        --dark-secondary: #111828; /* (previous) #111827 */
-        --dark-third: #334155;
-        --dark-fourth: #1e293b;
-        --dark-text-primary: #e5e7eb;
-        --dark-text-secondary: #4b5563;
-        --dark-input-bg: #374151;
-        --dark-scrollbar : #334155;
-        --dark-scrollbar-hover : #1e293b;
-        --dark-scrollbar-bg : #94a3b8;
+        /* Dark mode colors */
+        --dark-primary: #0d1117;
+        --dark-secondary: #161b22;
+        --dark-third: #21262d;
+        --dark-fourth: #30363d;
+        --dark-text-primary: #e3e4e8;
+        --dark-text-secondary: #8b949e;
+        --dark-input-bg: #21262d;
+        --dark-scrollbar: #484f58;
+        --dark-scrollbar-hover: #656c76;
+        --dark-scrollbar-bg: #161b22;
 
-        --nav-sky : #435EBE;
-        --nav-sky-light : #f2f2f3;
-        --nav-sky-dark : #1e293b;
-        --nav-sky-text-dark : #435EBE;
+        /* Accent colors */
+        --nav-sky: #0969da;
+        --nav-sky-light: #dbeafe;
+        --nav-sky-dark: #21262d;
+        --nav-sky-text-dark: #58a6ff;
     }
 
-    .text-success {color: #0ab312}
-    .text-info {color: #1C64F2}
-    .text-danger {color: #f3182b}
-    .text-warning {color: #f3b518}
-    .bg-success {background-color: #0ab312}
-    .bg-info {background-color: #1C64F2}
-    .bg-danger {background-color: #f3182b}
-    .bg-warning {background-color: #f3b518}
+    .text-success {color: #1a7f37}
+    .text-info {color: #0969da}
+    .text-danger {color: #cf222e}
+    .text-warning {color: #bf8700}
+    .bg-success {background-color: #1a7f37}
+    .bg-info {background-color: #0969da}
+    .bg-danger {background-color: #cf222e}
+    .bg-warning {background-color: #bf8700}
 </style>
 
 <body>

Admin/Resources/Views/Includes/header.inc.php

@@ -433,28 +433,38 @@ class="a-side-nav <?= MenusController::getInstance()->isActiveNavbarItem($menu->
 </aside>
 
 <script>
+    //handle sidebar state
+    const STORAGE_KEY_SIDEBAR_COLLAPSED = 'cmw_dash_collapse_sidebar';
+
+    function applySidebarState(collapsed) {
+        document.body.classList.toggle('sidebar-collapsed', collapsed);
+        const icon = document.getElementById('toggleIcon');
+        icon.classList.remove('fa-expand', 'fa-bars', 'fa-lg');
+        icon.classList.add(collapsed ? 'fa-bars' : 'fa-expand', 'fa-lg');
+    }
+
+    // initial state from localStorage
+    const isSidebarCollapsed = localStorage.getItem(STORAGE_KEY_SIDEBAR_COLLAPSED) === 'true';
+    applySidebarState(isSidebarCollapsed);
+
     document.getElementById('toggleSidebar').addEventListener('click', function () {
+        // toggle immediately for responsiveness
         document.body.classList.toggle('sidebar-collapsed');
 
-        // Récupérer l'élément de l'icône
-        let icon = document.getElementById('toggleIcon');
-
-        // Ajouter la classe flip pour l'effet de rotation
+        // animation class
+        const icon = document.getElementById('toggleIcon');
         icon.classList.add('flip');
 
-        // Vérifier si la sidebar est masquée et basculer l'icône
         setTimeout(function () {
-            if (document.body.classList.contains('sidebar-collapsed')) {
-                icon.classList.remove('fa-expand', 'fa-lg');
-                icon.classList.add('fa-bars', 'fa-lg');
-            } else {
-                icon.classList.remove('fa-bars', 'fa-lg');
-                icon.classList.add('fa-expand', 'fa-lg');
-            }
+            const collapsed = document.body.classList.contains('sidebar-collapsed');
+            applySidebarState(collapsed);
+
+            // store state
+            localStorage.setItem(STORAGE_KEY_SIDEBAR_COLLAPSED, collapsed ? 'true' : 'false');
 
-            // Retirer l'effet de flip après le changement
+            // remove animation class
             icon.classList.remove('flip');
-        }, 300); // Attendez un peu pour l'effet avant de changer l'icône
+        }, 300); // wait for flip effect
     });
 
     function toggleSubMenu(button) {