diff --git a/content/blog/customise-tabi.ca.md b/content/blog/customise-tabi.ca.md index 0be0f3575..371d0a4d8 100644 --- a/content/blog/customise-tabi.ca.md +++ b/content/blog/customise-tabi.ca.md @@ -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] @@ -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 { diff --git a/content/blog/customise-tabi.es.md b/content/blog/customise-tabi.es.md index cb8c9e590..049d5a02c 100644 --- a/content/blog/customise-tabi.es.md +++ b/content/blog/customise-tabi.es.md @@ -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] @@ -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 { diff --git a/content/blog/customise-tabi.md b/content/blog/customise-tabi.md index 199da6bbc..146f173fd 100644 --- a/content/blog/customise-tabi.md +++ b/content/blog/customise-tabi.md @@ -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 {