MMF/smf-theme
1
1
Fork 0
Code Issues 10 Pull requests Projects Releases Packages Wiki Activity Actions

Change the base colors to replace the Khaganat purple with MMF red

Browse source
This commit is contained in:
Antoine Le Gonidec 2024-07-24 11:36:20 +02:00
parent e0cb45ab00
commit a5bcdb1689
Signed by: vv221
GPG key ID: 636B78F91CEB80D8
1 changed files with 25 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

51
css/index.css
View file

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