# My blog theme

**URL:** <https://discuss.write.as/t/my-blog-theme/12764>\
**Category:** Themes\
**Created:** [August 13, 2024, 9:16am UTC](https://discuss.write.as/t/my-blog-theme/12764 "2024-08-13T09:16:21Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![dch82](https://discuss.write.as/user_avatar/discuss.write.as/dch82/32/4003_2.png) [@dch82](https://discuss.write.as/u/dch82)\
**Post date:** [August 13, 2024, 9:16am UTC](https://discuss.write.as/t/my-blog-theme/12764/1 "2024-08-13T09:16:21Z")

</div>

I don’t know what I should call it.

 ![Tuesday, 13 Aug 2024 10:06:52](https://discuss.write.as/uploads/default/original/2X/5/5d37f754f872b381813256edd333e656153f47ba.jpeg)

```css
/* martian-mono-latin-wght-normal */
@font-face {
  font-family: 'Martian Mono Variable';
  font-style: normal;
  font-display: auto;
  font-weight: 100 800;
  src: url(https://cdn.jsdelivr.net/fontsource/fonts/martian-mono:vf@latest/latin-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

* {
  font-family: 'Martian Mono Variable', monospace;
}

.font.code,
.font.mono,
.font.wrap,
body#collection article.code,
body#collection article.mono,
body#collection article.wrap,
body#post article.code,
body#post article.mono,
body#post article.wrap,
body#subpage article.code,
body#subpage article.mono,
body#subpage article.wrap,
input#title.code,
input#title.mono,
input#title.wrap,
pre.code,
pre.mono,
pre.wrap,
span.code,
span.mono,
span.wrap,
textarea.code,
textarea.mono,
textarea.wrap {
    font-family: 'Martian Mono Variable', Hack, consolas, Menlo-Regular, Menlo, Monaco, 'ubuntu mono', monospace, monospace
}

/* Links inside blog posts */
article p a {
    color: black;
    text-decoration: none;
    border-bottom: 0.1em solid;
}

article p a:hover {
    background-color: black;
    color: white;
    text-decoration: none;
    border-bottom: 0.1em solid white;
}

header a {
    border-bottom: 0.1em solid;
    text-decoration: none;
}

header a:hover {
    background-color: #767676;
    color: white;
    text-decoration: none;
    border-bottom: 0.1em solid #767676;
}

.post-title a {
    border-bottom: 0.1em solid;
    text-decoration: none;
}

.post-title a:hover {
    background-color: #333;
    color: white;
    text-decoration: none;
    border-bottom: 0.1em solid #333;
}

header nav a:hover {
    text-decoration: none;
}

#blog-title a {
    border-bottom: 0.1em solid;
}

#blog-title a:hover {
    background-color: black;
    color: white;
    text-decoration: none;
    border-bottom: 0.1em solid black;
}

a.hashtag {
    border-bottom: 0.1em solid #333;
}

a.hashtag:hover {
    color: white;
    background-color: #333;
    text-decoration: none;
    border-bottom: 0.1em solid #333;
}

a.hashtag:hover span+span {
    text-decoration: none;
}

a.hashtag:hover span {
    color: white;
}
/* Replace this if you want to */
footer nav::before {
    content: "All copyright is wavered.\A\AWARNING: This blog kills fascists.\ARead at your own discretion.\A";
    white-space: pre-wrap;
}

```

As used on [my blog](https://paper.wf/dch82).

---

<div class="post-metadata">

**Author:** ![ASilentDiplomat](https://discuss.write.as/letter_avatar_proxy/v4/letter/a/eb9ed0/32.png) [@ASilentDiplomat](https://discuss.write.as/u/ASilentDiplomat)\
**Post date:** [August 14, 2024, 5:54pm UTC](https://discuss.write.as/t/my-blog-theme/12764/2 "2024-08-14T17:54:03Z")

</div>

Love me a good “retro” theme! Great work. My only suggestion would be to see if there’s a way to make headings flow a little better, as they don’t break up the post as much as I usually prefer. But to be clear, I’m far from an expert, so your approach may well be preferred by most people.

Out of curiosity, do you find that using a URL via `@font-face` works better than just `@import`?

---

<div class="post-metadata">

**Author:** ![nigel](https://discuss.write.as/user_avatar/discuss.write.as/nigel/32/3690_2.png) [@nigel](https://discuss.write.as/u/nigel)\
**Post date:** [August 14, 2024, 6:36pm UTC](https://discuss.write.as/t/my-blog-theme/12764/3 "2024-08-14T18:36:47Z")

</div>

I really like that. Nice work.