various font and colour fixes

Jacky Zhao

2021-12-26 6fbfa7170b17e062abd4c26e4b55a3934fb4ff1c

various font and colour fixes

 assets/base.scss

@@ -119,14 +119,18 @@
  // internal link
  &[href^="./"], &[href^="/"] {
    text-decoration: none;
    background-color: #afbfc933;
    padding: 0 0.2em;
    margin-right: -0.2em;
    font-weight: 600;
    background-color: transparentize(#8f9fa9, 0.85);
    padding: 0 0.1em;
    margin: auto -0.1em;
    border-radius: 3px;
  }
}

.backlinks a {
  font-weight: 600;
  font-size: 0.9rem;
}

sup > a {
  text-decoration: none;
  padding: 0 0.1em 0 0.2em;
@@ -134,8 +138,8 @@

a {
  font-family: Inter, sans-serif;
  font-weight: 700;
  font-size: 1em;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.2s ease;
  color: var(--secondary);

 assets/custom.scss

@@ -14,7 +14,7 @@
[saved-theme="dark"] {
  --light: #1e1e21 !important;
  --dark: #fbfffe !important;
  --secondary: #5b778a !important;
  --secondary: #6b879a !important;
  --visited: #4a575e !important;
  --tertiary: #84a59d !important;
  --primary: #f58382 !important;

 layouts/partials/head.html

@@ -7,7 +7,7 @@
    <link rel="shortcut icon" type="image/png" href="/icon.png" />

    <!-- CSS Stylesheets and Fonts -->
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Source+Sans+Pro:wght@400;700&family=Fira+Code:wght@400;700&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Source+Sans+Pro:wght@400;600;700&family=Fira+Code:wght@400;700&display=swap" rel="stylesheet">
    {{ $css := slice "custom.scss" "base.scss" "darkmode.scss" "syntax.scss"}}
    {{range $css}}
    {{$sass := resources.Get . | resources.ToCSS }}