From fc3878c89b7880b95c10cd1e429208be69af3591 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?S=C3=B6ren=20Weber?= Date: Tue, 22 Nov 2022 20:52:36 +0100 Subject: [PATCH] menu: some love for the home link #402 --- static/css/theme-blue.css | 4 ++-- static/css/theme-green.css | 4 ++-- static/css/theme-learn.css | 4 ++-- static/css/theme-neon.css | 18 ++++++++++++++---- static/css/theme-red.css | 4 ++-- static/css/theme-relearn-dark.css | 8 ++++---- static/css/theme-relearn-light.css | 8 ++++---- 7 files changed, 30 insertions(+), 20 deletions(-) diff --git a/static/css/theme-blue.css b/static/css/theme-blue.css index da74abdcb4..648cac0029 100644 --- a/static/css/theme-blue.css +++ b/static/css/theme-blue.css @@ -22,8 +22,8 @@ --CODE-INLINE-BG-color: #fffae9; /* color for inline code background */ --CODE-INLINE-BORDER-color: #f8e8c8; /* color of inline code border */ - --MENU-HOME-LINK-color: #323232; /* Color of the home button text */ - --MENU-HOME-LINK-HOVER-color: #5e5e5e; /* Color of the hovered home button text */ + --MENU-HOME-LINK-color: #2d363f; /* Color of the home button text */ + --MENU-HOME-LINK-HOVER-color: #000000; /* Color of the hovered home button text */ --MENU-HEADER-BG-color: #1c90f3; /* Background color of menu header */ --MENU-HEADER-BORDER-color: #33a1ff; /*Color of menu header border */ diff --git a/static/css/theme-green.css b/static/css/theme-green.css index 6eb43db03d..abc2435f1d 100644 --- a/static/css/theme-green.css +++ b/static/css/theme-green.css @@ -22,8 +22,8 @@ --CODE-INLINE-BG-color: #fffae9; /* color for inline code background */ --CODE-INLINE-BORDER-color: #f8e8c8; /* color of inline code border */ - --MENU-HOME-LINK-color: #323232; /* Color of the home button text */ - --MENU-HOME-LINK-HOVER-color: #5e5e5e; /* Color of the hovered home button text */ + --MENU-HOME-LINK-color: #2e3b2e; /* Color of the home button text */ + --MENU-HOME-LINK-HOVER-color: #000000; /* Color of the hovered home button text */ --MENU-HEADER-BG-color: #74b559; /* Background color of menu header */ --MENU-HEADER-BORDER-color: #9cd484; /*Color of menu header border */ diff --git a/static/css/theme-learn.css b/static/css/theme-learn.css index ed63dacd86..6bc79d746c 100644 --- a/static/css/theme-learn.css +++ b/static/css/theme-learn.css @@ -22,8 +22,8 @@ --CODE-INLINE-BG-color: #fff7dd; /* color for inline code background */ --CODE-INLINE-BORDER-color: #fbf0cb; /* color of inline code border */ - --MENU-HOME-LINK-color: #cccccc; /* Color of the home button text */ - --MENU-HOME-LINK-HOVER-color: #e6e6e6; /* Color of the hovered home button text */ + --MENU-HOME-LINK-color: #e0e0e0; /* Color of the home button text */ + --MENU-HOME-LINK-HOVER-color: #f0f0f0; /* Color of the hovered home button text */ --MENU-HEADER-BG-color: #8451a1; /* Background color of menu header */ --MENU-HEADER-BORDER-color: #9c6fb6; /*Color of menu header border */ diff --git a/static/css/theme-neon.css b/static/css/theme-neon.css index 65904b2402..15148e8255 100644 --- a/static/css/theme-neon.css +++ b/static/css/theme-neon.css @@ -14,7 +14,7 @@ --SECONDARY-color: #1c90f3; /* brand secondary color */ --MAIN-TEXT-color: #e0e0e0; /* text color of content and h1 titles */ - --MAIN-LINK-HOVER-color: #4cabff; /* hoverd link color of content */ + --MAIN-LINK-HOVER-color: #4cabff; /* hovered link color of content */ --MAIN-BG-color: #202020; /* background color of content */ /* optional overwrites for specific headers */ @@ -35,8 +35,8 @@ --MENU-HEADER-BG-color: rgba( 0, 0, 0, 0 ); /* background color of menu header */ - --MENU-HOME-LINK-color: #323232; /* home button color if configured */ - --MENU-HOME-LINK-HOVER-color: #5e5e5e; /* hoverd home button color if configured */ + --MENU-HOME-LINK-color: #ffffff; /* home button color if configured */ + --MENU-HOME-LINK-HOVER-color: #d0d0d0; /* hovered home button color if configured */ --MENU-SEARCH-color: #e0e0e0; /* text and icon color of search box */ --MENU-SEARCH-BG-color: #323232; /* background color of search box */ @@ -45,7 +45,7 @@ --MENU-SECTIONS-BG-color: linear-gradient( 165deg, #f300b2d3 0%, #1c90f3b3 65%, #00e3d3b3 100% ); /* background of the menu; this is NOT just a color value but can be a complete CSS background definition including gradients, etc. */ --MENU-SECTIONS-ACTIVE-BG-color: rgba( 0, 0, 0, .166 ); /* background color of the active menu section */ --MENU-SECTIONS-LINK-color: #ffffff; /* link color of menu topics */ - --MENU-SECTIONS-LINK-HOVER-color: #d0d0d0; /* hoverd link color of menu topics */ + --MENU-SECTIONS-LINK-HOVER-color: #d0d0d0; /* hovered link color of menu topics */ --MENU-SECTION-ACTIVE-CATEGORY-color: #56ffe8; /* text color of the displayed menu topic */ --MENU-SECTION-HR-color: #bababa; /* separator color of menu footer */ @@ -192,6 +192,16 @@ body #sidebar button:hover { 0 0 8px var(--INTERNAL-MENU-SECTIONS-LINK-HOVER-color); } +body #homelinks a:hover { + color: #fff; + text-shadow: + 0 0 1px #fff, + 0 0 2px #fff, + 0 0 8px #808080, + 0 0 4px var(--INTERNAL-MENU-HOME-LINK-HOVER-color), + 0 0 8px var(--INTERNAL-MENU-HOME-LINK-HOVER-color); +} + body h1 a, body h2 a, body h3 a, diff --git a/static/css/theme-red.css b/static/css/theme-red.css index d824725a7e..84148ef7d8 100644 --- a/static/css/theme-red.css +++ b/static/css/theme-red.css @@ -22,8 +22,8 @@ --CODE-INLINE-BG-color: #fffae9; /* color for inline code background */ --CODE-INLINE-BORDER-color: #f8e8c8; /* color of inline code border */ - --MENU-HOME-LINK-color: #ccc; /* Color of the home button text */ - --MENU-HOME-LINK-HOVER-color: #e6e6e6; /* Color of the hovered home button text */ + --MENU-HOME-LINK-color: #382b2b; /* Color of the home button text */ + --MENU-HOME-LINK-HOVER-color: #000000; /* Color of the hovered home button text */ --MENU-HEADER-BG-color: #dc1010; /* Background color of menu header */ --MENU-HEADER-BORDER-color: #e23131; /*Color of menu header border */ diff --git a/static/css/theme-relearn-dark.css b/static/css/theme-relearn-dark.css index d36c8a8c5a..e33b2aeda9 100644 --- a/static/css/theme-relearn-dark.css +++ b/static/css/theme-relearn-dark.css @@ -10,7 +10,7 @@ --SECONDARY-color: #6c8ce3; /* brand secondary color */ --MAIN-TEXT-color: #e0e0e0; /* text color of content and h1 titles */ - --MAIN-LINK-HOVER-color: #93b0ff; /* hoverd link color of content */ + --MAIN-LINK-HOVER-color: #93b0ff; /* hovered link color of content */ --MAIN-BG-color: #202020; /* background color of content */ --MAIN-TITLES-TEXT-color: #ffffff; /* text color of h2-h6 titles and transparent box titles */ @@ -25,8 +25,8 @@ --MERMAID-theme: dark; /* name of the default Mermaid theme for this variant, can be overridden in config.toml */ --SWAGGER-theme: dark; /* name of the default Swagger theme for this variant, can be overridden in config.toml */ - --MENU-HOME-LINK-color: #323232; /* home button color if configured */ - --MENU-HOME-LINK-HOVER-color: #5e5e5e; /* hoverd home button color if configured */ + --MENU-HOME-LINK-color: #404040; /* home button color if configured */ + --MENU-HOME-LINK-HOVER-color: #000000; /* hovered home button color if configured */ --MENU-SEARCH-color: #e0e0e0; /* text and icon color of search box */ --MENU-SEARCH-BG-color: #323232; /* background color of search box */ @@ -34,7 +34,7 @@ --MENU-SECTIONS-BG-color: #2b2b2b; /* background of the menu; this is NOT just a color value but can be a complete CSS background definition including gradients, etc. */ --MENU-SECTIONS-LINK-color: #bababa; /* link color of menu topics */ - --MENU-SECTIONS-LINK-HOVER-color: #ffffff; /* hoverd link color of menu topics */ + --MENU-SECTIONS-LINK-HOVER-color: #ffffff; /* hovered link color of menu topics */ --MENU-SECTIONS-ACTIVE-BG-color: #323232; /* background color of the active menu section */ --MENU-SECTION-ACTIVE-CATEGORY-color: #82e550; /* text color of the displayed menu topic */ --MENU-SECTION-HR-color: #606060; /* separator color of menu footer */ diff --git a/static/css/theme-relearn-light.css b/static/css/theme-relearn-light.css index 1fac8baeb1..990ad70451 100644 --- a/static/css/theme-relearn-light.css +++ b/static/css/theme-relearn-light.css @@ -10,7 +10,7 @@ --SECONDARY-color: #486ac9; /* brand secondary color */ --MAIN-TEXT-color: #101010; /* text color of content and h1 titles */ - --MAIN-LINK-HOVER-color: #202891; /* hoverd link color of content */ + --MAIN-LINK-HOVER-color: #202891; /* hovered link color of content */ --MAIN-BG-color: #ffffff; /* background color of content */ --MAIN-TITLES-TEXT-color: #4a4a4a; /* text color of h2-h6 titles and transparent box titles */ @@ -26,8 +26,8 @@ --MERMAID-theme: default; /* name of the default Mermaid theme for this variant, can be overridden in config.toml */ --SWAGGER-theme: light; /* name of the default Swagger theme for this variant, can be overridden in config.toml */ - --MENU-HOME-LINK-color: #323232; /* home button color if configured */ - --MENU-HOME-LINK-HOVER-color: #808080; /* hoverd home button color if configured */ + --MENU-HOME-LINK-color: #404040; /* home button color if configured */ + --MENU-HOME-LINK-HOVER-color: #000000; /* hovered home button color if configured */ --MENU-SEARCH-color: #e0e0e0; /* text and icon color of search box */ --MENU-SEARCH-BG-color: #323232; /* background color of search box */ @@ -36,7 +36,7 @@ --MENU-SECTIONS-BG-color: #282828; /* background of the menu; this is NOT just a color value but can be a complete CSS background definition including gradients, etc. */ --MENU-SECTIONS-ACTIVE-BG-color: rgba( 0, 0, 0, .166 ); /* background color of the active menu section */ --MENU-SECTIONS-LINK-color: #bababa; /* link color of menu topics */ - --MENU-SECTIONS-LINK-HOVER-color: #ffffff; /* hoverd link color of menu topics */ + --MENU-SECTIONS-LINK-HOVER-color: #ffffff; /* hovered link color of menu topics */ --MENU-SECTION-ACTIVE-CATEGORY-color: #444444; /* text color of the displayed menu topic */ --MENU-SECTION-HR-color: #606060; /* separator color of menu footer */