mirror of
https://github.com/McShelby/hugo-theme-relearn.git
synced 2024-11-27 01:33:04 +00:00
menu: some love for the home link #402
This commit is contained in:
parent
33233f11c8
commit
fc3878c89b
7 changed files with 30 additions and 20 deletions
|
@ -22,8 +22,8 @@
|
||||||
--CODE-INLINE-BG-color: #fffae9; /* color for inline code background */
|
--CODE-INLINE-BG-color: #fffae9; /* color for inline code background */
|
||||||
--CODE-INLINE-BORDER-color: #f8e8c8; /* color of inline code border */
|
--CODE-INLINE-BORDER-color: #f8e8c8; /* color of inline code border */
|
||||||
|
|
||||||
--MENU-HOME-LINK-color: #323232; /* Color of the home button text */
|
--MENU-HOME-LINK-color: #2d363f; /* Color of the home button text */
|
||||||
--MENU-HOME-LINK-HOVER-color: #5e5e5e; /* Color of the hovered 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-BG-color: #1c90f3; /* Background color of menu header */
|
||||||
--MENU-HEADER-BORDER-color: #33a1ff; /*Color of menu header border */
|
--MENU-HEADER-BORDER-color: #33a1ff; /*Color of menu header border */
|
||||||
|
|
|
@ -22,8 +22,8 @@
|
||||||
--CODE-INLINE-BG-color: #fffae9; /* color for inline code background */
|
--CODE-INLINE-BG-color: #fffae9; /* color for inline code background */
|
||||||
--CODE-INLINE-BORDER-color: #f8e8c8; /* color of inline code border */
|
--CODE-INLINE-BORDER-color: #f8e8c8; /* color of inline code border */
|
||||||
|
|
||||||
--MENU-HOME-LINK-color: #323232; /* Color of the home button text */
|
--MENU-HOME-LINK-color: #2e3b2e; /* Color of the home button text */
|
||||||
--MENU-HOME-LINK-HOVER-color: #5e5e5e; /* Color of the hovered 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-BG-color: #74b559; /* Background color of menu header */
|
||||||
--MENU-HEADER-BORDER-color: #9cd484; /*Color of menu header border */
|
--MENU-HEADER-BORDER-color: #9cd484; /*Color of menu header border */
|
||||||
|
|
|
@ -22,8 +22,8 @@
|
||||||
--CODE-INLINE-BG-color: #fff7dd; /* color for inline code background */
|
--CODE-INLINE-BG-color: #fff7dd; /* color for inline code background */
|
||||||
--CODE-INLINE-BORDER-color: #fbf0cb; /* color of inline code border */
|
--CODE-INLINE-BORDER-color: #fbf0cb; /* color of inline code border */
|
||||||
|
|
||||||
--MENU-HOME-LINK-color: #cccccc; /* Color of the home button text */
|
--MENU-HOME-LINK-color: #e0e0e0; /* Color of the home button text */
|
||||||
--MENU-HOME-LINK-HOVER-color: #e6e6e6; /* Color of the hovered 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-BG-color: #8451a1; /* Background color of menu header */
|
||||||
--MENU-HEADER-BORDER-color: #9c6fb6; /*Color of menu header border */
|
--MENU-HEADER-BORDER-color: #9c6fb6; /*Color of menu header border */
|
||||||
|
|
|
@ -14,7 +14,7 @@
|
||||||
--SECONDARY-color: #1c90f3; /* brand secondary color */
|
--SECONDARY-color: #1c90f3; /* brand secondary color */
|
||||||
|
|
||||||
--MAIN-TEXT-color: #e0e0e0; /* text color of content and h1 titles */
|
--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 */
|
--MAIN-BG-color: #202020; /* background color of content */
|
||||||
|
|
||||||
/* optional overwrites for specific headers */
|
/* optional overwrites for specific headers */
|
||||||
|
@ -35,8 +35,8 @@
|
||||||
|
|
||||||
--MENU-HEADER-BG-color: rgba( 0, 0, 0, 0 ); /* background color of menu header */
|
--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-color: #ffffff; /* home button color if configured */
|
||||||
--MENU-HOME-LINK-HOVER-color: #5e5e5e; /* hoverd 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-color: #e0e0e0; /* text and icon color of search box */
|
||||||
--MENU-SEARCH-BG-color: #323232; /* background 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-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-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-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-ACTIVE-CATEGORY-color: #56ffe8; /* text color of the displayed menu topic */
|
||||||
--MENU-SECTION-HR-color: #bababa; /* separator color of menu footer */
|
--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);
|
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 h1 a,
|
||||||
body h2 a,
|
body h2 a,
|
||||||
body h3 a,
|
body h3 a,
|
||||||
|
|
|
@ -22,8 +22,8 @@
|
||||||
--CODE-INLINE-BG-color: #fffae9; /* color for inline code background */
|
--CODE-INLINE-BG-color: #fffae9; /* color for inline code background */
|
||||||
--CODE-INLINE-BORDER-color: #f8e8c8; /* color of inline code border */
|
--CODE-INLINE-BORDER-color: #f8e8c8; /* color of inline code border */
|
||||||
|
|
||||||
--MENU-HOME-LINK-color: #ccc; /* Color of the home button text */
|
--MENU-HOME-LINK-color: #382b2b; /* Color of the home button text */
|
||||||
--MENU-HOME-LINK-HOVER-color: #e6e6e6; /* Color of the hovered 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-BG-color: #dc1010; /* Background color of menu header */
|
||||||
--MENU-HEADER-BORDER-color: #e23131; /*Color of menu header border */
|
--MENU-HEADER-BORDER-color: #e23131; /*Color of menu header border */
|
||||||
|
|
|
@ -10,7 +10,7 @@
|
||||||
--SECONDARY-color: #6c8ce3; /* brand secondary color */
|
--SECONDARY-color: #6c8ce3; /* brand secondary color */
|
||||||
|
|
||||||
--MAIN-TEXT-color: #e0e0e0; /* text color of content and h1 titles */
|
--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-BG-color: #202020; /* background color of content */
|
||||||
--MAIN-TITLES-TEXT-color: #ffffff; /* text color of h2-h6 titles and transparent box titles */
|
--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 */
|
--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 */
|
--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-color: #404040; /* home button color if configured */
|
||||||
--MENU-HOME-LINK-HOVER-color: #5e5e5e; /* hoverd 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-color: #e0e0e0; /* text and icon color of search box */
|
||||||
--MENU-SEARCH-BG-color: #323232; /* background 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-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-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-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-ACTIVE-CATEGORY-color: #82e550; /* text color of the displayed menu topic */
|
||||||
--MENU-SECTION-HR-color: #606060; /* separator color of menu footer */
|
--MENU-SECTION-HR-color: #606060; /* separator color of menu footer */
|
||||||
|
|
|
@ -10,7 +10,7 @@
|
||||||
--SECONDARY-color: #486ac9; /* brand secondary color */
|
--SECONDARY-color: #486ac9; /* brand secondary color */
|
||||||
|
|
||||||
--MAIN-TEXT-color: #101010; /* text color of content and h1 titles */
|
--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-BG-color: #ffffff; /* background color of content */
|
||||||
--MAIN-TITLES-TEXT-color: #4a4a4a; /* text color of h2-h6 titles and transparent box titles */
|
--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 */
|
--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 */
|
--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-color: #404040; /* home button color if configured */
|
||||||
--MENU-HOME-LINK-HOVER-color: #808080; /* hoverd 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-color: #e0e0e0; /* text and icon color of search box */
|
||||||
--MENU-SEARCH-BG-color: #323232; /* background 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-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-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-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-ACTIVE-CATEGORY-color: #444444; /* text color of the displayed menu topic */
|
||||||
--MENU-SECTION-HR-color: #606060; /* separator color of menu footer */
|
--MENU-SECTION-HR-color: #606060; /* separator color of menu footer */
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue