deepStateMirrors/tabi
1
0
Fork 1
mirror of https://github.com/welpo/tabi.git synced 2025-12-17 04:48:44 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

📝 docs: clarify the 2 possible paths for custom skins

Browse source
This commit is contained in:
welpo 2023-08-10 20:02:25 +02:00
parent 6b0cc11da4
commit 41009a50a1
No known key found for this signature in database
GPG key ID: A2F978CF4EC1F5A6
3 changed files with 18 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

7
content/blog/customise-tabi.md
View file

@ -1,6 +1,7 @@
+++
title = "Customise tabi with skins and a default theme"
date = 2023-08-09
updated = 2023-08-10
description = "Learn how to customise tabi using skins and setting a default theme, making your site uniquely yours."
[taxonomies]
@ -169,7 +170,11 @@ For this colourscheme, choose `skin = "lowcontrast_pink"`.
You're not just limited to predefined skins. Why not create a look that's distinctively tailored to your preferences?
To get started, head over to `themes/tabi/sass/skins` and add a new file (e.g. `your_skin.scss`). This file needs to have these two variables (this is the default skin, teal):
You can save your new skin it in either of these two directories:
1. Inside the theme's directory: `themes/tabi/sass/skins`
2. Inside your main site's directory: `sass/skins` (you'll need to create this folder)
Create a new `.scss` file (for example, `your_skin.scss`) in your preferred location. This file needs to have these two variables (this is the default skin, "teal"):
```scss
:root {