switch themes

assets/css/custom.css

@@ -0,0 +1,172 @@
+:root {
+  --color-black: #0a0a0a;
+  --color-gray-1: #1a1a1a;
+  --color-gray-2: #1f1f1f;
+  --color-gray-3: #292929;
+  --color-gray-4: #2e2e2e;
+  --color-gray-5: #454545;
+  --color-gray-6: #878787;
+  --color-gray-7: #8f8f8f;
+  --color-gray-8: #7d7d7d;
+  --color-gray-9: #a0a0a0;
+  --color-gray-10: #ededed;
+  --color-blue-1: #0f1b2d;
+  --color-blue-2: #10243e;
+  --color-blue-3: #0f3058;
+  --color-blue-4: #0d3768;
+  --color-blue-5: #0a4481;
+  --color-blue-6: #0091ff;
+  --color-blue-7: #0071f3;
+  --color-blue-8: #0062d1;
+  --color-blue-9: #52a9ff;
+  --color-blue-10: #eaf6ff;
+  --color-red-1: #2a1314;
+  --color-red-2: #3d1719;
+  --color-red-3: #551a1e;
+  --color-red-4: #671e22;
+  --color-red-5: #822025;
+  --color-red-6: #e5484d;
+  --color-red-7: #e5484d;
+  --color-red-8: #da3036;
+  --color-red-9: #ff6368;
+  --color-red-10: #feecee;
+  --color-amber-1: #271700;
+  --color-amber-2: #341c00;
+  --color-amber-3: #4a2900;
+  --color-amber-4: #573300;
+  --color-amber-5: #693f05;
+  --color-amber-6: #e79d13;
+  --color-amber-7: #ffb224;
+  --color-amber-8: #ffa90a;
+  --color-amber-9: #f1a10d;
+  --color-amber-10: #fef3dd;
+  --color-green-1: #0b2211;
+  --color-green-2: #0f2c17;
+  --color-green-3: #11351b;
+  --color-green-4: #0c461c;
+  --color-green-5: #126426;
+  --color-green-6: #1a9338;
+  --color-green-7: #46a758;
+  --color-green-8: #388e4b;
+  --color-green-9: #63c174;
+  --color-green-10: #e5fbeb;
+  --color-teal-1: #04201b;
+  --color-teal-2: #062923;
+  --color-teal-3: #083a33;
+  --color-teal-4: #053c34;
+  --color-teal-5: #085e53;
+  --color-teal-6: #0c9785;
+  --color-teal-7: #12a594;
+  --color-teal-8: #0f8a7c;
+  --color-teal-9: #0ac5b2;
+  --color-teal-10: #e1faf4;
+  --color-purple-1: #221527;
+  --color-purple-2: #301a3a;
+  --color-purple-3: #432155;
+  --color-purple-4: #4e2667;
+  --color-purple-5: #5e2d84;
+  --color-purple-6: #8e4ec6;
+  --color-purple-7: #8e4ec6;
+  --color-purple-8: #773da9;
+  --color-purple-9: #bf7af0;
+  --color-purple-10: #f7ecfc;
+  --color-pink-1: #27141c;
+  --color-pink-2: #3c1827;
+  --color-pink-3: #4f1c31;
+  --color-pink-4: #541b33;
+  --color-pink-5: #6c1e3f;
+  --color-pink-6: #b21a57;
+  --color-pink-7: #e93d82;
+  --color-pink-8: #de2670;
+  --color-pink-9: #f76191;
+  --color-pink-10: #feecf4;
+  --color-primary: var(--color-blue-9);
+
+  /* override archie vars */
+  --maincolor: var(--color-primary);
+  --darkMaincolor: var(--color-primary);
+  --hovercolor: var(--color-primary);
+}
+
+::selection {
+  background-color: var(--color-blue-5);
+}
+
+h1, h2, h3, h4, h5, h6 {
+  color: var(--color-gray-10);
+}
+
+a {
+  border: none;
+  text-decoration: underline;
+  text-decoration-color: var(--color-primary);
+  text-decoration-thickness: 0.24rem;
+  text-decoration-skip-ink: none;
+}
+
+img {
+  border: none;
+}
+
+table th {
+  font-size: 1rem;
+}
+
+section.list-item > .description {
+  margin: 0.5rem 0;
+}
+
+code {
+  background-color: unset;
+  color: var(--color-primary)
+}
+
+pre {
+  padding: 0.5rem 1rem;
+}
+
+footer {
+  border-color: var(--color-primary);
+}
+
+hr {
+  border-color: var(--color-primary);
+}
+
+.logo {
+  --size: 2.5rem;
+  float: left;
+  margin-right: 1rem;
+  width: var(--size);
+  height: var(--size);
+  border-radius: 5px;
+  background-size: var(--size) var(--size);
+  background-repeat: no-repeat;
+  filter: grayscale(100%);
+  -webkit-filter: grayscale(100%);
+}
+
+.logo:hover {
+  filter: grayscale(0%);
+  -webkit-filter: grayscale(0%);
+}
+
+.soc {
+  text-decoration: none;
+  margin: 0 0.5rem;
+}
+
+.border {
+  margin-right: 1rem;
+}
+
+.soc:hover {
+  text-decoration: none;
+  background-color: unset;
+  color: var(--color-primary);
+}
+
+.mermaid {
+  display: flex;
+  justify-content: center;
+}

config.toml

@@ -1,4 +1,4 @@
-theme = "cactus"
+theme = "archie"
 baseURL = "https://blog.reb.gg/"
 languageCode = "en-us"
 title = "rob's blog"
@@ -14,31 +14,18 @@ name = "Posts"
 url = "/posts"
 weight = 2
 
-[[menu.main]]
-name = "Tags"
-url = "/tags"
-weight = 3
-
 [params]
-  author = "Rob Herley"
-  colortheme = "dark"
-  mainSectionTitle = "Recent posts"
-  tocInline = true
-  showReadTime = true
-  css = ["css/custom.css"]
-  disablecopy = true
-  dateFormat = "2006 Jan 2"
-  showProjectsList = true
-  showAllPostsArchive = true
-  showAllPostsOnHomePage = true
+  mode="dark"
+  customcss = ["css/custom.css"]
+  favicon = "images/logo.png"
 
 [[params.social]]
   name = "github"
   link = "https://github.com/robherley"
 
 [[params.social]]
-  name = "twitter"
-  link = "https://twitter.com/robherley"
+  name = "x"
+  link = "https://x.com/robherley"
 
 [[params.social]]
   name = "instagram"
@@ -50,16 +37,7 @@ weight = 3
 
 [markup]
   [markup.highlight]
-    anchorLineNos = false
-    codeFences = true
-    guessSyntax = false
-    hl_Lines = ''
-    lineAnchors = ''
-    lineNoStart = 1
-    lineNos = false
-    lineNumbersInTable = true
-    noClasses = true
-    style = 'dracula'
+    style = 'catppuccin-frappe'
     tabWidth = 4
 
 [outputs]

layouts/shortcodes/terminal.html

@@ -1,3 +1,3 @@
 {{ $trimmed := trim .Inner "\n" }}
 {{ $high := highlight $trimmed "bash" }}
-{{ replaceRE `(?P<prompt>(\w|-)+@(\w|-)+\$ )` `<span style="color:#50fa7b;user-select:none;">$prompt</span>` $high | safeHTML }}
+{{ replaceRE `(?P<prompt>(\w|-)+@(\w|-)+\$ )` `<span style="color:#81c8be;user-select:none;">$prompt</span>` $high | safeHTML }}

script/server

@@ -1,2 +1,9 @@
 #!/usr/bin/env bash
-hugo server -D
+
+if ! [ -x "$(command -v hugo)" ]; then
+  echo 'Error: hugo is not installed.' >&2
+  echo 'https://gohugo.io/installation/' >&2
+  exit 1
+fi
+
+hugo server -D