first commit

css/palettes/_aerialgreen.scss

@@ -0,0 +1,185 @@
+/**
+ * ---------------------------------------------------------------------
+ * GLPI - Gestionnaire Libre de Parc Informatique
+ * Copyright (C) 2015-2020 Teclib' and contributors.
+ *
+ * http://glpi-project.org
+ *
+ * based on GLPI - Gestionnaire Libre de Parc Informatique
+ * Copyright (C) 2003-2014 by the INDEPNET Development Team.
+ *
+ * ---------------------------------------------------------------------
+ *
+ * LICENSE
+ *
+ * This file is part of GLPI.
+ *
+ * GLPI is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation; either version 2 of the License, or
+ * (at your option) any later version.
+ *
+ * GLPI is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with GLPI. If not, see <http://www.gnu.org/licenses/>.
+ * ---------------------------------------------------------------------
+ */
+/* ===== LOGIN ===== */
+
+#firstboxlogin {
+   background-color: #8EC547;
+}
+
+#logo_login {
+   background: #459436;
+}
+
+#display-login {
+   color: #FFF;
+}
+
+#text-login {
+   background-color: #459436;
+   color: #FFF;
+}
+
+#boxlogin #forget, #footer-login a {
+   color: #459436;
+}
+
+/* ====== GENERAL ====== */
+
+a, .btn-linkstyled {
+   color: #459436;
+
+   &:link {
+      color: #459436;
+   }
+}
+
+.ui-widget-content a {
+   color: #459436;
+}
+
+.main_form tr.headerRow th {
+   color: #93CC4A;
+}
+
+/* ====== HEADER ====== */
+
+#header_top {
+   background-color: #459436;
+}
+
+#c_preference a, #language_link > span {
+   color: #D9FFA8;
+}
+
+#c_recherche form #champRecherche input {
+   background-color: #365731;
+   color: #D9FFA8;
+}
+
+#c_menu {
+   background-color: #8EC547;
+}
+
+ul {
+   &#menu {
+      a {
+         &.itemP, &.itemP1 {
+            color: #fff;
+         }
+      }
+
+      > li.active {
+         background-color: #459436;
+      }
+   }
+
+   &.ssmenu li.active {
+      background-color: #459436;
+   }
+
+   &#menu {
+      > li.active > a {
+         color: #D9FFA8;
+      }
+
+      ul {
+         &.ssmenu li.active > a {
+            color: #D9FFA8;
+         }
+
+         li a {
+            &:hover {
+               background: #93CC4A;
+               color: #D9FFA8;
+            }
+
+            color: #459436;
+         }
+      }
+
+      > li:hover {
+         background-color: #93CC4A;
+      }
+   }
+}
+
+#c_recherche form #champRecherche button {
+   background-color: white;
+}
+
+/* ====== PANEL COMPONENTS ====== */
+
+input.submit, span.vsubmit, a.vsubmit, .ui-widget-content span.vsubmit {
+   background-color: #8ec547;
+   color: #fff;
+}
+
+/* Primary color elements (white on blue BG) designed to be overridden from palettes */
+/* Colors are same as #c_menu */
+
+.primary-bg {
+   background: #8EC547;
+}
+
+.primary-bg-inverse {
+   background: #D9FFA8;
+}
+
+.primary-fg {
+   color: #D9FFA8;
+
+   &:hover {
+      color: #D9FFA8;
+   }
+}
+
+.primary-fg-inverse {
+   color: #8EC547;
+
+   &:hover {
+      color: #8EC547;
+   }
+}
+
+#show_all_menu {
+   dt a:hover {
+      background: #93CC4A;
+   }
+
+   a:hover {
+      background-color: #8EC547;
+      color: #D9FFA8;
+   }
+}
+
+div.progress .progress-fg {
+   background-color: #8EC547;
+}

css/palettes/_auror.scss

@@ -0,0 +1,128 @@
+/**
+ * ---------------------------------------------------------------------
+ * GLPI - Gestionnaire Libre de Parc Informatique
+ * Copyright (C) 2015-2020 Teclib' and contributors.
+ *
+ * http://glpi-project.org
+ *
+ * based on GLPI - Gestionnaire Libre de Parc Informatique
+ * Copyright (C) 2003-2014 by the INDEPNET Development Team.
+ *
+ * ---------------------------------------------------------------------
+ *
+ * LICENSE
+ *
+ * This file is part of GLPI.
+ *
+ * GLPI is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation; either version 2 of the License, or
+ * (at your option) any later version.
+ *
+ * GLPI is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with GLPI. If not, see <http://www.gnu.org/licenses/>.
+ * ---------------------------------------------------------------------
+ */
+/* ===== LOGIN ===== */
+
+#firstboxlogin {
+   background-color: #1B2F62;
+}
+
+#logo_login {
+   background: #3A5693;
+}
+
+#display-login {
+   color: #FFF;
+}
+
+#text-login {
+   background-color: #3A5693;
+   color: #FFF;
+}
+
+/* ====== GENERAL ====== */
+
+a, .btn-linkstyled {
+   color: #3A5693;
+
+   &:link {
+      color: #3A5693;
+   }
+}
+
+.ui-widget-content a {
+   color: #3A5693;
+}
+
+.main_form tr.headerRow th {
+   color: #8CABDB;
+}
+
+/* ====== HEADER ====== */
+
+#header_top {
+   background-color: #1B2F62;
+}
+
+#c_preference a, #language_link > span {
+   color: #C7DBF5;
+}
+
+#c_recherche form #champRecherche input {
+   background-color: #131425;
+   color: #C7DBF5;
+}
+
+#c_menu {
+   background-color: #3A5693;
+}
+
+ul {
+   &#menu {
+      a {
+         &.itemP, &.itemP1 {
+            color: #FFF;
+         }
+      }
+
+      > li.active {
+         background-color: #8CABDB;
+      }
+   }
+
+   &.ssmenu li.active {
+      background-color: #8CABDB;
+   }
+
+   &#menu {
+      > li:hover {
+         background-color: #8BAADA;
+      }
+
+      ul li a {
+         &:hover {
+            background: #3A5693;
+            color: #C7DBF5;
+         }
+
+         color: #131425;
+      }
+   }
+}
+
+#c_recherche form #champRecherche button {
+   background-color: white;
+}
+
+/* ====== BUTTONS ====== */
+
+a.vsubmit, .vsubmit a {
+   color: #8f5a0a;
+}

css/palettes/_automn.scss

@@ -0,0 +1,228 @@
+/**
+ * ---------------------------------------------------------------------
+ * GLPI - Gestionnaire Libre de Parc Informatique
+ * Copyright (C) 2015-2020 Teclib' and contributors.
+ *
+ * http://glpi-project.org
+ *
+ * based on GLPI - Gestionnaire Libre de Parc Informatique
+ * Copyright (C) 2003-2014 by the INDEPNET Development Team.
+ *
+ * ---------------------------------------------------------------------
+ *
+ * LICENSE
+ *
+ * This file is part of GLPI.
+ *
+ * GLPI is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation; either version 2 of the License, or
+ * (at your option) any later version.
+ *
+ * GLPI is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with GLPI. If not, see <http://www.gnu.org/licenses/>.
+ * ---------------------------------------------------------------------
+ */
+/* ===== LOGIN ===== */
+
+#firstboxlogin {
+   background-color: #19BEC0;
+}
+
+#logo_login {
+   background: #113F59;
+}
+
+#display-login {
+   color: #FFF;
+}
+
+#text-login {
+   background-color: #113F59;
+   color: #FFF;
+}
+
+/* ====== GENERAL ====== */
+
+a, .btn-linkstyled {
+   color: #113E58;
+
+   &:link {
+      color: #113E58;
+   }
+}
+
+.ui-widget-content a {
+   color: #113E58;
+}
+
+.main_form tr.headerRow th {
+   color: #19BEC0;
+}
+
+/* ====== HEADER ====== */
+
+#header_top {
+   background-color: #8B4D34;
+}
+
+#c_preference a, #language_link > span {
+   color: #F2B265;
+}
+
+#c_recherche form #champRecherche input {
+   background-color: #58372E;
+   color: #F2B265;
+}
+
+#c_menu {
+   background-color: #C06F3D;
+}
+
+ul {
+   &#menu {
+      a {
+         &.itemP, &.itemP1 {
+            color: #F2B265;
+         }
+      }
+
+      > li.active {
+         background-color: #8B4D34;
+      }
+   }
+
+   &.ssmenu li.active {
+      background-color: #8B4D34;
+   }
+
+   &#menu {
+      > li.active > a {
+         color: #F2B265;
+      }
+
+      ul {
+         &.ssmenu li.active > a {
+            color: #F2B265;
+         }
+
+         li a {
+            &:hover {
+               background: #F29542;
+               color: #8B4D34;
+            }
+
+            color: #8B4D34;
+         }
+      }
+
+      > li:hover {
+         background-color: #F29542;
+      }
+   }
+}
+
+#c_recherche form #champRecherche button {
+   background-color: #F2B265;
+}
+
+/* ====== BUTTONS ====== */
+
+input.submit, span.vsubmit, a.vsubmit, .ui-widget-content span.vsubmit, a.vsubmit, #BackToTop {
+   color: #F2B265;
+   background-color: #8B4D34;
+}
+
+.vsubmit a {
+   color: #F2B265;
+   text-decoration: underline;
+}
+
+input.submit:hover, a.vsubmit:hover, #BackToTop:hover {
+   background-color: #8B4D34;
+}
+
+/* ====== Breadcrumb ====== */
+
+.breadcrumb_item:nth-of-type(3) {
+   background-color: #8B4D34;
+
+   a {
+      color: #F2B265 !important;
+   }
+
+   &:after {
+      border-left-color: #8B4D34;
+   }
+}
+
+/* Primary color elements (white on blue BG) designed to be overridden from palettes */
+/* Colors are same as #c_menu */
+
+.primary-bg {
+   background: #C06F3D;
+}
+
+.primary-bg-inverse {
+   background: #F2B265;
+}
+
+.primary-fg {
+   color: #F2B265;
+
+   &:hover {
+      color: #F2B265;
+   }
+}
+
+.primary-fg-inverse {
+   color: #C06F3D;
+
+   &:hover {
+      color: #C06F3D;
+   }
+}
+
+#c_preference a {
+   &.fa {
+      color: #F2B265;
+
+      &:hover {
+         color: white;
+      }
+   }
+
+   color: #F2B265;
+
+   &.debugon {
+      color: black !important;
+
+      &:hover {
+         color: black !important;
+      }
+   }
+}
+
+#show_all_menu {
+   a {
+      color: #8B4D34;
+   }
+
+   dt a:hover {
+      background: #F29542;
+   }
+
+   a:hover {
+      background-color: #C06F3D;
+      color: #F2B265;
+   }
+}
+
+div.progress .progress-fg {
+   background-color: #F29542;
+}

css/palettes/_classic.scss

@@ -0,0 +1,187 @@
+/**
+ * ---------------------------------------------------------------------
+ * GLPI - Gestionnaire Libre de Parc Informatique
+ * Copyright (C) 2015-2020 Teclib' and contributors.
+ *
+ * http://glpi-project.org
+ *
+ * based on GLPI - Gestionnaire Libre de Parc Informatique
+ * Copyright (C) 2003-2014 by the INDEPNET Development Team.
+ *
+ * ---------------------------------------------------------------------
+ *
+ * LICENSE
+ *
+ * This file is part of GLPI.
+ *
+ * GLPI is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation; either version 2 of the License, or
+ * (at your option) any later version.
+ *
+ * GLPI is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with GLPI. If not, see <http://www.gnu.org/licenses/>.
+ * ---------------------------------------------------------------------
+ */
+/* ===== LOGIN ===== */
+
+#firstboxlogin {
+   background-color: #C0CC7B;
+}
+
+#logo_login {
+   background: #E1D39E;
+}
+
+#display-login {
+   color: #FFF;
+}
+
+#text-login {
+   background-color: #E1D39E;
+   color: #FFF;
+}
+
+/* ====== GENERAL ====== */
+
+a, .btn-linkstyled {
+   color: #659900;
+
+   &:link {
+      color: #659900;
+   }
+}
+
+.ui-widget-content a, .main_form tr.headerRow th {
+   color: #659900;
+}
+
+/* ====== HEADER ====== */
+
+#header_top {
+   background-color: #E1D39E;
+}
+
+#c_preference a {
+   &.fa {
+      color: #000;
+   }
+
+   color: #000;
+}
+
+#language_link > span {
+   color: #000;
+}
+
+#c_preference a.fa:hover {
+   color: #999;
+}
+
+#c_recherche form #champRecherche input {
+   background-color: #877C52;
+   color: #FFF;
+}
+
+#c_menu {
+   background-color: #C0CC7B;
+}
+
+ul {
+   &#menu {
+      a {
+         &.itemP, &.itemP1 {
+            color: #000;
+         }
+      }
+
+      > li.active {
+         background-color: #98A458;
+      }
+   }
+
+   &.ssmenu li.active {
+      background-color: #98A458;
+   }
+
+   &#menu {
+      > li:hover {
+         background-color: #828D41;
+      }
+
+      ul li a {
+         &:hover {
+            background: #98A458;
+            color: #FFF;
+         }
+
+         color: #659900;
+      }
+   }
+}
+
+#c_recherche form #champRecherche button {
+   background-color: #000;
+   color: #FFF;
+
+   &:hover {
+      background-color: #999;
+   }
+}
+
+/* ====== BUTTONS ====== */
+
+a.vsubmit, .vsubmit a {
+   color: #8f5a0a;
+}
+
+/* Primary color elements (white on blue BG) designed to be overridden from palettes */
+/* Colors are same as #c_menu */
+
+.primary-bg {
+   background: #C0CC7B;
+}
+
+.primary-bg-inverse {
+   background: black;
+}
+
+.primary-fg {
+   color: black;
+
+   &:hover {
+      color: black;
+   }
+}
+
+.primary-fg-inverse {
+   color: #C0CC7B;
+
+   &:hover {
+      color: #C0CC7B;
+   }
+}
+
+#show_all_menu {
+   dt a {
+      color: black;
+
+      &:hover {
+         background: #828D41;
+      }
+   }
+
+   a:hover {
+      background-color: #C0CC7B;
+      color: white;
+   }
+}
+
+div.progress .progress-fg {
+   background-color: #C0CC7B;
+}

css/palettes/_clockworkorange.scss

@@ -0,0 +1,237 @@
+/**
+ * ---------------------------------------------------------------------
+ * GLPI - Gestionnaire Libre de Parc Informatique
+ * Copyright (C) 2015-2020 Teclib' and contributors.
+ *
+ * http://glpi-project.org
+ *
+ * based on GLPI - Gestionnaire Libre de Parc Informatique
+ * Copyright (C) 2003-2014 by the INDEPNET Development Team.
+ *
+ * ---------------------------------------------------------------------
+ *
+ * LICENSE
+ *
+ * This file is part of GLPI.
+ *
+ * GLPI is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation; either version 2 of the License, or
+ * (at your option) any later version.
+ *
+ * GLPI is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with GLPI. If not, see <http://www.gnu.org/licenses/>.
+ * ---------------------------------------------------------------------
+ */
+/* ===== LOGIN ===== */
+
+#firstboxlogin {
+   background-color: #006573;
+}
+
+#logo_login {
+   background: #008B8D;
+}
+
+#display-login {
+   color: #FFF;
+}
+
+#text-login {
+   background-color: #008B8D;
+   color: #FFF;
+}
+
+/* ====== GENERAL ====== */
+
+a, .btn-linkstyled {
+   color: #006573;
+
+   &:link {
+      color: #006573;
+   }
+}
+
+.ui-widget-content a {
+   color: #006573;
+}
+
+.main_form tr.headerRow th {
+   color: #81BEAA;
+}
+
+/* ====== HEADER ====== */
+
+#header_top {
+   background-color: #B2341C;
+}
+
+#c_preference a, #language_link > span {
+   color: #ffd2ca;
+}
+
+#c_recherche form #champRecherche input {
+   background-color: #cc3c20;
+   color: #F4D4AD;
+
+   &::-webkit-input-placeholder {
+      background-color: #cc3c20;
+      color: #F4D4AD;
+   }
+}
+
+#c_menu {
+   background-color: #FF5131;
+}
+
+ul {
+   &#menu {
+      a {
+         &.itemP, &.itemP1 {
+            color: #fff;
+         }
+      }
+
+      ul li a {
+         color: #FF7C64;
+      }
+
+      > li.active {
+         background-color: #B2341C;
+      }
+   }
+
+   &.ssmenu li.active {
+      background-color: #B2341C;
+   }
+
+   &#menu {
+      > li.active > a {
+         color: #FFF;
+      }
+
+      ul {
+         &.ssmenu li.active > a {
+            color: #FFF;
+         }
+
+         li a:hover {
+            background: #FF5131;
+            color: #fff;
+         }
+      }
+
+      > li:hover {
+         background-color: #B2341C;
+         color: #fff;
+
+         > a {
+            background-color: #B2341C;
+            color: #fff;
+         }
+      }
+   }
+}
+
+/* ====== BUTTONS ====== */
+
+input.submit {
+   background-color: #FF5131;
+   color: #fff;
+   border: 1px solid #FF674A;
+
+   &:hover {
+      background-color: #ff7c64;
+   }
+}
+
+a.vsubmit {
+   background-color: #FF5131;
+   color: #fff;
+
+   &:hover {
+      background-color: #ff7c64;
+   }
+}
+
+#BackToTop {
+   background-color: #FF5131;
+   color: #fff;
+}
+
+/* ====== BREADCRUMB ====== */
+
+#c_ssmenu2 .breadcrumb_item:nth-of-type(3) {
+   background-color: #FF5131;
+
+   a {
+      color: #fff;
+   }
+
+   &:after {
+      border-left-color: #FF5131;
+   }
+}
+
+/* Primary color elements (white on blue BG) designed to be overridden from palettes */
+/* Colors are same as #c_menu */
+
+.primary-bg {
+   background: #FF5131;
+}
+
+.primary-bg-inverse {
+   background: white;
+}
+
+.primary-fg {
+   color: white;
+
+   &:hover {
+      color: white;
+   }
+}
+
+.primary-fg-inverse {
+   color: #FF5131;
+
+   &:hover {
+      color: #FF5131;
+   }
+}
+
+#c_preference a.debugon {
+   color: black !important;
+
+   &:hover {
+      color: black !important;
+   }
+}
+
+#show_all_menu {
+   dt a {
+      color: white;
+
+      &:hover {
+         background: #B2341C;
+      }
+   }
+
+   a {
+      color: #FF7C64;
+
+      &:hover {
+         background-color: #FF5131;
+         color: white;
+      }
+   }
+}
+
+div.progress .progress-fg {
+   background-color: #FF5131;
+}

css/palettes/_dark.scss

@@ -0,0 +1,212 @@
+/**
+ * ---------------------------------------------------------------------
+ * GLPI - Gestionnaire Libre de Parc Informatique
+ * Copyright (C) 2015-2020 Teclib' and contributors.
+ *
+ * http://glpi-project.org
+ *
+ * based on GLPI - Gestionnaire Libre de Parc Informatique
+ * Copyright (C) 2003-2014 by the INDEPNET Development Team.
+ *
+ * ---------------------------------------------------------------------
+ *
+ * LICENSE
+ *
+ * This file is part of GLPI.
+ *
+ * GLPI is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation; either version 2 of the License, or
+ * (at your option) any later version.
+ *
+ * GLPI is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with GLPI. If not, see <http://www.gnu.org/licenses/>.
+ * ---------------------------------------------------------------------
+ */
+/* ===== LOGIN ===== */
+
+#firstboxlogin {
+   background-color: #585957;
+}
+
+#logo_login {
+   background: #161514;
+}
+
+#display-login {
+   color: #FFF;
+}
+
+#text-login {
+   background-color: #161514;
+   color: #FFF;
+}
+
+/* ====== GENERAL ====== */
+
+a, .btn-linkstyled {
+   color: #161514;
+
+   &:link {
+      color: #161514;
+   }
+}
+
+.ui-widget-content a {
+   color: #161514;
+}
+
+.main_form tr.headerRow th {
+   color: #262626;
+}
+
+/* ====== HEADER ====== */
+
+#header_top {
+   background-color: #161514;
+}
+
+#c_preference a, #language_link > span {
+   color: #585957;
+}
+
+#c_recherche form #champRecherche input {
+   background-color: #3F403E;
+   color: #FFF;
+}
+
+#c_menu {
+   background-color: #585957;
+}
+
+ul {
+   &#menu {
+      a {
+         &.itemP, &.itemP1 {
+            color: #FFF;
+         }
+      }
+
+      > li.active {
+         background-color: #161514;
+      }
+   }
+
+   &.ssmenu li.active {
+      background-color: #161514;
+   }
+
+   &#menu {
+      > li.active > a {
+         color: #FFF;
+      }
+
+      ul {
+         &.ssmenu li.active > a {
+            color: #FFF;
+         }
+
+         li a {
+            &:hover {
+               background: #262626;
+               color: #FFF;
+            }
+
+            color: #585957;
+         }
+      }
+
+      > li:hover {
+         background-color: #3F403E;
+      }
+   }
+}
+
+#c_recherche form #champRecherche button {
+   background-color: white;
+}
+
+/* ====== BUTTONS ====== */
+
+input.submit, span.vsubmit, a.vsubmit, .ui-widget-content span.vsubmit, a.vsubmit, #BackToTop {
+   color: #fff;
+   background-color: #585957;
+}
+
+.vsubmit a {
+   color: #fff;
+   text-decoration: underline;
+}
+
+input.submit:hover, a.vsubmit:hover, #BackToTop:hover {
+   background-color: #585957;
+}
+
+/* ====== Breadcrumb ====== */
+
+.breadcrumb_item:nth-of-type(3) {
+   background-color: #585957;
+
+   a {
+      color: #fff !important;
+   }
+
+   &:after {
+      border-left-color: #585957;
+   }
+}
+
+/* Primary color elements (white on blue BG) designed to be overridden from palettes */
+/* Colors are same as #c_menu */
+
+.primary-bg {
+   background: #585957;
+}
+
+.primary-bg-inverse {
+   background: white;
+}
+
+.primary-fg {
+   color: white;
+
+   &:hover {
+      color: white;
+   }
+}
+
+.primary-fg-inverse {
+   color: #585957;
+
+   &:hover {
+      color: #585957;
+   }
+}
+
+#show_all_menu {
+   dt a {
+      color: white;
+
+      &:hover {
+         background: #3F403E;
+      }
+   }
+
+   a {
+      color: #585957;
+
+      &:hover {
+         background-color: #585957;
+         color: white;
+      }
+   }
+}
+
+div.progress .progress-fg {
+   background-color: #585957;
+}

css/palettes/_darker.scss

@@ -0,0 +1,858 @@
+/**
+ * ---------------------------------------------------------------------
+ * GLPI - Gestionnaire Libre de Parc Informatique
+ * Copyright (C) 2015-2020 Teclib' and contributors.
+ *
+ * http://glpi-project.org
+ *
+ * based on GLPI - Gestionnaire Libre de Parc Informatique
+ * Copyright (C) 2003-2014 by the INDEPNET Development Team.
+ *
+ * ---------------------------------------------------------------------
+ *
+ * LICENSE
+ *
+ * This file is part of GLPI.
+ *
+ * GLPI is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation; either version 2 of the License, or
+ * (at your option) any later version.
+ *
+ * GLPI is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with GLPI. If not, see <http://www.gnu.org/licenses/>.
+ * ---------------------------------------------------------------------
+ */
+/* ===== LOGIN ===== */
+
+#firstboxlogin {
+   background-color: #585957;
+}
+
+#logo_login {
+   background: #161514;
+}
+
+#display-login {
+   color: #FFF;
+}
+
+#text-login {
+   background-color: #161514;
+   color: #FFF;
+}
+
+/* ====== GENERAL ====== */
+
+body,
+.loadingindicator,
+.tab_cadre_fixe th,
+.tab_cadre_fixehov th,
+.tab_cadrehov th,
+.ui-widget-header {
+   background: #242323;
+   background-color: #1f1f1f !important;
+   color: #AAAAAA;
+   scrollbar-color: dark;
+}
+
+::-webkit-scrollbar {
+   background-color: rgb(32, 32, 32);
+   width: 5px;
+   height: 8px;
+}
+::-webkit-scrollbar-thumb {
+   background-color: rgb(83, 83, 83);
+}
+
+body a,
+body a:link,
+#c_ssmenu2 ul li a,
+body .fa,
+body .fa,
+body .far,
+body a .fa,
+body a .far,
+body a .fas,
+body #page a.fa:link,
+.ui-widget-content a,
+#c_preference a.fa {
+   color: #888;
+}
+
+body .fa.bookmark_record:link,
+body .fa.reset-search:link,
+body .fa.reset-search,
+body .fa.fold-search:link {
+   color: #888 !important;
+}
+
+#see_debug .fa-bug {
+   color: #0c0c0b !important;
+}
+
+#c_preference a.debugon {
+   color: #f00 !important;
+}
+
+#champRecherche .fa {
+   color: #2c2b2a !important;
+}
+
+body .tab_bg_2_2, body .tab_bg_1_2 {
+   color: #4e0404;
+
+   a {
+      color: #4e0404 !important;
+   }
+}
+
+.tab_bg_1 {
+   background-color: transparent;
+   color: #AAAAAA;
+}
+
+.tab_bg_2 {
+   background-color: transparent;
+}
+
+.tab_bg_4 {
+   background-color: #42403f;
+}
+
+.main_form,
+.tab_cadre,
+.tab_cadre_fixe,
+.tab_cadrehov,
+.tab_cadre_fixehov {
+   background: transparent;
+   box-shadow: 0px 1px 2px 1px #5b5858;
+}
+
+
+.tab_cadre_fixehov th,
+.tab_cadrehov th,
+.tab_cadrehov td,
+.tab_cadre td,
+.tab_cadre_fixehov td {
+   border-bottom: 1px solid #292929;
+}
+
+.tab_cadre th,
+.tab_cadre_fixe th,
+.tab_cadre_fixehov th,
+.tab_cadrehov th, h2.header,
+td.subheader {
+   background: #242323;
+   color: #AAA;
+}
+
+.ui-tabs,
+.tab_cadrehov tr.rowHover,
+.tab_cadrehov td.rowHover,
+.tab_cadrehov th.headHover,
+.tab_cadre_fixehov tr.rowHover,
+.tab_cadre_fixehov td.rowHover {
+   background-color: #292929;
+}
+
+.ui-tabs-vertical .ui-tabs-nav {
+   border: none;
+}
+
+.comments li:last-child:before {
+   background: transparent;
+}
+
+#footer,
+.slidepanel,
+.sp-picker-container,
+.ui-datepicker,
+.actor-head,
+ul#menu ul.ssmenu,
+.layout_classic.form .stNavMain li, .layout_vsplit.form .stNavMain li,
+.ui-tabs sup.tab_nb,
+.main_form tr.headerRow th {
+   background: #3a3938 !important;
+   color: #AAAAAA;
+   border: 1px solid transparent !important;
+   box-shadow: none;
+}
+.ui-tabs .ui-state-active sup.tab_nb {
+   background: #222121 !important;
+}
+
+.qtip-bootstrap {
+   background: #1d1c1c !important;
+   color: #AAAAAA;
+   border: 1px solid transparent !important;
+   box-shadow: none;
+}
+
+
+.main_form tr.headerRow th {
+   background: #3a3938 !important;
+   color: #AAAAAA !important;
+   border: 1px solid transparent !important;
+   box-shadow: none;
+}
+
+.actor_title {
+   background: transparent;
+}
+
+.layout_lefttab .actor_title,
+.layout_lefttab .actor-head {
+   background: #1f1f1f !important;
+}
+
+.layout_vsplit.form #tabspanel + div.ui-tabs:not(.horizontal),
+.ui-widget-content,
+.ui-widget.ui-widget-content,
+.layout_lefttab .ui-tabs,
+.layout_classic .ui-tabs,
+.layout_vsplit .ui-tabs {
+   background: #242323 !important;
+   color: #AAAAAA;
+   box-shadow: none;
+   border: 1px solid #333;
+}
+
+#page {
+   .navigationheader {
+      background-color: #222121;
+      border: 1px solid #333;
+      border-bottom: 0;
+
+      .single-actions {
+         .dropdown-menu {
+            background-color: #000000;
+            color: #AAAAAA;
+
+            a:hover  {
+               background-color: #525252;
+            }
+         }
+
+         .btn {
+            background-color: #000000;
+            color: #AAAAAA;
+
+            &:hover {
+               background-color: #525252;
+            }
+         }
+      }
+   }
+
+   div.objectlockmessage {
+      border: 0;
+      color: #8c0000;
+   }
+}
+
+.main_form, .tab_cadre_fixe, .tab_cadrehov {
+   box-shadow: none;
+}
+
+.grey_border {
+   border: 0;
+}
+
+.switch label .lever {
+   background-color: #000;
+}
+
+.switch label .lever:after {
+   background: rgb(82, 82, 82);
+}
+
+.ui-widget-header {
+   border: none;
+}
+
+.ui-state-default,
+.ui-widget-content .ui-state-default,
+.ui-widget-header .ui-state-default {
+   background: #222121;
+   border-color: transparent;
+}
+
+.ui-state-active, .ui-widget-content .ui-state-active,
+.ui-widget-header .ui-state-active {
+   background: #3a3938;
+   color: #AAAAAA;
+}
+
+.ui-tabs .ui-tabs-nav {
+   padding: 0;
+}
+
+.ui-tabs .ui-tabs-nav li {
+   margin: 0;
+}
+
+.ui-tabs-vertical .ui-tabs-nav li {
+   margin: 0;
+   border-right-width: 0 !important;
+   width: 100%;
+}
+
+.ui-state-default a,
+.ui-state-default a:link,
+.ui-state-default a:visited {
+   color: #AAAAAA;
+}
+
+.jstree-glpi .jstree-hovered {
+   background: #4b4948;
+}
+
+.search_page > form:first-child {
+   border-bottom: 1px solid #333;
+}
+
+#searchcriteria,
+#searchcriterias .tab_cadre_fixe {
+   background: transparent !important;
+   box-shadow: none;
+}
+
+#searchcriteria.sub_criteria {
+   border: 1px solid #515151;
+}
+
+.warning {
+   color: #e28b8b;
+   background-color: #2c0202;
+
+   .fa {
+      color: #e28b8b !important;
+   }
+}
+
+#c_ssmenu2 .breadcrumb_item {
+   background-color: #161514;
+}
+
+.breadcrumb_item:before {
+   border-left-color: #3a3938 !important;
+}
+.breadcrumb_item:after {
+   border-left-color: #161514 !important;
+}
+
+.ui-state-active a,
+.ui-state-active a:link,
+.ui-state-active a:visited {
+   color: #AAAAAA;
+}
+
+#planning_filter h3 {
+   background: #242323;
+}
+#planning_filter ul.filters > li:nth-child(even) {
+   background: #3a3938;
+}
+
+body textarea:not([disabled]),
+body select,
+body input:not(.submit):not([type=submit]):not([type=reset]):not([type=checkbox]):not([type=radio]):not(.select2-search__field):not([disabled]),
+body input[type=search],
+body input:disabled,
+.fileupload,
+.subheader .box, .label-checkbox .box, th .label-checkbox .box,
+.sp-replacer,
+.mce-panel,
+.select2-selection.select2-selection--single,
+.select2-container--default .select2-selection--multiple,
+body .select2-container .select2-selection--multiple,
+.select2-dropdown {
+   background-color: #242323;
+   color: #888;
+   border: 1px solid #333 !important;
+}
+.select2-container--default .select2-selection--single .select2-selection__rendered {
+   color: #AAAAAA;
+}
+input:required:valid {
+   border: 1px solid #515151 !important;
+}
+
+body .mce-panel {
+   background: transparent;
+}
+
+body div.mce-edit-area {
+   background: transparent;
+   border: 1px solid #555454;
+}
+
+body .mce-toolbar .mce-btn {
+   background: transparent;
+   color: #AAAAAA;
+}
+
+body .mce-btn .mce-txt,
+body .mce-toolbar .mce-btn i {
+   color: #AAAAAA;
+}
+
+body #page .mce-btn-group:not(:first-child) {
+   border-left: 1px solid #555454
+}
+
+.select2-container--default .select2-results__option[aria-selected=true] {
+   background-color: #4e4d4b;
+}
+
+.btn-linkstyled {
+   color: #161514;
+
+   &:link {
+      color: #161514;
+   }
+}
+
+/*.ui-widget-content a {
+   color: #161514;
+}*/
+
+.main_form tr.headerRow th {
+   color: #262626;
+}
+
+.timeline_history .h_content.ITILFollowup,
+.timeline_history .h_content.KnowbaseItemComment {
+   background-color: #686868;
+   color: rgb(209, 209, 209);
+}
+
+.timeline_history .h_content.ITILValidation {
+   background-color: #686868;
+   color: black;
+
+   .tab_bg_1 {
+      color: black;
+   }
+   .control_item {
+      color: black;
+   }
+   &.status_3:after {
+      border-color: #A1D7A2;
+   }
+   &:after {
+      border-color: #FFFFFF;
+   }
+   &.status_4:after {
+      border-color: #D3A4A4;
+   }
+   .b_right {
+      button[type='submit'] {
+         border: unset;
+         padding: 0.5em 0.5em;
+         font-weight: bold;
+         font-size: unset;
+         .far {
+            color: unset;
+         }
+         &.approve {
+            background-color: #b0f462;
+            color: #002e00;
+         }
+         &.refuse {
+            background-color: #e46767;
+            color: #380b0b;
+         }
+      }
+   }
+}
+
+.timeline_history .b_right {
+   color: #FFF;
+}
+
+.timeline_history .h_content.ITILContent {
+   background-color: #506852;
+   color: #bdedba;
+}
+
+.timeline_choices li i.fa {
+   color: inherit !important;
+}
+
+.timeline_history .h_content.Solution .solimg {
+   color: rgba(66, 91, 100, 0.1) !important;
+}
+
+.racks_col h2 {
+   background: #161514;
+}
+
+.grid-rack {
+   background-color: #4e4d4b;
+   border-color: #161514;
+}
+
+.rack_side_block {
+   background-color: #4e4d4b;
+   border: none;
+
+   h3 {
+      color: #AAA;
+   }
+}
+
+.rack_side_block .sub_action {
+   color: #AAA;
+}
+
+.grid-stack-item .item_rack_icon {
+   color: #000;
+}
+
+.doaction_progress {
+   border: none;
+}
+
+.doaction_progress_text {
+   color: #000;
+}
+
+.itilstatus.planned {
+   color: #81a2f8;
+}
+
+/* ====== HEADER ====== */
+
+#header_top,
+#c_menu {
+   background-color: #161514;
+}
+#c_ssmenu2 {
+   border-top: 2px solid #333;
+   background-color: #161514;
+   padding-top: 1px;
+}
+
+#header #c_logo {
+   background: url(../pics/logos/logo-GLPI-100-grey.png) 0 0 repeat-x;
+}
+
+#c_preference a, #language_link > span {
+   color: #AAAAAA;
+}
+
+#c_recherche form #champRecherche input {
+   background-color: #3F403E;
+   color: rgb(117, 115, 115);
+}
+
+/*#c_menu {
+   background-color: #AAAAAA;
+}*/
+
+ul {
+   &#menu {
+      a {
+         &.itemP, &.itemP1 {
+            color: #AAAAAA;
+         }
+      }
+
+      > li.active {
+         background-color: #202020;
+      }
+   }
+
+   &.ssmenu li.active {
+      background-color: #161514;
+   }
+
+   &#menu {
+      > li.active > a {
+         color: #AAAAAA;
+      }
+
+      ul {
+         &.ssmenu li.active > a {
+            color: #AAAAAA;
+         }
+
+         li a, li a:link {
+            &:hover {
+               background: #262626;
+               color: #AAAAAA;
+            }
+
+            color: #AAAAAA;
+         }
+      }
+
+      > li:hover {
+         background-color: #3F403E;
+      }
+   }
+}
+
+#c_recherche form #champRecherche button {
+   background-color: #AAAAAA;
+}
+
+/* ====== BUTTONS ====== */
+
+input.submit, span.vsubmit, a.vsubmit, .ui-widget-content span.vsubmit, a.vsubmit, #BackToTop {
+   color: #AAAAAA;
+   background-color: #000;
+}
+
+.vsubmit a {
+   color: rgb(117, 115, 115);
+   text-decoration: underline;
+}
+
+input.submit:hover, a.vsubmit:hover, #BackToTop:hover {
+   background-color: #333;
+}
+
+/* Primary color elements (white on blue BG) designed to be overridden from palettes */
+/* Colors are same as #c_menu */
+
+.primary-bg {
+   background: #585957;
+}
+
+.primary-bg-inverse {
+   background: white;
+}
+
+.primary-fg {
+   color: white;
+
+   &:hover {
+      color: white;
+   }
+}
+
+.primary-fg-inverse {
+   color: #AAAAAA;
+
+   &:hover {
+      color: #AAAAAA;
+   }
+}
+
+.secondary {
+   background: #191a19;
+}
+
+
+#show_all_menu {
+   dt a {
+      color: white;
+
+      &:hover {
+         background: #3F403E;
+      }
+   }
+
+   a {
+      color: #AAAAAA;
+
+      &:hover {
+         background-color: #585957;
+         color: white;
+      }
+   }
+}
+
+div.progress {
+   background-color: #262626;
+   .progress-fg {
+      background-color: #585957;
+   }
+}
+
+/** Kanban */
+#page .kanban {
+   .kanban-form {
+      background-color: #3a3938;
+      border: #272625 1px solid;
+      color: #ffffff !important;
+      input[type=text]:not([type=submit]):not([type=button]), textarea {
+         background-color: #3a3938 !important;
+         color: #aaa;
+      }
+   }
+   .kanban-toolbar {
+      background-color: #3a3938;
+      border: #272625 1px solid;
+      input[type=text][name=filter]:not([type=submit]):not([type=button]) {
+         background-color: #3a3938 !important;
+         color: #aaa;
+      }
+   }
+   .kanban-container {
+      .kanban-dropdown {
+         background-color: #2c2b2a;
+         border: 1px solid #242323;
+         li {
+            background-color: #3a3938;
+            color: white;
+            &:hover {
+               background-color: #262626;
+            }
+            ul {
+               position: absolute;
+               left: 100%;
+               top: 0;
+               display: block;
+               width: max-content;
+               min-width: 100px;
+               background-color: #2c2b2a;
+               outline: 1px solid #242323; // Use outline instead of border on submenus to avoid them being aligned off by one pixel
+            }
+         }
+         li.dropdown-trigger {
+            &.active {
+               background-color: #262626;
+               color: white;
+            }
+         }
+      }
+      .kanban-columns {
+         .kanban-column {
+            background-color: #2c2b2a;
+            border: #272625 1px solid;
+
+            .kanban-column-header {
+               background-color: #2c2b2a;
+               border-top: 3px solid #2c2b2a;
+               box-shadow: 0px 1px 1px #242323;
+
+               .kanban_nb {
+                  background-color: #3a3938;
+               }
+            }
+
+            .kanban-body {
+               .kanban-item, .kanban-form {
+                  background-color: #3a3938;
+                  border: #272625 1px solid;
+                  color: #ffffff !important;
+                  input[type=text] {
+                     background-color: #3a3938 !important;
+                  }
+                  .kanban-item-header, .kanban-item-header a {
+                     color: #ffffff !important;
+                  }
+               }
+            }
+         }
+      }
+   }
+}
+
+/** Impacts **/
+.impact-header,
+.impact-side,
+.impact-side-toggle,
+.impact-side ul {
+   background-color: #242323;
+   border: 0;
+}
+
+.network-parent {
+   border-color: #333;
+}
+
+/** Planning **/
+.fc-unthemed .fc-divider, .fc-unthemed .fc-popover .fc-header, .fc-unthemed .fc-list-heading td {
+   background-color: #242323;
+}
+
+.fc-unthemed .fc-list-item:hover td {
+   background-color: #333;
+}
+
+.fc-unthemed td.fc-today {
+   background-color: #444;
+}
+
+.fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-content, .fc-unthemed .fc-popover, .fc-unthemed .fc-list-view, .fc-unthemed .fc-list-heading td {
+   border-color: #333;
+}
+
+/** Dashboards **/
+.dashboard .grid-guide {
+   background-image: linear-gradient(to right, #333 1px, transparent 1px),
+                     linear-gradient(to bottom, #333 1px, transparent 1px);
+}
+
+/** Racks and datacenter **/
+.grid-room .racks_add {
+   background-image: linear-gradient(to right, #333 1px, transparent 1px),
+                     linear-gradient(to bottom, #333 1px, transparent 1px);
+   border: 1px solid #333;
+}
+
+/** marketplace **/
+.marketplace {
+   background-color: inherit;
+
+   .left-panel .plugins-tags .tag {
+      background: #292929;
+      border-color: #000;
+   }
+
+   .right-panel {
+      .plugins {
+         .plugin {
+            background-color: transparent;
+            border-color: #000;
+
+            .main .buttons button {
+               background-color: #000;
+               border-color: #000;
+            }
+
+            .footer .misc-left .links a i {
+               color: rgb(102, 102, 102);
+            }
+
+            .footer {
+               background-color: #151515;
+               border-top-color: #000;
+            }
+         }
+      }
+
+      .pagination {
+         li {
+            background-color: #292929;
+            border-color: #000;
+            color: rgb(170, 170, 170);
+
+            &.current {
+               color: rgb(128, 128, 128);
+               background: #000;
+               border-color: #000;
+            }
+
+            &.nav-disabled {
+               color: #666;
+            }
+
+            &:not(.current):not(.nb_plugin):not(.nav-disabled):hover {
+               background-color: #474747;
+            }
+         }
+      }
+   }
+}
+

css/palettes/_flood.scss

@@ -0,0 +1,226 @@
+/**
+ * ---------------------------------------------------------------------
+ * GLPI - Gestionnaire Libre de Parc Informatique
+ * Copyright (C) 2015-2020 Teclib' and contributors.
+ *
+ * http://glpi-project.org
+ *
+ * based on GLPI - Gestionnaire Libre de Parc Informatique
+ * Copyright (C) 2003-2014 by the INDEPNET Development Team.
+ *
+ * ---------------------------------------------------------------------
+ *
+ * LICENSE
+ *
+ * This file is part of GLPI.
+ *
+ * GLPI is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation; either version 2 of the License, or
+ * (at your option) any later version.
+ *
+ * GLPI is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with GLPI. If not, see <http://www.gnu.org/licenses/>.
+ * ---------------------------------------------------------------------
+ */
+/* ===== LOGIN ===== */
+
+#firstboxlogin {
+   background-color: #006573;
+}
+
+#logo_login {
+   background: #008B8D;
+}
+
+#display-login {
+   color: #FFF;
+}
+
+#text-login {
+   background-color: #008B8D;
+   color: #FFF;
+}
+
+/* ====== GENERAL ====== */
+
+a, .btn-linkstyled {
+   color: #006573;
+
+   &:link {
+      color: #006573;
+   }
+}
+
+.ui-widget-content a {
+   color: #006573;
+}
+
+.main_form tr.headerRow th {
+   color: #81BEAA;
+}
+
+/* ====== HEADER ====== */
+
+#header_top {
+   background-color: #006573;
+}
+
+#c_preference a, #language_link > span {
+   color: #81BEAA;
+}
+
+#c_recherche form #champRecherche input {
+   background-color: #005572;
+   color: #F4D4AD;
+}
+
+#c_menu {
+   background-color: #008B8D;
+}
+
+ul {
+   &#menu {
+      a {
+         &.itemP, &.itemP1 {
+            color: #fff;
+         }
+      }
+
+      ul li a {
+         color: #006573;
+      }
+
+      > li.active {
+         background-color: #006573;
+      }
+   }
+
+   &.ssmenu li.active {
+      background-color: #006573;
+   }
+
+   &#menu {
+      > li.active > a {
+         color: #FFF;
+      }
+
+      ul {
+         &.ssmenu li.active > a {
+            color: #FFF;
+         }
+
+         li a:hover {
+            background: #81BEAA;
+            color: #000;
+         }
+      }
+
+      > li:hover {
+         background-color: #81BEAA;
+         color: #000;
+
+         > a {
+            background-color: #81BEAA;
+            color: #000;
+         }
+      }
+   }
+}
+
+#c_recherche form #champRecherche button {
+   background-color: white;
+}
+
+/* ====== BUTTONS ====== */
+
+input.submit, span.vsubmit, a.vsubmit, .ui-widget-content span.vsubmit, a.vsubmit, #BackToTop {
+   color: #816644;
+   background-color: #F4D4AD;
+}
+
+.vsubmit a {
+   color: #816644;
+   text-decoration: underline;
+}
+
+input.submit:hover, a.vsubmit:hover, #BackToTop:hover {
+   background-color: #F4D4AD;
+}
+
+/* ====== Breadcrumb ====== */
+
+.breadcrumb_item:nth-of-type(3) {
+   background-color: #F4D4AD;
+
+   a {
+      color: #816644 !important;
+   }
+
+   &:after {
+      border-left-color: #F4D4AD;
+   }
+}
+
+/* Primary color elements (white on blue BG) designed to be overridden from palettes */
+/* Colors are same as #c_menu */
+
+.primary-bg {
+   background: #008B8D;
+}
+
+.primary-bg-inverse {
+   background: white;
+}
+
+.primary-fg {
+   color: white;
+
+   &:hover {
+      color: white;
+   }
+}
+
+.primary-fg-inverse {
+   color: #008B8D;
+
+   &:hover {
+      color: #008B8D;
+   }
+}
+
+#c_preference a.debugon {
+   color: black !important;
+
+   &:hover {
+      color: black !important;
+   }
+}
+
+#show_all_menu {
+   dt a {
+      color: white;
+
+      &:hover {
+         background: #81BEAA;
+      }
+   }
+
+   a {
+      color: #006573;
+
+      &:hover {
+         background-color: #008B8D;
+         color: black;
+      }
+   }
+}
+
+div.progress .progress-fg {
+   background-color: #81BEAA;
+}

css/palettes/_greenflat.scss

@@ -0,0 +1,173 @@
+/**
+ * ---------------------------------------------------------------------
+ * GLPI - Gestionnaire Libre de Parc Informatique
+ * Copyright (C) 2015-2020 Teclib' and contributors.
+ *
+ * http://glpi-project.org
+ *
+ * based on GLPI - Gestionnaire Libre de Parc Informatique
+ * Copyright (C) 2003-2014 by the INDEPNET Development Team.
+ *
+ * ---------------------------------------------------------------------
+ *
+ * LICENSE
+ *
+ * This file is part of GLPI.
+ *
+ * GLPI is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation; either version 2 of the License, or
+ * (at your option) any later version.
+ *
+ * GLPI is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with GLPI. If not, see <http://www.gnu.org/licenses/>.
+ * ---------------------------------------------------------------------
+ */
+/* ===== LOGIN ===== */
+
+#firstboxlogin {
+   background-color: #54BD90;
+}
+
+#logo_login {
+   background: #09A071;
+}
+
+#display-login {
+   color: #FFF;
+}
+
+#text-login {
+   background-color: #09A071;
+   color: #FFF;
+}
+
+/* ====== GENERAL ====== */
+
+a, .btn-linkstyled {
+   color: #007A58;
+
+   &:link {
+      color: #007A58;
+   }
+}
+
+.ui-widget-content a, .main_form tr.headerRow th {
+   color: #007A58;
+}
+
+/* ====== HEADER ====== */
+
+#header_top {
+   background-color: #09A071;
+}
+
+#c_preference a, #language_link > span {
+   color: #FFF;
+}
+
+#c_recherche form #champRecherche input {
+   background-color: #004630;
+   color: #FFF;
+}
+
+#c_menu {
+   background-color: #54BD90;
+}
+
+ul {
+   &#menu {
+      a {
+         &.itemP, &.itemP1 {
+            color: #FFF;
+         }
+      }
+
+      > li.active {
+         background-color: #007A58;
+      }
+   }
+
+   &.ssmenu li.active {
+      background-color: #007A58;
+   }
+
+   &#menu {
+      > li:hover {
+         background-color: #09A071;
+      }
+
+      ul li a {
+         &:hover {
+            background: #54BD90;
+         }
+
+         color: #004A33;
+      }
+   }
+}
+
+#c_recherche form #champRecherche button {
+   background-color: white;
+}
+
+/* ====== BUTTONS ====== */
+
+a.vsubmit, .vsubmit a {
+   color: #8f5a0a;
+}
+
+/* Primary color elements (white on blue BG) designed to be overridden from palettes */
+/* Colors are same as #c_menu */
+
+.primary-bg {
+   background: #54BD90;
+}
+
+.primary-bg-inverse {
+   background: white;
+}
+
+.primary-fg {
+   color: white;
+
+   &:hover {
+      color: white;
+   }
+}
+
+.primary-fg-inverse {
+   color: #54BD90;
+
+   &:hover {
+      color: #54BD90;
+   }
+}
+
+#show_all_menu {
+   dt a {
+      color: white;
+
+      &:hover {
+         background: #09A071;
+      }
+   }
+
+   a {
+      color: #004A33;
+
+      &:hover {
+         background-color: #54BD90;
+         color: #004A33;
+      }
+   }
+}
+
+div.progress .progress-fg {
+   background-color: #54BD90;
+}

css/palettes/_hipster.scss

@@ -0,0 +1,229 @@
+/**
+ * ---------------------------------------------------------------------
+ * GLPI - Gestionnaire Libre de Parc Informatique
+ * Copyright (C) 2015-2020 Teclib' and contributors.
+ *
+ * http://glpi-project.org
+ *
+ * based on GLPI - Gestionnaire Libre de Parc Informatique
+ * Copyright (C) 2003-2014 by the INDEPNET Development Team.
+ *
+ * ---------------------------------------------------------------------
+ *
+ * LICENSE
+ *
+ * This file is part of GLPI.
+ *
+ * GLPI is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation; either version 2 of the License, or
+ * (at your option) any later version.
+ *
+ * GLPI is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with GLPI. If not, see <http://www.gnu.org/licenses/>.
+ * ---------------------------------------------------------------------
+ */
+/* ===== LOGIN ===== */
+
+#firstboxlogin {
+   background-color: #006573;
+}
+
+#logo_login {
+   background: #008B8D;
+}
+
+#display-login {
+   color: #FFF;
+}
+
+#text-login {
+   background-color: #008B8D;
+   color: #FFF;
+}
+
+/* ====== GENERAL ====== */
+
+a, .btn-linkstyled {
+   color: #006573;
+
+   &:link {
+      color: #006573;
+   }
+}
+
+.ui-widget-content a {
+   color: #006573;
+}
+
+.main_form tr.headerRow th {
+   color: #81BEAA;
+}
+
+/* ====== HEADER ====== */
+
+#header_top {
+   background-color: #d6665a;
+}
+
+#c_preference a, #language_link > span {
+   color: #ffd2ca;
+}
+
+#c_recherche form #champRecherche input {
+   background-color: #e08c83;
+   color: #fff;
+
+   &::-webkit-input-placeholder {
+      background-color: #e08c83;
+      color: #fff;
+   }
+}
+
+#c_menu {
+   background-color: #dc9b74;
+}
+
+ul {
+   &#menu {
+      a {
+         &.itemP, &.itemP1 {
+            color: #fff;
+         }
+      }
+
+      ul li a {
+         color: #75a48b;
+      }
+
+      > li.active {
+         background-color: #B2341C;
+      }
+   }
+
+   &.ssmenu li.active {
+      background-color: #B2341C;
+   }
+
+   &#menu {
+      > li.active > a {
+         color: #FFF;
+      }
+
+      ul {
+         &.ssmenu li.active > a {
+            color: #FFF;
+         }
+
+         li a:hover {
+            background: #e08c83;
+            color: #fff;
+         }
+      }
+
+      > li:hover {
+         background-color: #d6665a;
+         color: #fff;
+
+         > a {
+            background-color: #d6665a;
+            color: #fff;
+         }
+      }
+   }
+}
+
+/* ====== BUTTONS ====== */
+
+input.submit {
+   background-color: #d6665a;
+   color: #fff;
+   border: 1px solid #e08c83;
+
+   &:hover {
+      background-color: #d6665a;
+   }
+}
+
+a.vsubmit {
+   background-color: #d6665a;
+   color: #fff;
+
+   &:hover {
+      background-color: #d6665a;
+   }
+}
+
+#BackToTop {
+   background-color: #FF5131;
+   color: #fff;
+}
+
+/* ====== BREADCRUMB ====== */
+
+#c_ssmenu2 .breadcrumb_item:nth-of-type(3) {
+   background-color: #d6665a;
+
+   a {
+      color: #fff;
+   }
+
+   &:after {
+      border-left-color: #d6665a;
+   }
+}
+
+/* Primary color elements (white on blue BG) designed to be overridden from palettes */
+/* Colors are same as #c_menu */
+
+.primary-bg {
+   background: #dc9b74;
+}
+
+.primary-bg-inverse {
+   background: white;
+}
+
+.primary-fg {
+   color: white;
+
+   &:hover {
+      color: white;
+   }
+}
+
+.primary-fg-inverse {
+   color: #dc9b74;
+
+   &:hover {
+      color: #dc9b74;
+   }
+}
+
+#show_all_menu {
+   dt a {
+      color: white;
+
+      &:hover {
+         background: #d6665a;
+      }
+   }
+
+   a {
+      color: #75a48b;
+
+      &:hover {
+         background-color: #dc9b74;
+         color: white;
+      }
+   }
+}
+
+div.progress .progress-fg {
+   background-color: #d6665a;
+}

css/palettes/_icecream.scss

@@ -0,0 +1,209 @@
+/**
+ * ---------------------------------------------------------------------
+ * GLPI - Gestionnaire Libre de Parc Informatique
+ * Copyright (C) 2015-2020 Teclib' and contributors.
+ *
+ * http://glpi-project.org
+ *
+ * based on GLPI - Gestionnaire Libre de Parc Informatique
+ * Copyright (C) 2003-2014 by the INDEPNET Development Team.
+ *
+ * ---------------------------------------------------------------------
+ *
+ * LICENSE
+ *
+ * This file is part of GLPI.
+ *
+ * GLPI is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation; either version 2 of the License, or
+ * (at your option) any later version.
+ *
+ * GLPI is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with GLPI. If not, see <http://www.gnu.org/licenses/>.
+ * ---------------------------------------------------------------------
+ */
+/* ===== LOGIN ===== */
+
+#firstboxlogin {
+   background-color: #19BEC0;
+}
+
+#logo_login {
+   background: #113F59;
+}
+
+#display-login {
+   color: #FFF;
+}
+
+#text-login {
+   background-color: #113F59;
+   color: #FFF;
+}
+
+/* ====== GENERAL ====== */
+
+a, .btn-linkstyled {
+   color: #113E58;
+
+   &:link {
+      color: #113E58;
+   }
+}
+
+.ui-widget-content a {
+   color: #113E58;
+}
+
+.main_form tr.headerRow th {
+   color: #19BEC0;
+}
+
+/* ====== HEADER ====== */
+
+#header_top {
+   background-color: #113F59;
+}
+
+#c_preference a, #language_link > span {
+   color: #F3EDD3;
+}
+
+#c_recherche form #champRecherche input {
+   background-color: #0C2736;
+   color: #F3EDD3;
+}
+
+#c_menu {
+   background-color: #19BEC0;
+}
+
+ul {
+   &#menu {
+      a {
+         &.itemP, &.itemP1 {
+            color: #FFF;
+         }
+      }
+
+      > li.active {
+         background-color: #113F59;
+      }
+   }
+
+   &.ssmenu li.active {
+      background-color: #113F59;
+   }
+
+   &#menu {
+      > li.active > a {
+         color: #F3EDD3;
+      }
+
+      ul {
+         &.ssmenu li.active > a {
+            color: #F3EDD3;
+         }
+
+         li a {
+            &:hover {
+               background: #19BEC0;
+               color: #113F59;
+            }
+
+            color: #113F59;
+         }
+      }
+
+      > li:hover {
+         background-color: #20D6C7;
+      }
+   }
+}
+
+#c_recherche form #champRecherche button {
+   background-color: white;
+}
+
+/* ====== BUTTONS ====== */
+
+input.submit, span.vsubmit, a.vsubmit, .ui-widget-content span.vsubmit, a.vsubmit, #BackToTop {
+   color: #F3EDD3;
+   background-color: #D54F58;
+}
+
+.vsubmit a {
+   color: #F3EDD3;
+   text-decoration: underline;
+}
+
+input.submit:hover, a.vsubmit:hover, #BackToTop:hover {
+   background-color: #D54F58;
+}
+
+/* ====== Breadcrumb ====== */
+
+.breadcrumb_item:nth-of-type(3) {
+   background-color: #D54F58;
+
+   a {
+      color: #F3EDD3 !important;
+   }
+
+   &:after {
+      border-left-color: #D54F58;
+   }
+}
+
+/* Primary color elements (white on blue BG) designed to be overridden from palettes */
+/* Colors are same as #c_menu */
+
+.primary-bg {
+   background: #19BEC0;
+}
+
+.primary-bg-inverse {
+   background: white;
+}
+
+.primary-fg {
+   color: white;
+
+   &:hover {
+      color: white;
+   }
+}
+
+.primary-fg-inverse {
+   color: #19BEC0;
+
+   &:hover {
+      color: #19BEC0;
+   }
+}
+
+#show_all_menu {
+   dt a {
+      color: white;
+
+      &:hover {
+         background: #20D6C7;
+         color: white;
+      }
+   }
+
+   a:hover {
+      background-color: #19BEC0;
+      color: #113F59;
+   }
+}
+
+div.progress .progress-fg {
+   background-color: #19BEC0;
+}

css/palettes/_lightblue.scss

@@ -0,0 +1,236 @@
+/**
+ * ---------------------------------------------------------------------
+ * GLPI - Gestionnaire Libre de Parc Informatique
+ * Copyright (C) 2015-2020 Teclib' and contributors.
+ *
+ * http://glpi-project.org
+ *
+ * based on GLPI - Gestionnaire Libre de Parc Informatique
+ * Copyright (C) 2003-2014 by the INDEPNET Development Team.
+ *
+ * ---------------------------------------------------------------------
+ *
+ * LICENSE
+ *
+ * This file is part of GLPI.
+ *
+ * GLPI is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation; either version 2 of the License, or
+ * (at your option) any later version.
+ *
+ * GLPI is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with GLPI. If not, see <http://www.gnu.org/licenses/>.
+ * ---------------------------------------------------------------------
+ */
+/* ===== LOGIN ===== */
+
+#firstboxlogin {
+   background-color: #1A7AB2;
+}
+
+#logo_login {
+   background: #5ABCFF;
+}
+
+#display-login {
+   color: #FFF;
+}
+
+#text-login {
+   background-color: #5ABCFF;
+   color: #FFF;
+}
+
+/* ====== GENERAL ====== */
+
+a, .btn-linkstyled {
+   color: #006573;
+
+   &:link {
+      color: #006573;
+   }
+}
+
+.ui-widget-content a {
+   color: #006573;
+}
+
+.main_form tr.headerRow th {
+   color: #81BEAA;
+}
+
+/* ====== HEADER ====== */
+
+#header_top {
+   background-color: #1A7AB2;
+}
+
+#c_preference a, #language_link > span {
+   color: #7cc7f1;
+}
+
+#c_recherche form #champRecherche input {
+   background-color: #005572;
+   color: #F4D4AD;
+}
+
+#c_menu {
+   background-color: #5ABCFF;
+}
+
+ul {
+   &#menu {
+      a {
+         &.itemP, &.itemP1 {
+            color: #fff;
+         }
+      }
+
+      ul li a {
+         color: #3891cd;
+      }
+
+      > li.active {
+         background-color: #2da9ff;
+      }
+   }
+
+   &.ssmenu li.active {
+      background-color: #2da9ff;
+   }
+
+   &#menu {
+      > li.active > a {
+         color: #FFF;
+      }
+
+      ul {
+         &.ssmenu li.active > a {
+            color: #FFF;
+         }
+
+         li a:hover {
+            background: #55B2FF;
+            color: #fff;
+         }
+      }
+
+      > li:hover {
+         background-color: #41B1FF;
+         color: #fff;
+
+         > a {
+            background-color: #41B1FF;
+            color: #fff;
+         }
+      }
+   }
+}
+
+#c_recherche form #champRecherche button {
+   background-color: white;
+}
+
+/* ====== BUTTONS ====== */
+
+input.submit {
+   background-color: #41B1FF;
+   color: #fff;
+   border: 1px solid #88c9ff;
+
+   &:hover {
+      background-color: #92ceff;
+   }
+}
+
+a.vsubmit {
+   background-color: #41B1FF;
+   color: #fff;
+
+   &:hover {
+      background-color: #92ceff;
+   }
+}
+
+#BackToTop {
+   background-color: #55B2FF;
+   color: #fff;
+}
+
+/* ====== BREADCRUMB ====== */
+
+#c_ssmenu2 .breadcrumb_item:nth-of-type(3) {
+   background-color: #2da9ff;
+
+   a {
+      color: #fff;
+   }
+
+   &:after {
+      border-left-color: #2da9ff;
+   }
+}
+
+/* Primary color elements (white on blue BG) designed to be overridden from palettes */
+/* Colors are same as #c_menu */
+
+.primary-bg {
+   background: #5ABCFF;
+}
+
+.primary-bg-inverse {
+   background: white;
+}
+
+.primary-fg {
+   color: white;
+
+   &:hover {
+      color: white;
+   }
+}
+
+.primary-fg-inverse {
+   color: #5ABCFF;
+
+   &:hover {
+      color: #5ABCFF;
+   }
+}
+
+#c_preference a.debugon {
+   color: black !important;
+
+   &:hover {
+      color: black !important;
+   }
+}
+
+#show_all_menu {
+   dt a {
+      color: white;
+
+      &:hover {
+         background: #41B1FF;
+      }
+   }
+
+   a {
+      color: #3891cd;
+
+      &:hover {
+         background-color: #5ABCFF;
+         color: white;
+      }
+   }
+}
+
+div.progress .progress-fg {
+   background-color: #5ABCFF;
+}

css/palettes/_premiumred.scss

@@ -0,0 +1,216 @@
+/**
+ * ---------------------------------------------------------------------
+ * GLPI - Gestionnaire Libre de Parc Informatique
+ * Copyright (C) 2015-2020 Teclib' and contributors.
+ *
+ * http://glpi-project.org
+ *
+ * based on GLPI - Gestionnaire Libre de Parc Informatique
+ * Copyright (C) 2003-2014 by the INDEPNET Development Team.
+ *
+ * ---------------------------------------------------------------------
+ *
+ * LICENSE
+ *
+ * This file is part of GLPI.
+ *
+ * GLPI is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation; either version 2 of the License, or
+ * (at your option) any later version.
+ *
+ * GLPI is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with GLPI. If not, see <http://www.gnu.org/licenses/>.
+ * ---------------------------------------------------------------------
+ */
+/* ===== LOGIN ===== */
+
+#firstboxlogin {
+   background-color: #E2392B;
+}
+
+#logo_login {
+   background: #A2291F;
+}
+
+#display-login {
+   color: #FFF;
+}
+
+#text-login {
+   background-color: #A2291F;
+   color: #FFF;
+}
+
+/* ====== GENERAL ====== */
+
+a, .btn-linkstyled {
+   color: #C83226;
+
+   &:link {
+      color: #C83226;
+   }
+}
+
+.ui-widget-content a, .main_form tr.headerRow th {
+   color: #C83226;
+}
+
+/* ====== HEADER ====== */
+
+#header_top {
+   background-color: #A2291F;
+}
+
+#c_preference a, #language_link > span {
+   color: #E9CAC8;
+}
+
+#c_recherche form #champRecherche input {
+   background-color: #621913;
+   color: #E9CAC8;
+}
+
+#c_menu {
+   background-color: #E2392B;
+}
+
+ul {
+   &#menu {
+      a {
+         &.itemP, &.itemP1 {
+            color: #FFF;
+         }
+      }
+
+      > li.active {
+         background-color: #A2291F;
+      }
+   }
+
+   &.ssmenu li.active {
+      background-color: #A2291F;
+   }
+
+   &#menu {
+      > li.active > a {
+         color: #FFF;
+      }
+
+      ul {
+         &.ssmenu li.active > a {
+            color: #FFF;
+         }
+
+         li a {
+            &:hover {
+               background: #EB3B2C;
+               color: #FFF;
+            }
+
+            color: #C83226;
+         }
+      }
+
+      > li:hover {
+         background-color: #EF3C2D;
+      }
+   }
+}
+
+#c_recherche form #champRecherche button {
+   background-color: white;
+}
+
+/* ====== BUTTONS ====== */
+
+input.submit, span.vsubmit, a.vsubmit, .ui-widget-content span.vsubmit, a.vsubmit, #BackToTop {
+   color: #FFF;
+   background-color: #FB6356;
+}
+
+.vsubmit a {
+   color: #FFF;
+   text-decoration: underline;
+}
+
+input.submit:hover, a.vsubmit:hover, #BackToTop:hover {
+   background-color: #FB6356;
+}
+
+/* ====== Breadcrumb ====== */
+
+.breadcrumb_item:nth-of-type(3) {
+   background-color: #FB6356;
+
+   a {
+      color: #FFF !important;
+   }
+
+   &:after {
+      border-left-color: #FB6356;
+   }
+}
+
+/* Primary color elements (white on blue BG) designed to be overridden from palettes */
+/* Colors are same as #c_menu */
+
+.primary-bg {
+   background: #E2392B;
+}
+
+.primary-bg-inverse {
+   background: white;
+}
+
+.primary-fg {
+   color: white;
+
+   &:hover {
+      color: white;
+   }
+}
+
+.primary-fg-inverse {
+   color: #E2392B;
+
+   &:hover {
+      color: #E2392B;
+   }
+}
+
+#c_preference a.debugon {
+   color: black !important;
+
+   &:hover {
+      color: black !important;
+   }
+}
+
+#show_all_menu {
+   dt a {
+      color: white;
+
+      &:hover {
+         background: #EF3C2D;
+      }
+   }
+
+   a {
+      color: #C83226;
+
+      &:hover {
+         background-color: #E2392B;
+         color: white;
+      }
+   }
+}
+
+div.progress .progress-fg {
+   background-color: #E2392B;
+}

css/palettes/_purplehaze.scss

@@ -0,0 +1,257 @@
+/**
+ * ---------------------------------------------------------------------
+ * GLPI - Gestionnaire Libre de Parc Informatique
+ * Copyright (C) 2015-2020 Teclib' and contributors.
+ *
+ * http://glpi-project.org
+ *
+ * based on GLPI - Gestionnaire Libre de Parc Informatique
+ * Copyright (C) 2003-2014 by the INDEPNET Development Team.
+ *
+ * ---------------------------------------------------------------------
+ *
+ * LICENSE
+ *
+ * This file is part of GLPI.
+ *
+ * GLPI is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation; either version 2 of the License, or
+ * (at your option) any later version.
+ *
+ * GLPI is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with GLPI. If not, see <http://www.gnu.org/licenses/>.
+ * ---------------------------------------------------------------------
+ */
+/* ====== BODY ====== */
+
+body {
+   background-color: #fefefe;
+}
+
+/* ===== LOGIN ===== */
+
+#firstboxlogin {
+   background-color: #006573;
+}
+
+#logo_login {
+   background: #008B8D;
+}
+
+#display-login {
+   color: #FFF;
+}
+
+#text-login {
+   background-color: #008B8D;
+   color: #FFF;
+}
+
+/* ====== GENERAL ====== */
+
+a, .btn-linkstyled {
+   color: #8783c2;
+
+   &:link {
+      color: #8783c2;
+   }
+}
+
+.ui-widget-content a {
+   color: #8783c2;
+}
+
+.main_form tr.headerRow th {
+   color: #81BEAA;
+}
+
+/* ====== HEADER ====== */
+
+#header_top {
+   background: linear-gradient(to top, #353166, #524b9d);
+}
+
+#c_preference a, #language_link > span {
+   color: #8783c2;
+}
+
+#c_recherche form #champRecherche input {
+   background-color: #4e4996;
+   color: #fff;
+
+   &::-webkit-input-placeholder {
+      background-color: #4e4996;
+      color: #fff;
+   }
+}
+
+#c_menu {
+   background-color: #564B7F;
+}
+
+ul {
+   &#menu {
+      a {
+         &.itemP, &.itemP1 {
+            color: #fff;
+         }
+      }
+
+      ul li a {
+         color: #6660b2;
+      }
+
+      > li.active {
+         background-color: #3c3874;
+      }
+   }
+
+   &.ssmenu li.active {
+      background-color: #3c3874;
+   }
+
+   &#menu {
+      > li.active > a {
+         color: #FFF;
+      }
+
+      ul {
+         &.ssmenu li.active > a {
+            color: #FFF;
+         }
+
+         li a:hover {
+            background: #403b7b;
+            color: #fff;
+         }
+      }
+
+      > li:hover {
+         background-color: #3c3874;
+         color: #fff;
+
+         > a {
+            background-color: #3c3874;
+            color: #fff;
+         }
+      }
+   }
+}
+
+/* ====== BUTTONS ====== */
+
+input.submit {
+   background-color: #5953ab;
+   color: #fff;
+
+   &:hover {
+      background-color: #736eb9;
+      -moz-box-shadow: initial;
+      -ms-box-shadow: initial;
+      -webkit-box-shadow: initial;
+   }
+}
+
+a.vsubmit {
+   background-color: #6660b2;
+   color: #fff;
+
+   &:hover {
+      background-color: #736eb9;
+      -moz-box-shadow: initial;
+      -ms-box-shadow: initial;
+      -webkit-box-shadow: initial;
+   }
+}
+
+#BackToTop {
+   background-color: #635692;
+   color: #fff;
+}
+
+/* ====== BREADCRUMB ====== */
+
+#c_ssmenu2 .breadcrumb_item:nth-of-type(3) {
+   background-color: #4e4996;
+
+   a {
+      color: #fff;
+   }
+
+   &:after {
+      border-left-color: #4e4996;
+   }
+}
+
+/* ====== PANEL ====== */
+/* + Tabs */
+
+.tab_bg_4 {
+   background-color: #efeef5;
+}
+
+/* ====== FOOTER ====== */
+
+#footer {
+   background-color: #635692;
+
+   .copyright, .right a {
+      color: #fff;
+   }
+}
+
+/* Primary color elements (white on blue BG) designed to be overridden from palettes */
+/* Colors are same as #c_menu */
+
+.primary-bg {
+   background: #564B7F;
+}
+
+.primary-bg-inverse {
+   background: white;
+}
+
+.primary-fg {
+   color: white;
+
+   &:hover {
+      color: white;
+   }
+}
+
+.primary-fg-inverse {
+   color: #564B7F;
+
+   &:hover {
+      color: #564B7F;
+   }
+}
+
+#show_all_menu {
+   dt a {
+      color: white;
+
+      &:hover {
+         background: #3c3874;
+      }
+   }
+
+   a {
+      color: #6660b2;
+
+      &:hover {
+         background-color: #564B7F;
+         color: white;
+      }
+   }
+}
+
+div.progress .progress-fg {
+   background-color: #564B7F;
+}

css/palettes/_teclib.scss

@@ -0,0 +1,220 @@
+/**
+ * ---------------------------------------------------------------------
+ * GLPI - Gestionnaire Libre de Parc Informatique
+ * Copyright (C) 2015-2020 Teclib' and contributors.
+ *
+ * http://glpi-project.org
+ *
+ * based on GLPI - Gestionnaire Libre de Parc Informatique
+ * Copyright (C) 2003-2014 by the INDEPNET Development Team.
+ *
+ * ---------------------------------------------------------------------
+ *
+ * LICENSE
+ *
+ * This file is part of GLPI.
+ *
+ * GLPI is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation; either version 2 of the License, or
+ * (at your option) any later version.
+ *
+ * GLPI is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with GLPI. If not, see <http://www.gnu.org/licenses/>.
+ * ---------------------------------------------------------------------
+ */
+/* ===== LOGIN ===== */
+
+#firstboxlogin {
+   background-color: #F3F3F4;
+}
+
+#logo_login {
+   background: #8E21A1;
+}
+
+#display-login {
+   color: #FFF;
+}
+
+#text-login {
+   background-color: #8E21A1;
+   color: #FFF;
+}
+
+#boxlogin #forget, #footer-login a {
+   color: #424242;
+}
+
+/* ====== GENERAL ====== */
+
+a, .btn-linkstyled {
+   color: #8E21A1;
+
+   &:link {
+      color: #8E21A1;
+   }
+}
+
+.ui-widget-content a, .main_form tr.headerRow th {
+   color: #8E21A1;
+}
+
+/* ====== HEADER ====== */
+
+#header_top {
+   background-color: #8E21A1;
+}
+
+#c_preference a, #language_link > span {
+   color: #FFFFFF;
+}
+
+#c_recherche form #champRecherche input {
+   background-color: #331A37;
+   color: #FFF;
+}
+
+#c_menu {
+   background-color: #C6C6C8;
+}
+
+ul {
+   &#menu {
+      a {
+         &.itemP, &.itemP1 {
+            color: #676767;
+         }
+      }
+
+      > li.active {
+         background-color: #8E21A1;
+      }
+   }
+
+   &.ssmenu li.active {
+      background-color: #8E21A1;
+   }
+
+   &#menu {
+      > li.active > a {
+         color: #FFF;
+      }
+
+      ul {
+         &.ssmenu li.active > a {
+            color: #FFF;
+         }
+
+         li a {
+            &:hover {
+               background: #BB78CA;
+               color: #FFF;
+            }
+
+            color: #000;
+         }
+      }
+
+      > li:hover {
+         background-color: #BB78CA;
+      }
+   }
+}
+
+#c_recherche form #champRecherche button {
+   background-color: white;
+}
+
+/* ====== BUTTONS ====== */
+
+input.submit, span.vsubmit, a.vsubmit, .ui-widget-content span.vsubmit, a.vsubmit, #BackToTop {
+   color: #353B17;
+   background-color: #BCDA1A;
+}
+
+.vsubmit a {
+   color: #353B17;
+   text-decoration: underline;
+}
+
+input.submit:hover, a.vsubmit:hover, #BackToTop:hover {
+   background-color: #BCDA1A;
+}
+
+/* ====== Breadcrumb ====== */
+
+.breadcrumb_item:nth-of-type(3) {
+   background-color: #BCDA1A;
+
+   a {
+      color: #353B17 !important;
+   }
+
+   &:after {
+      border-left-color: #BCDA1A;
+   }
+}
+
+/* Primary color elements (white on blue BG) designed to be overridden from palettes */
+/* Colors are same as #c_menu */
+
+.primary-bg {
+   background: #C6C6C8;
+}
+
+.primary-bg-inverse {
+   background: #676767;
+}
+
+.primary-fg {
+   color: #676767;
+
+   &:hover {
+      color: #676767;
+   }
+}
+
+.primary-fg-inverse {
+   color: #C6C6C8;
+
+   &:hover {
+      color: #C6C6C8;
+   }
+}
+
+#c_preference a.debugon {
+   color: black !important;
+
+   &:hover {
+      color: black !important;
+   }
+}
+
+#show_all_menu {
+   dt a {
+      color: white;
+
+      &:hover {
+         background: #BB78CA;
+      }
+   }
+
+   a {
+      color: black;
+
+      &:hover {
+         background-color: #BB78CA;
+         color: white;
+      }
+   }
+}
+
+div.progress .progress-fg {
+   background-color: #BB78CA;
+}

css/palettes/_vintage.scss

@@ -0,0 +1,235 @@
+/**
+ * ---------------------------------------------------------------------
+ * GLPI - Gestionnaire Libre de Parc Informatique
+ * Copyright (C) 2015-2020 Teclib' and contributors.
+ *
+ * http://glpi-project.org
+ *
+ * based on GLPI - Gestionnaire Libre de Parc Informatique
+ * Copyright (C) 2003-2014 by the INDEPNET Development Team.
+ *
+ * ---------------------------------------------------------------------
+ *
+ * LICENSE
+ *
+ * This file is part of GLPI.
+ *
+ * GLPI is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation; either version 2 of the License, or
+ * (at your option) any later version.
+ *
+ * GLPI is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with GLPI. If not, see <http://www.gnu.org/licenses/>.
+ * ---------------------------------------------------------------------
+ */
+/* ===== LOGIN ===== */
+
+#firstboxlogin {
+   background-color: #006573;
+}
+
+#logo_login {
+   background: #008B8D;
+}
+
+#display-login {
+   color: #FFF;
+}
+
+#text-login {
+   background-color: #008B8D;
+   color: #FFF;
+}
+
+/* ====== GENERAL ====== */
+
+a, .btn-linkstyled {
+   color: #006573;
+
+   &:link {
+      color: #006573;
+   }
+}
+
+.ui-widget-content a {
+   color: #006573;
+}
+
+.main_form tr.headerRow th {
+   color: #81BEAA;
+}
+
+/* ====== HEADER ====== */
+
+#header_top {
+   background-color: #064260;
+}
+
+#c_preference a, #language_link > span {
+   color: #f2ef9f;
+}
+
+#c_recherche form #champRecherche input {
+   background-color: #096390;
+   color: #fff;
+
+   &::-webkit-input-placeholder {
+      background-color: #096390;
+      color: #fff;
+   }
+}
+
+#c_menu {
+   background-color: #bf0805;
+}
+
+ul {
+   &#menu {
+      a {
+         &.itemP, &.itemP1 {
+            color: #fff;
+         }
+      }
+
+      ul li a {
+         color: #bf0805;
+      }
+
+      > li.active {
+         background-color: #064260;
+      }
+   }
+
+   &.ssmenu li.active {
+      background-color: #064260;
+   }
+
+   &#menu {
+      > li.active > a {
+         color: #FFF;
+      }
+
+      ul {
+         &.ssmenu li.active > a {
+            color: #FFF;
+         }
+
+         li a:hover {
+            background: #c90805;
+            color: #fff;
+         }
+      }
+
+      > li:hover {
+         background-color: #064260;
+         color: #fff;
+
+         > a {
+            background-color: #064260;
+            color: #fff;
+         }
+      }
+   }
+}
+
+/* ====== BUTTONS ====== */
+
+input.submit {
+   background-color: #bf0805;
+   color: #fff;
+
+   &:hover {
+      background-color: #f9201d;
+   }
+}
+
+a.vsubmit {
+   background-color: #bf0805;
+   color: #fff;
+
+   &:hover {
+      background-color: #d6665a;
+   }
+}
+
+#BackToTop {
+   background-color: #FF5131;
+   color: #fff;
+}
+
+/* ====== BREADCRUMB ====== */
+
+#c_ssmenu2 .breadcrumb_item:nth-of-type(3) {
+   background-color: #064260;
+
+   a {
+      color: #fff;
+   }
+
+   &:after {
+      border-left-color: #064260;
+   }
+}
+
+.primary {
+   /* Primary color elements (white on blue BG) designed to be overridden from palettes */
+   /* Colors are same as #c_menu */
+   background: #bf0805;
+   color: white;
+}
+
+/* Primary color elements (white on blue BG) designed to be overridden from palettes */
+/* Colors are same as #c_menu */
+
+.primary-bg {
+   background: #bf0805;
+}
+
+.primary-bg-inverse {
+   background: white;
+}
+
+.primary-fg {
+   color: white;
+
+   &:hover {
+      color: white;
+   }
+}
+
+.primary-fg-inverse {
+   color: #bf0805;
+
+   &:hover {
+      color: #bf0805;
+   }
+}
+
+#show_all_menu {
+   dt a {
+      color: white;
+
+      &:hover {
+         background: #064260;
+      }
+   }
+
+   a {
+      color: #bf0805;
+
+      &:hover {
+         background-color: #bf0805;
+         color: white;
+      }
+   }
+}
+
+div.progress .progress-fg {
+   background-color: #096390;
+}