From a5bcdb1689b0342b531764fdcd031a77adda8fe8 Mon Sep 17 00:00:00 2001 From: Antoine Le Gonidec 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; }