/* Here, the content of the common custom CSS defined into Home - Setup - Display - CSS*/
/* ========================================================================== CyberFenua - Thème Dolibarr (CSS personnalisé) Version : 0.1.0 Palette de DÉPART proposée, à remplacer par la charte réelle (voir :root). Aucune ressource externe (pas de Google Fonts) : compatible CSP stricte. ========================================================================== */ :root { /* --- Charte CyberFenua : seul bloc à modifier --- */ --cf-navy: #0b1f33; /* fond barre haute, titres */ --cf-navy-2: #12304d; /* menu gauche, survols sombres */ --cf-lagon: #12b5b0; /* accent principal, boutons, liens */ --cf-lagon-dk: #0e8f8b; /* survol accent */ --cf-sable: #f5f1e8; /* fond de page */ --cf-blanc: #ffffff; --cf-texte: #1c2733; --cf-gris: #6b7886; --cf-bordure: #d9dfe5; --cf-danger: #d64545; --cf-ok: #2e9e6b; --cf-radius: 8px; --cf-font: "Inter", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif; /* --- Mapping sur les variables natives Dolibarr (thème eldy) --- */ --colorbackbody: var(--cf-sable); --colorbackhmenu1: var(--cf-navy); --colorbackvmenu1: var(--cf-blanc); --colorbacktitle1: var(--cf-navy-2); --colortexttitle: var(--cf-blanc); --colortext: var(--cf-texte); --colortextlink: var(--cf-lagon-dk); --colorbacklineimpair1: var(--cf-blanc); --colorbacklinepair1: #f0f4f6; --butactionbg: var(--cf-lagon); --colorblind-deuteranopes-textlink: var(--cf-lagon-dk); } body, input, select, textarea, button { font-family: var(--cf-font); color: var(--cf-texte); } body { background: var(--cf-sable); } /* ---------- Barre haute et menus ---------- */ #id-top, div#tmenu_tooltip, .side-nav-vert .login_block { background: var(--cf-navy) !important; } div.tmenudiv a.tmenu, a.tmenu, a.tmenusel { color: #e8f3f3 !important; letter-spacing: .2px; } a.tmenusel, li.tmenusel > a { box-shadow: inset 0 -3px 0 var(--cf-lagon); } div.vmenu, .side-nav-vert, #id-left { background: var(--cf-blanc); border-right: 1px solid var(--cf-bordure); } a.vmenu:hover, a.vsmenu:hover { color: var(--cf-lagon-dk) !important; } /* ---------- Titres et tableaux ---------- */ .titre, div.titre, .titre_right, .pagination { color: var(--cf-navy); font-weight: 600; } table.liste tr.liste_titre, table.noborder tr.liste_titre, tr.liste_titre_filter { background: var(--cf-navy-2) !important; color: var(--cf-blanc) !important; } tr.liste_titre th, tr.liste_titre td, tr.liste_titre a { color: var(--cf-blanc) !important; } table.noborder, table.liste, div.tabBar { border-radius: var(--cf-radius); border-color: var(--cf-bordure); } tr.oddeven:hover { background: #e6f6f5 !important; } /* ---------- Onglets ---------- */ div.tabs a.tab.tabactive, div.tabs a.tabactive { background: var(--cf-blanc); border-top: 3px solid var(--cf-lagon); color: var(--cf-navy) !important; } div.tabs a.tab:hover { color: var(--cf-lagon-dk) !important; } /* ---------- Boutons ---------- */ a.butAction, .butAction, input.button, button.button, input[type="submit"].button, a.butActionNew { background: var(--cf-lagon) !important; color: var(--cf-blanc) !important; border: 1px solid var(--cf-lagon) !important; border-radius: var(--cf-radius) !important; padding: 6px 14px; font-weight: 600; transition: background .15s ease, transform .05s ease; } a.butAction:hover, input.button:hover, button.button:hover { background: var(--cf-lagon-dk) !important; border-color: var(--cf-lagon-dk) !important; } a.butAction:active { transform: translateY(1px); } a.butActionDelete, .butActionDelete { background: var(--cf-danger) !important; border-color: var(--cf-danger) !important; color: var(--cf-blanc) !important; border-radius: var(--cf-radius) !important; } .butActionRefused { opacity: .45; border-radius: var(--cf-radius) !important; } /* ---------- Champs de saisie ---------- */ input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="date"], select, textarea { border: 1px solid var(--cf-bordure); border-radius: 6px; background: var(--cf-blanc); } input:focus, select:focus, textarea:focus { outline: none; border-color: var(--cf-lagon); box-shadow: 0 0 0 3px rgba(18, 181, 176, .22); } /* ---------- Messages ---------- */ div.ok { border-left: 4px solid var(--cf-ok); border-radius: 6px; } div.error { border-left: 4px solid var(--cf-danger); border-radius: 6px; } div.warning { border-radius: 6px; } /* ---------- Page de connexion ---------- */ body.bodylogin, .login_center { background: linear-gradient(160deg, var(--cf-navy) 0%, var(--cf-navy-2) 60%, #0e5a63 100%) !important; } .login_table, #login_table, .login_block_other { background: var(--cf-blanc) !important; border-radius: 14px !important; box-shadow: 0 18px 50px rgba(0, 0, 0, .35); border: 0 !important; } .login_table input.flat, #username, #password { border-radius: 8px; } .login_table input[type="submit"], .login_table .button { width: 100%; } .login_main_message, .login_footer, .login_copyright a { color: #cfe9e8; }