Adjust theme

config.yaml

@@ -72,7 +72,7 @@ markup:
 
 module:
   imports:
-    - path: hugo-theme-gruvbox
+    - path: custom-theme
   mounts:
     - source: node_modules/simple-icons/icons
       target: assets/simple-icons

content/blog/setting-up-gitea-actions-with-tailscale/index.md

@@ -104,9 +104,9 @@ Something to consider is whether or not you want to use ssh with git. One method
 
 ## Theming
 
-I discovered some themes for gitea [here](https://git.sainnhe.dev/sainnhe/gitea-themes) and decided to try out gruvbox.
+I discovered some themes for gitea [here](https://git.sainnhe.dev/sainnhe/gitea-themes).
 
-I added the theme by cloning [theme-gruvbox-auto.css](https://git.sainnhe.dev/sainnhe/gitea-themes/raw/branch/master/dist/theme-gruvbox-auto.css) into `./data/gitea/public/assets/css`. I then added the following to `environment` in `docker-compose.yml`:
+I added the theme by copying [theme-palenight.css](https://git.sainnhe.dev/sainnhe/gitea-themes/raw/branch/master/dist/theme-palenight.css) into `./data/gitea/public/assets/css`. I then added the following to `environment` in `docker-compose.yml`:
 
 ```yaml
 - GITEA__ui__DEFAULT_THEME=palenight

package.hugo.json

@@ -1,4 +0,0 @@
-{
-  "name": "davegallant.github.io",
-  "version": "0.1.0"
-}

themes/custom-theme/assets/css/critical/15-colors.css

@@ -16,10 +16,10 @@
   --bg3: #665c54;
   --bg4: #32344a;
   --fg: var(--fg1);
-  --fg0: #C792EA;
+  --fg0: #a1a1a1;
   --fg1: #dddfeb;
   --fg2: #7da6ff;
-  --fg3: #9ece6a;
+  --fg3: #6a6c67;
   --fg4: #32344a;
   --gray1: var(--fg4);
   --gray2: #444b6a;
@@ -29,8 +29,8 @@
   --green2: #b9f27c;
   --yellow1: #e0af68;
   --yellow2: #ff9e64;
-  --blue1: #89DDFF;
+  --blue1: #63A8D3;
-  --blue2: #89DDFF;
+  --blue2: #63A8D3;
   --purple1: #ad8ee6;
   --purple2: #bb9af7;
   --aqua1: #449dab;

themes/custom-theme/assets/css/critical/30-header.css

@@ -65,7 +65,7 @@ header {
   }
 
   &::placeholder {
-    color: var(--fg3);
+    color: var(--fg1);
   }
 
   &[type="search"]::-webkit-search-cancel-button {

themes/custom-theme/assets/css/critical/40-post.css

@@ -1,7 +1,7 @@
 .post,
 .content-section {
   border-bottom: 2px dotted var(--bg1);
-  padding: 2rem 0;
+  padding: 0rem 0;
 }
 
 .post {

themes/custom-theme/layouts/partials/head/stylesheets.html

@@ -3,8 +3,8 @@
 
 {{ $critical := sort (resources.Match "css/critical/*.css") "Name" | resources.Concat nil | resources.ExecuteAsTemplate nil . | resources.PostCSS }}
 {{ $nonCritical := sort (resources.Match "css/non-critical/*.css") "Name" | resources.Concat "css/non-critical.css" | resources.ExecuteAsTemplate "css/non-critical.css" . | resources.PostCSS }}
-{{ $prismDark := resources.Get "prism-themes/prism-synthwave84.css" }}
+{{ $prismDark := resources.Get "prism-themes/prism-coldark-dark.css" }}
-{{ $prismLight := resources.Get "prism-themes/prism-synthwave84.css" }}
+{{ $prismLight := resources.Get "prism-themes/prism-coldark-dark.css" }}
 
 {{ if hugo.IsProduction }}
   {{ $critical = $critical | resources.PostProcess }}

themes/custom-theme/layouts/partials/post-list.html

@@ -0,0 +1,13 @@
+{{ range $pageIndex, $page := .Pages }}
+  <article class="post">
+    <div class="post-header">
+      <div class="post-meta">
+        {{- with $page.Date -}}
+          <span>{{ .Format "2006-01-02" }}</span> 
+        {{- end -}}: <a href="{{ .RelPermalink }}">{{ .Title | markdownify }}</a>
+      </div>
+    </div>
+  </article>
+{{ end }}
+
+{{ partial "pagination.html" . }}