From f37da22512b89c6f5f1ee7df8d3685d9e50e958b Mon Sep 17 00:00:00 2001 From: Antoine Le Gonidec Date: Thu, 25 Jul 2024 12:17:18 +0200 Subject: [PATCH] Menu - Use a more neutral white text on dark grey background --- css/index.css | 23 +++++++++++++---------- images/icons/admin.svg | 2 +- images/icons/alerts.svg | 2 +- images/icons/home.svg | 2 +- images/icons/login.svg | 2 +- images/icons/logout.svg | 2 +- images/icons/members.svg | 2 +- images/icons/moderate.svg | 2 +- images/icons/pm.svg | 2 +- images/icons/profile.svg | 2 +- images/icons/recent.svg | 2 +- images/icons/search.svg | 2 +- images/icons/unread.svg | 2 +- images/icons/unread_replies.svg | 16 ++++++++-------- 14 files changed, 33 insertions(+), 30 deletions(-) diff --git a/css/index.css b/css/index.css index c2386f7..b008c4f 100644 --- a/css/index.css +++ b/css/index.css @@ -21,6 +21,10 @@ html { --colortest: bisque ; --header-background: #e7453a; --header-font: white; + --menu-background: #454545; + --menu-background-hover: #555555; + --menu-background-active: black; + --menu-font: white; } /* Index */ @@ -841,7 +845,7 @@ img.sort, .sort { /* Level 1 active button. */ .dropmenu a.active, #top_info a.active { font-weight: bold; - background: var(--color2) ; + background: var(--menu-background-active) ; } /* Level 1 hover effects. */ .dropmenu > li:hover > a, @@ -851,9 +855,8 @@ img.sort, .sort { #top_info > li:focus > a, #top_info > li > a:focus, #top_info > li > a.open { - background: var(--mmf-color); + background: var(--menu-background-hover); cursor: pointer; - color: var(--neutral-light-color); border: none; } /* Level 1 active button. */ @@ -861,7 +864,7 @@ img.sort, .sort { .dropmenu li a.active:focus, .dropmenu li:hover a.active, .dropmenu li:focus a.active { - background: var(--mmf-color); + background: var(--menu-background-active); font-weight: bold; } @@ -4408,8 +4411,8 @@ h2.profile_hd::before, .khbb_nav .error { margin-left: 3px; padding: 3px 6px 0px 6px; - background: var(--color5); - color: var(--neutral-light-color); + background: var(--menu-background-active); + color: var(--menu-font); clip-path: circle(50%); position: absolute; top: 0; @@ -4631,7 +4634,7 @@ img.theme_thumbnail { position: relative; width: 100%; display: flex; - background-color: rgba(255,255,255,0.5); + background-color: var(--menu-background); justify-content: space-between; align-items: center; z-index: 99; @@ -4648,7 +4651,7 @@ img.theme_thumbnail { } .khbb_nav ul li a{ - color: var(--dark-color); + color: var(--menu-font); padding: 0 0.2em; margin: 0 0.2em; font-size: 0.9em; @@ -4673,14 +4676,14 @@ img.theme_thumbnail { } .khbb_nav ul li:hover img { clip-path: circle(50%); - background-color: var(--neutral-light-color); + background-color: var(--menu-background-active); } .khbb_nav ul li a:hover .khbb_subtitlemenu, .khbb_nav ul li a:focus .khbb_subtitlemenu { color: var(--neutral-light-color) ; } .khbb_subtitlemenu { - color:var(--mmf-color); + color:var(--menu-font); text-align: center; padding: 5px; z-index: 1; diff --git a/images/icons/admin.svg b/images/icons/admin.svg index 46b0479..5099ab9 100644 --- a/images/icons/admin.svg +++ b/images/icons/admin.svg @@ -55,7 +55,7 @@ id="rect1386-5-6-7-48-3-4" style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:3.04022;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />