From a5bcdb1689b0342b531764fdcd031a77adda8fe8 Mon Sep 17 00:00:00 2001
From: Antoine Le Gonidec <vv221@dotslashplay.it>
Date: Wed, 24 Jul 2024 11:36:20 +0200
Subject: [PATCH] Change the base colors to replace the Khaganat purple with
 MMF red

---
 css/index.css | 51 +++++++++++++++++++++++++--------------------------
 1 file changed, 25 insertions(+), 26 deletions(-)

diff --git a/css/index.css b/css/index.css
index d7f9dce..2cfd912 100644
--- a/css/index.css
+++ b/css/index.css
@@ -7,18 +7,17 @@
 
 /* Variables */
 html {
-	--bgcolor: #9890bd;
-	--dark-color: #2d1040; /* Pour les textes entre autre */
-	--color1: #6359db;
-	--color2: #6639af;
-	--color3: #9073ff;
-	--color4: #483D8B; /* Liens */
-	--color5: #a6006c; /* liens cassés et erreurs */
+	--bgcolor: #bd8f97;
+	--dark-color: #401018; /* Pour les textes entre autre */
+	--color1: #e8304e;
+	--color2: #b03a4d;
+	--color3: #ff738a;
+	--color4: #8c3e4b; /* Liens */
+	--color5: #a6001b; /* liens cassés et erreurs */
 	--neutral-color: #ddd; /* Gris */
 	--neutral-light-color: #ffffff; /* Blanc */
-	--neutral-mid-color: #787392; /* Contraste OK sur blanc mais attire moins l'œil ; gris */
-	--khanat-color: #100873;
-	--khaganat-color: #8530bf ;
+	--neutral-mid-color: #927378; /* Contraste OK sur blanc mais attire moins l'œil ; gris */
+	--mmf-color: #e8304e;
 	--colortest: bisque ;
 }
 
@@ -547,7 +546,7 @@ a img {
 /* Highlighted text - such as search results. */
 .highlight {
 	font-weight: bold;
-	color: var(--khaganat-color) !important;
+	color: var(--mmf-color) !important;
 	font-size: 1.1em;
 	background-color: inherit;
 }
@@ -627,7 +626,7 @@ strong[id^='child_list_']::after {
 
 /* Calendar colors for birthdays, events and holidays */
 .birthday {
-	color: var(--khaganat-color) ;
+	color: var(--mmf-color);
 }
 
 .event {
@@ -849,7 +848,7 @@ img.sort, .sort {
 #top_info > li:focus > a, 
 #top_info > li > a:focus, 
 #top_info > li > a.open {
-	background: var(--khaganat-color);
+	background: var(--mmf-color);
 	cursor: pointer;
 	color: var(--neutral-light-color);
 	border: none;
@@ -859,7 +858,7 @@ img.sort, .sort {
 .dropmenu li a.active:focus, 
 .dropmenu li:hover a.active,
 .dropmenu li:focus a.active  {
-	background: var(--khaganat-color);
+	background: var(--mmf-color);
 	font-weight: bold;
 }
 
@@ -1001,7 +1000,7 @@ generic_menu .dropmenu .subsections ul li a {
 .dropmenu li li a:hover, 
 .dropmenu li:hover li a:hover,
 .dropmenu li:focus li a:focus  {
-	background: var(--khaganat-color); 
+	background: var(--mmf-color);
 	color: var(--neutral-light-color); 
 }
 
@@ -1077,7 +1076,7 @@ generic_menu .dropmenu .subsections ul li a {
 /* Reposition Level 2 submenu as visible on hover. */
 .dropmenu ul {
 	display: block;
-	border: solid 1px var(--khaganat-color); 
+	border: solid 1px var(--mmf-color);
 	box-shadow: 0px 0px 5px 1px var(--neutral-light-color);
 	border-radius: 0 0.5em;
 }
@@ -1151,14 +1150,14 @@ html[lang="el-GR"] .inline_mod_check {
 
 /* the active one */
 .button.active {
-	background: var(--khaganat-color);
+	background: var(--mmf-color);
 	color: var(--neutral-light-color);
 	font-weight: bold;
 	border-bottom: none;
 
 }
 .button.active:hover, .button.active:focus {
-	background: var(--khaganat-color);
+	background: var(--mmf-color);
 	box-shadow: none;
 	border-bottom: none;
 }
@@ -1578,7 +1577,7 @@ font-size: large;
 }
 
 .quickbuttons li:hover, .quickbuttons li a:hover, .quickbuttons li a:focus {
-	background: var(--khaganat-color);
+	background: var(--mmf-color);
 	color: var(--neutral-light-color);
 }
 
@@ -3122,7 +3121,7 @@ dl.addrules dt.floatleft {
 }
 .popup_heading {
 	padding: 10px 8px;
-	color: var(--khaganat-color);
+	color: var(--mmf-color);
 }
 .popup_content {
 	color: #222;
@@ -4325,12 +4324,12 @@ h2.profile_hd::before,
 .quickbuttons li ul li a:hover, .quickbuttons ul li a:focus,
 .post_options ul a:hover, .post_options ul a:focus, .notify_dropdown a:hover, .notify_dropdown a:focus
 {
-	background: var(--khaganat-color); 
+	background: var(--mmf-color);
 	color: var(--neutral-light-color); 
 }*/
 /* Well some of them has different gradient effect on hover */
 .button:hover, #search_form .button:hover {
-	background: var(--khaganat-color);
+	background: var(--mmf-color);
 	color: var(--neutral-light-color);
 }
 /* If it fits I sits... */
@@ -4366,7 +4365,7 @@ h2.profile_hd::before,
 	clear: both;
 	display: flex;
 	align-items: center;
-	background: var(--khaganat-color);
+	background: var(--mmf-color);
 	position: relative;
 	margin-bottom: 0.3em;
 	padding-bottom: 1em;
@@ -4404,7 +4403,7 @@ h2.profile_hd::before,
 /* Pas forcément top vu comme les lignes peuvent bouger
 .display_title:after {
 	border-right: 26px solid transparent;
-	border-bottom: 26px solid var(--khaganat-color);
+	border-bottom: 26px solid var(--mmf-color);
 	margin-right: -26px;
 	content: " ";
 	box-sizing: content-box;
@@ -4700,7 +4699,7 @@ img.theme_thumbnail {
 }
 
 .khbb_subtitlemenu {
-	color:var(--khaganat-color);
+	color:var(--mmf-color);
 	text-align: center;
 	padding: 5px;
 	z-index: 1;
@@ -4842,7 +4841,7 @@ img.theme_thumbnail {
 }
 .khbiseau_topright_khcolor {
 	border-style: solid;
-	border-color: transparent transparent var(--khaganat-color) transparent;
+	border-color: transparent transparent var(--mmf-color) transparent;
 	border-width: 0 1em 1em 0;
 }