📝 docs: clarify the 2 possible paths for custom skins
This commit is contained in:
parent
6b0cc11da4
commit
41009a50a1
@ -1,6 +1,7 @@
|
|||||||
+++
|
+++
|
||||||
title = "Personalitza el color de tabi i el tema per defecte"
|
title = "Personalitza el color de tabi i el tema per defecte"
|
||||||
date = 2023-08-09
|
date = 2023-08-09
|
||||||
|
updated = 2023-08-10
|
||||||
description = "Aprèn a personalitzar tabi fent servir skins i establint un tema per defecte, aconseguint un aspecte únic."
|
description = "Aprèn a personalitzar tabi fent servir skins i establint un tema per defecte, aconseguint un aspecte únic."
|
||||||
|
|
||||||
[taxonomies]
|
[taxonomies]
|
||||||
@ -158,7 +159,11 @@ Per utilitzar aquests colors, assigna `skin = "lowcontrast_pink"`.
|
|||||||
|
|
||||||
No estàs limitat a les skins predefinides. Per què no crees un disseny únic que et representi?
|
No estàs limitat a les skins predefinides. Per què no crees un disseny únic que et representi?
|
||||||
|
|
||||||
Per començar, dirigeix-te a `themes/tabi/sass/skins` i crea un nou arxiu (per exemple, `la_teva_skin.scss`). Aquest arxiu ha de tenir aquestes dues variables (aquesta és la skin predeterminada, `teal`):
|
Pots guardar la teva nova skin en qualsevol d'aquests dos directoris:
|
||||||
|
1. Dins del directori del tema: `themes/tabi/sass/skins`
|
||||||
|
2. Dins del directori principal del teu lloc: `sass/skins` (necessitaràs crear aquesta carpeta)
|
||||||
|
|
||||||
|
Crea un nou arxiu `.scss` (per exemple, `la_teva_skin.scss`) a la ubicació que prefereixis. Aquest arxiu ha de contenir aquestes dues variables (aquesta és la skin predeterminada, "teal"):
|
||||||
|
|
||||||
```scss
|
```scss
|
||||||
:root {
|
:root {
|
||||||
|
@ -1,6 +1,7 @@
|
|||||||
+++
|
+++
|
||||||
title = "Personaliza el color de tabi y el tema predeterminado"
|
title = "Personaliza el color de tabi y el tema predeterminado"
|
||||||
date = 2023-08-09
|
date = 2023-08-09
|
||||||
|
updated = 2023-08-10
|
||||||
description = "Aprende a personalizar tabi usando skins y estableciendo un tema predeterminado, haciendo que tu sitio sea único."
|
description = "Aprende a personalizar tabi usando skins y estableciendo un tema predeterminado, haciendo que tu sitio sea único."
|
||||||
|
|
||||||
[taxonomies]
|
[taxonomies]
|
||||||
@ -160,7 +161,11 @@ Para usar estos colores, asigna `skin = "lowcontrast_pink"`.
|
|||||||
|
|
||||||
No estás limitado a las skins predefinidas. ¿Por qué no diseñas un aspecto único que te represente?
|
No estás limitado a las skins predefinidas. ¿Por qué no diseñas un aspecto único que te represente?
|
||||||
|
|
||||||
Para empezar, dirígete a `themes/tabi/sass/skins` y crea un nuevo archivo (por ejemplo, `tu_skin.scss`). Este archivo debe tener estas dos variables (esta es la piel predeterminada, `teal`):
|
Puedes guardar tu nueva skin en cualquiera de estos dos directorios:
|
||||||
|
1. Dentro del directorio del tema: `themes/tabi/sass/skins`
|
||||||
|
2. Dentro del directorio principal de tu sitio: `sass/skins` (necesitarás crear esta carpeta)
|
||||||
|
|
||||||
|
Crea un nuevo archivo `.scss` (por ejemplo, `tu_skin.scss`) en la ubicación que prefieras. Este archivo debe contener estas dos variables (esta es la skin predeterminada, "teal"):
|
||||||
|
|
||||||
```scss
|
```scss
|
||||||
:root {
|
:root {
|
||||||
|
@ -1,6 +1,7 @@
|
|||||||
+++
|
+++
|
||||||
title = "Customise tabi with skins and a default theme"
|
title = "Customise tabi with skins and a default theme"
|
||||||
date = 2023-08-09
|
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."
|
description = "Learn how to customise tabi using skins and setting a default theme, making your site uniquely yours."
|
||||||
|
|
||||||
[taxonomies]
|
[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?
|
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
|
```scss
|
||||||
:root {
|
:root {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user