Skip to content

Commit

Permalink
📝 docs: clarify the 2 possible paths for custom skins
Browse files Browse the repository at this point in the history
  • Loading branch information
welpo committed Aug 10, 2023
1 parent 6b0cc11 commit 41009a5
Show file tree
Hide file tree
Showing 3 changed files with 18 additions and 3 deletions.
7 changes: 6 additions & 1 deletion content/blog/customise-tabi.ca.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
+++
title = "Personalitza el color de tabi i el tema per defecte"
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."

[taxonomies]
Expand Down Expand Up @@ -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?

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
:root {
Expand Down
7 changes: 6 additions & 1 deletion content/blog/customise-tabi.es.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
+++
title = "Personaliza el color de tabi y el tema predeterminado"
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."

[taxonomies]
Expand Down Expand Up @@ -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?

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
:root {
Expand Down
7 changes: 6 additions & 1 deletion content/blog/customise-tabi.md
Original file line number Diff line number Diff line change
@@ -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]
Expand Down Expand Up @@ -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 {
Expand Down

0 comments on commit 41009a5

Please sign in to comment.