theme: remove --MAIN-ANCHOR-color from stylesheet #256

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.
 

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) */

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 */

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 */

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 */

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 */

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 */

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);

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', },