diff --git a/exampleSite/content/basics/migration/_index.en.md b/exampleSite/content/basics/migration/_index.en.md index b22082f75f..99e4abab39 100644 --- a/exampleSite/content/basics/migration/_index.en.md +++ b/exampleSite/content/basics/migration/_index.en.md @@ -18,6 +18,8 @@ This document shows you what's new in the latest release. For a detailed list of - **Breaking**: The `custom_css` config parameter was removed from the configuration. If used in an existing installation, it can be achieved by overriding the `custom-header.html` template in a much more generic manner. +- **Breaking**: Because anchor hover color was not configurable without introducing more complexitity to the variant stylesheets, we decided to remove `--MAIN-ANCHOR-color` instead. You don't need to change anything in your custom color stylesheet as the anchors now get their colors from `--MAIN-LINK-color` and `--MAIN-ANCHOR-HOVER-color` respectivley. + - **New**: New colors `--PRIMARY-color` and `--SECONDARY-color` were added to provide easier modification of your custom style. These two colors are the default for other, more specific color variables. You don't need to change anything in your existing custom color stylesheets as those variables get reasonable default values. @@ -73,7 +75,7 @@ This document shows you what's new in the latest release. For a detailed list of Note, that this will also affect your site if viewed with Internet Explorer 11 but in this case it can not be reconfigured as Internet Explorer does not support CSS variables. -- **Change**: Due to a bug, that we couldn't fix in a general manner for color variants, we decided to removed `--MENU-SEARCH-BOX-ICONS-color` and introduced `--MENU-SEARCH-color` instead. You don't need to change anything in your custom color stylesheet as the old name will be used as a fallback. +- **Change**: Due to a bug, that we couldn't fix in a general manner for color variants, we decided to remove `--MENU-SEARCH-BOX-ICONS-color` and introduced `--MENU-SEARCH-color` instead. You don't need to change anything in your custom color stylesheet as the old name will be used as a fallback. - **Change**: For consistency reasons, we renamed `--MENU-SEARCH-BOX-color` to `--MENU-SEARCH-BORDER-color`. You don't need to change anything in your custom color stylesheet as the old name will be used as a fallback. diff --git a/static/css/ie.css b/static/css/ie.css index 8d6ea06cd5..593c305b00 100644 --- a/static/css/ie.css +++ b/static/css/ie.css @@ -7,11 +7,13 @@ } a, + .anchor, #toc-menu { color: #486ac9; /* var(--MAIN-LINK-color) */ } a:hover, + .anchor:hover, #toc-menu:hover, #body a.highlight:after { color: #134fbf; /* var(--MAIN-LINK-HOVER-color) */ @@ -257,10 +259,6 @@ color: #808080 /* var(--MENU-HOME-LINK-HOVER-color) */; } - #body a.highlight:after { - background-color: #486ac9; /* var(--MAIN-LINK-color) */ - } - .progress { background-color: #ffffff; /* var(--MAIN-BG-color) */ } @@ -275,10 +273,6 @@ color: #ffffff;/* var(--MAIN-BG-color) */ } - .anchor { - color: #486ac9; /* var(--MAIN-ANCHOR-color) */ - } - #body .tags a.tag-link { background-color: #7dc903; /* var(--TAG-BG-color) */ color: #ffffff; /* var(--MAIN-BG-color) */ diff --git a/static/css/theme-blue.css b/static/css/theme-blue.css index 82d2d85c00..595523fb73 100644 --- a/static/css/theme-blue.css +++ b/static/css/theme-blue.css @@ -10,7 +10,6 @@ --MAIN-TITLES-TEXT-color: #5e5e5e; /* Color of titles h2-h3-h4-h5-h6 */ --MAIN-LINK-color: #1c90f3; /* Color of links */ --MAIN-LINK-HOVER-color: #167ad0; /* Color of hovered links */ - --MAIN-ANCHOR-color: #1c90f3; /* color of anchors on titles */ --MAIN-BG-color: #ffffff; /* color of text by default */ /* adjusted to base16-snazzy chroma style */ diff --git a/static/css/theme-green.css b/static/css/theme-green.css index 0dac7b74a8..eacee1e513 100644 --- a/static/css/theme-green.css +++ b/static/css/theme-green.css @@ -10,7 +10,6 @@ --MAIN-TITLES-TEXT-color: #5e5e5e; /* Color of titles h2-h3-h4-h5-h6 */ --MAIN-LINK-color: #599a3e; /* Color of links */ --MAIN-LINK-HOVER-color: #3f6d2c; /* Color of hovered links */ - --MAIN-ANCHOR-color: #599a3e; /* color of anchors on titles */ --MAIN-BG-color: #ffffff; /* color of text by default */ /* adjusted to base16-snazzy chroma style */ diff --git a/static/css/theme-learn.css b/static/css/theme-learn.css index 3f049d2782..75a1afdf3f 100644 --- a/static/css/theme-learn.css +++ b/static/css/theme-learn.css @@ -10,7 +10,6 @@ --MAIN-TITLES-TEXT-color: #5e5e5e; /* Color of titles h2-h3-h4-h5-h6 */ --MAIN-LINK-color: #00bdf3; /* Color of links */ --MAIN-LINK-HOVER-color: #0082a7; /* Color of hovered links */ - --MAIN-ANCHOR-color: #00bdf3; /* color of anchors on titles */ --MAIN-BG-color: #ffffff; /* color of text by default */ /* adjusted to base16-snazzy chroma style */ diff --git a/static/css/theme-red.css b/static/css/theme-red.css index 23f5231600..79abc73e1f 100644 --- a/static/css/theme-red.css +++ b/static/css/theme-red.css @@ -10,7 +10,6 @@ --MAIN-TITLES-TEXT-color: #5e5e5e; /* Color of titles h2-h3-h4-h5-h6 */ --MAIN-LINK-color: #f31c1c; /* Color of links */ --MAIN-LINK-HOVER-color: #d01616; /* Color of hovered links */ - --MAIN-ANCHOR-color: #f31c1c; /* color of anchors on titles */ --MAIN-BG-color: #ffffff; /* color of text by default */ /* adjusted to base16-snazzy chroma style */ diff --git a/static/css/theme.css b/static/css/theme.css index 4eb4b89e61..a75fcf2816 100644 --- a/static/css/theme.css +++ b/static/css/theme.css @@ -1293,7 +1293,7 @@ h3:hover .anchor, h4:hover .anchor, h5:hover .anchor, h6:hover .anchor { - visibility:visible; + visibility: visible; } /* Redfines headers style */ diff --git a/static/css/variant.css b/static/css/variant.css index f346525fb6..c5ed63b4e3 100644 --- a/static/css/variant.css +++ b/static/css/variant.css @@ -8,7 +8,6 @@ --INTERNAL-MAIN-TITLES-TEXT-color: var(--MAIN-TITLES-TEXT-color, #4a4a4a); --INTERNAL-MAIN-LINK-color: var(--MAIN-LINK-color, var(--SECONDARY-color, #486ac9)); /* not --INTERNAL-SECONDARY-color */ --INTERNAL-MAIN-LINK-HOVER-color: var(--MAIN-LINK-HOVER-color, var(--INTERNAL-MAIN-LINK-color)); - --INTERNAL-MAIN-ANCHOR-color: var(--MAIN-ANCHOR-color, var(--INTERNAL-MAIN-LINK-color)); --INTERNAL-MAIN-BG-color: var(--MAIN-BG-color, #ffffff); --INTERNAL-MAIN-TITLES-H1-color: var(--MAIN-TITLES-H1-color, var(--INTERNAL-MAIN-TEXT-color)); @@ -99,11 +98,13 @@ body { } a, +.anchor, #toc-menu { color: var(--INTERNAL-MAIN-LINK-color); } a:hover, +.anchor:hover, #toc-menu:hover, #body a.highlight:after { color: var(--INTERNAL-MAIN-LINK-HOVER-color); @@ -367,10 +368,6 @@ pre .copy-to-clipboard-button:hover { color: var(--INTERNAL-MENU-HOME-LINK-HOVER-color); } -#body a.highlight:after { - background-color: var(--INTERNAL-MAIN-LINK-color); -} - .progress { background-color: var(--INTERNAL-MAIN-BG-color); } @@ -385,10 +382,6 @@ pre .copy-to-clipboard-button:hover { color: var(--INTERNAL-MAIN-BG-color) !important; } -.anchor { - color: var(--INTERNAL-MAIN-ANCHOR-color); -} - #body .tags a.tag-link { background-color: var(--INTERNAL-TAG-BG-color); color: var(--INTERNAL-MAIN-BG-color); diff --git a/static/js/variant.js b/static/js/variant.js index 6a11a7d727..a26a36a0cf 100644 --- a/static/js/variant.js +++ b/static/js/variant.js @@ -523,7 +523,6 @@ var variants = { { name: 'MAIN-TEXT-color', group: 'content', default: '#101010', tooltip: 'text color of content and h1 titles', }, { name: 'MAIN-LINK-color', group: 'content', fallback: 'SECONDARY-color', tooltip: 'link color of content', }, { name: 'MAIN-LINK-HOVER-color', group: 'content', fallback: 'MAIN-LINK-color', tooltip: 'hoverd link color of content', }, - { name: 'MAIN-ANCHOR-color', group: 'content', fallback: 'MAIN-LINK-color', tooltip: 'anchor color of titles', }, { name: 'MAIN-BG-color', group: 'content', default: '#ffffff', tooltip: 'background color of content', }, { name: 'TAG-BG-color', group: 'content', fallback: 'PRIMARY-color', tooltip: 'tag color', },