diff --git a/README.md b/README.md index efa883b..8aad0af 100644 --- a/README.md +++ b/README.md @@ -29,6 +29,7 @@ Typo is a theme backed by simplicity, as you can see in the screenshots below. T - [2.3 Dark and light mode images](#23-dark-and-light-mode-images) - [2.4 Fonts](#24-fonts) - [2.5 Miscellaneous](#25-miscellaneous) + - [2.6 Extending the theme](#26-extending-the-theme) - [3 Configuration example](#3-configuration-example) - [3.1 post.md](#31-postmd) - [3.2 hugo.toml](#32-hugotoml) @@ -103,6 +104,11 @@ Various miscellaneous features: - Latex blocks overflows on mobile to prevent having strange alignments; - Code blocks are displayed with ligatures. +### 2.6 Extending the theme + +You can easily modify the existing style by placing custom CSS inside `assets/css/custom.css` +This has priority over existing CSS. + ## 3 Configuration example ### 3.1 post.md @@ -206,7 +212,5 @@ Leave a star if you are using the theme, I would really appreciate! :star: ## 6 Future Works - [ ] Bring SEO and [performance metrics](https://pagespeed.web.dev/) to 100% both on mobile and desktop; -- [ ] Add additional options on posts list view; - [ ] Add color palettes; - [ ] Add a proper Tags page; -- [ ] Cleanup SVGs with coherent icon styles. diff --git a/assets/css/custom.css b/assets/css/custom.css new file mode 100644 index 0000000..b61e678 --- /dev/null +++ b/assets/css/custom.css @@ -0,0 +1 @@ +/* Place custom css here */ \ No newline at end of file diff --git a/layouts/partials/head/css.html b/layouts/partials/head/css.html index abca3b8..a5b2322 100644 --- a/layouts/partials/head/css.html +++ b/layouts/partials/head/css.html @@ -3,7 +3,8 @@ (resources.Get "css/vars.css") (resources.Get "css/utils.css") (resources.Get "css/fonts.css") -(resources.Get "css/main.css") | +(resources.Get "css/main.css") +(resources.Get "css/custom.css") | resources.Concat "assets/combined.css" | minify | fingerprint }}