diff -r 000000000000 -r bca7a7e058a3 src/pyams_skin/resources/less/colors.less
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/src/pyams_skin/resources/less/colors.less	Thu Feb 13 11:43:31 2020 +0100
@@ -0,0 +1,276 @@
+
+/*
+ * Colors variations
+ */
+
+@textColor: #333;
+@bodyColor: #e7e7ef;
+
+@dangerTextColor: #a94442;
+@warningTextColor: #6b6d31;
+@infoTextColor: #346597;
+@successTextColor: #296829;
+@successBgColor: #5cb85c;
+
+@magenta: #6e3671;
+@teal: #568a89;
+@pink: #ac5287;
+@pinkDark: #a8829f;
+@yellow: #d4c737;
+@yellowLight: #fff03d;
+@orange: #c79121;
+@orangeLight: #ee9000;
+@orangeDark: #a57225;
+@purple: #65596B;
+@teal: #568a89;
+@blueDark: #4c4f53;
+@blue: #60747c;
+@blueLight: #ccdadf;
+@red: #931313;
+@redLight: #a65858;
+@greenDark: #496949;
+@green: #356e35;
+@greenLight: #71843f;
+
+@white: #dedede;
+@black: #000000;
+@darken: #404040;
+@lighten: #d5e7ec;
+@grayDark: #525252;
+@silver: #b4b4b4;
+@silverLight: #d0d0d0;
+
+@activeTabBorder: #3276b1;
+@activeTabBg: #cedbf7;
+
+@headerBgColor: #f8f8f8;
+@headerMobileBgColor: #fff;
+
+@asideBgColor: #92a395;
+
+@ribbonBgColor: #3886c9;
+@ribbonMobileBorderBottomColor: #cfcfcf;
+@ribbonMobileBorderTopColor: #e6e6e6;
+@ribbonMobileBgColor: #f5f5f5;
+@ribbonLinkColor: #efefef;
+@ribbonLinkStrongColor: #fff;
+@ribbonActiveLinkColor: #fff;
+@ribbonMobileActiveLinkColor: #333;
+@ribbonMobileLinkColor: #6d6c6c;
+@ribbonMobileLinkStrongColor: #333;
+
+@navBgColor: #58635b;
+@navHeaderBgColor: #e75a2c;
+@navDividerBgColor: rgba(122, 122, 122, .8);
+@navLinkColor: #f9fdf2;
+@navLinkActiveColor: #606b62;
+@navLinkFocusColor: #c9c9c9;
+@navLinkHoverColor: #fff;
+@navLinkPipeColor: #e5e2cf;
+@navActiveMenuLinkColor: #fefefe;
+@navSubMenuBgColor: #4a534d;
+@navSubMenuActiveLinkBgColor: #337ab7;
+@navSubMenuLinkHoverBgColor: #39423c;
+@navSubMenuLinkHoverBorderColor: rgba(122, 122, 122, .4);
+@navSubMenuLinkHoverBoldColor: #d5d9e2;
+@navSubSubMenuLinkColor: #bfbfbf;
+@navSubSubMenuLinkPipeColor: rgba(122, 122, 122, .1);
+@navSubSubMenuLinkHoverBgColor: #39423c;
+@navSubSubMenuLinkEmBgColor: #ed1c24;
+@navSubSubMenuLinkEmBorderColor: rgba(255, 255, 255, .1);
+@navSubSubMenuBoldColor: #b3b3b3;
+
+@messageBgColor: rgba(0, 0, 0, .7);
+
+@tableBorderColor: #ddd;
+@tableCurrentColor: #ccc;
+@tableHoverColor: #eee;
+@tableSortColor: #b4cbb9;
+
+.txt-color-danger {
+	color: @dangerTextColor !important;
+}
+.txt-color-warning {
+	color: @warningTextColor !important;
+}
+.txt-color-info {
+	color: @infoTextColor !important;
+}
+.txt-color-success {
+	color: @successTextColor !important;
+}
+
+.bg-color-danger {
+	background-color: @dangerTextColor !important;
+}
+.bg-color-warning {
+	background-color: @warningTextColor !important;
+}
+.bg-color-info {
+	background-color: @infoTextColor !important;
+}
+.bg-color-success {
+	background-color: @successBgColor !important;
+}
+
+
+.txt-color-text {
+	color: @textColor !important;
+}
+.txt-color-blue {
+	color: @blue !important;
+}
+.txt-color-blueLight {
+	color: @blueLight !important;
+}
+.txt-color-blueDark {
+	color: @blueDark !important;
+}
+.txt-color-green {
+	color: @green !important;
+}
+.txt-color-greenLight {
+	color: @greenLight !important;
+}
+.txt-color-greenDark {
+	color: @greenDark !important;
+}
+.txt-color-red {
+	color: @red !important;
+}
+.txt-color-yellow {
+	color: @yellow !important;
+}
+.txt-color-yellowLight {
+	color: @yellowLight !important;
+}
+.txt-color-orange {
+	color: @orange !important;
+}
+.txt-color-orangeLight {
+	color: @orangeLight !important;
+}
+.txt-color-orangeDark {
+	color: @orangeDark !important;
+}
+.txt-color-pink {
+	color: @pink !important;
+}
+.txt-color-pinkDark {
+	color: @pinkDark !important;
+}
+.txt-color-purple {
+	color: @purple !important;
+}
+.txt-color-darken {
+	color: @darken !important;
+}
+.txt-color-silver {
+	color: @silver !important;
+}
+.txt-color-silverLight {
+	color: @silverLight !important;
+}
+.txt-color-lighten {
+	color: @lighten !important;
+}
+.txt-color-white {
+	color: @white !important;
+}
+.txt-color-grayDark {
+	color: @grayDark !important;
+}
+.txt-color-magenta {
+	color: @magenta !important;
+}
+.txt-color-teal {
+	color: @teal !important;
+}
+.txt-color-redLight {
+	color: @redLight !important;
+}
+.txt-color-active {
+	color: @activeTabBorder !important;
+}
+.txt-color-activeBg {
+	color: @activeTabBg !important;
+}
+
+.bg-color-blue {
+	background-color: @blue !important;
+}
+.bg-color-blueLight {
+	background-color: @blueLight !important;
+}
+.bg-color-blueDark {
+	background-color: @blueDark !important;
+}
+.bg-color-green {
+	background-color: @green !important;
+}
+.bg-color-greenLight {
+	background-color: @greenLight !important;
+}
+.bg-color-greenDark {
+	background-color: @greenDark !important;
+}
+.bg-color-red {
+	background-color: @red !important;
+}
+.bg-color-yellow {
+	background-color: @yellow !important;
+}
+.bg-color-yellowLight {
+	background-color: @yellowLight !important;
+}
+.bg-color-orange {
+	background-color: @orange !important;
+}
+.bg-color-orangeLight {
+	background-color: @orangeLight !important;
+}
+.bg-color-orangeDark {
+	background-color: @orangeDark !important;
+}
+.bg-color-pink {
+	background-color: @pink !important;
+}
+.bg-color-pinkDark {
+	background-color: @pinkDark !important;
+}
+.bg-color-purple {
+	background-color: @purple !important;
+}
+.bg-color-darken {
+	background-color: @darken !important;
+}
+.bg-color-silver {
+	background-color: @silver !important;
+}
+.bg-color-silverLight {
+	background-color: @silverLight !important;
+}
+.bg-color-lighten {
+	background-color: @lighten !important;
+}
+.bg-color-white {
+	background-color: @white !important;
+}
+.bg-color-grayDark {
+	background-color: @grayDark !important;
+}
+.bg-color-magenta {
+	background-color: @magenta !important;
+}
+.bg-color-teal {
+	background-color: @teal !important;
+}
+.bg-color-redLight {
+	background-color: @redLight !important;
+}
+.bg-color-active {
+	background-color: @activeTabBorder !important;
+}
+.bg-color-activeBg {
+	background-color: @activeTabBg !important;
+}