Clean up the CSS files

CHANGELOG.adoc

@@ -24,6 +24,8 @@ and this project adheres to https://semver.org/spec/v2.0.0.html[Semantic Version
 * All references to `.Date` are changed with `.PublishDate` as it is more reliable.
 The `.PublishDate` can be manually set with the `publishdate` frontmatter variable and if unset, it is the assumed to be the `date` variable.
 
+* Link color into `base0C`.
+
 
 === Fixed
 

README.adoc

@@ -208,6 +208,9 @@ paginate = 20
     mainSections = [ "posts", "recipes", "projects" ]
 ----
 
+As for the page variables, it uses no custom frontmatter variables.
+For more information, you can refer to https://gohugo.io/content-management/front-matter#predefined[the predefined variables that Hugo accepts].
+
 
 === Authors
 
@@ -229,15 +232,15 @@ It can also point relative to the Hugo project root.
 
 === Creating your own color scheme
 
-To create a color scheme, simply place a Base16 color scheme data file in `data/more-contentful/themes/`.
-For example, take the https://github.com/chriskempson/base16-default-schemes/blob/master/default-dark.yaml[default Base16 dark scheme] which is also the default scheme for this theme.
-
 Creating your own color scheme has been simplified with the use of https://gohugo.io/templates/data-templates/#the-data-folder[data templates].
 Furthermore, with https://gohugo.io/hugo-pipes/bundling/#readout[asset bundling], CSS variables, and SCSS, it is ensured that all of the schemes will be kept in one resulting stylesheet.
 
-NOTE: In case you want to modify the stylesheet, the website has been styled according to the https://github.com/chriskempson/base16/blob/master/styling.md[Base16 styling guidelines] with some liberty.
+NOTE: In case you want to modify the stylesheet, the website has been styled according to the https://github.com/chriskempson/base16/blob/master/styling.md[Base16 styling guidelines] with some liberties applied.
 Not all Base16 color schemes follow the guideline strictly so it may result in a bad-looking color palette of the website.
 
+To create a color scheme, simply place a Base16 color scheme data file in `data/more-contentful/themes/`.
+For example, take the https://github.com/chriskempson/base16-default-schemes/blob/master/default-dark.yaml[default Base16 dark scheme] which is also the default scheme for this theme.
+
 [source, yaml]
 ----
 scheme: "Default Dark"

assets/scss/base.scss

@@ -45,11 +45,11 @@ h4, h5, h6 {
 }
 
 a {
-  color: var(--base08);
+  color: var(--base0C);
   text-decoration: none;
 
   &:hover {
-    color: var(--base0C);
+    color: var(--base0B);
     text-decoration: underline;
   }
 

assets/scss/layout.scss

@@ -24,7 +24,7 @@
 }
 
 .site__languages {
-  @include header-link-hover-style;
+  margin: 0.5em;
 }
 
 .site__socials {
@@ -68,29 +68,12 @@
   padding: 0 0.5em;
 
   .site__theme-dropdown &:hover {
-    background: var(--base08);
+    background: var(--base0C);
     color: var(--base00);
     cursor: pointer;
   }
 }
 
-.site__breadcrumbs {
-  & > *:not(:last-child) {
-    &::after {
-      color: var(--base07);
-      content: "/";
-      display: inline-block;
-      margin: 0 0.5em;
-    }
-  }
-}
-
-.site__breadcrumb--active {
-  @extend .site__breadcrumb !optional;
-  color: var(--base0C);
-  font-weight: bold;
-}
-
 .pagination {
   display: flex;
   font-size: 1rem;
@@ -107,12 +90,12 @@
 
 .page-link {
   background: var(--base01);
-  color: var(--base08);
+  color: var(--base0C);
   text-decoration: none;
   padding: 0.5em;
 
   &:hover {
-    background: var(--base0C);
+    background: var(--base0B);
     color: var(--base00);
     text-decoration: none;
   }
@@ -162,6 +145,7 @@
     margin: 0.5em auto;
   }
 }
+
 .taxonomy__header {
   display: flex;
   align-items: center;