ViMaSter/hackertours-theme
Watch
0
0
Fork
You've already forked hackertours-theme
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Better info how to override variables.

Browse source
This commit is contained in:
Fredrik Jonsson 2025-03-26 08:35:58 +01:00
commit 6dd85485ec
2 changed files with 6 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

11
README.md
View file

@ -338,21 +338,20 @@ If you do not specify any sections in the "mainSections" param (see configuratio
This is another part that almost everyone will like to customise. This is another part that almost everyone will like to customise.
They are found in the theme `assets/sass/_colors.scss` and `assets/sass/_variables.scss` files. Copy them to the root `assets/sass/` directory to set your own values. They are found in the theme `assets/sass/_colors.scss`, `assets/sass/_variables.scss` and `assets/sass/_sass_variables.scss` files. You can copy them to the root `assets/sass/` directory to set your own values.
If you only want to override a few variables copy the theme `assets/sass/_extra.scss` to the root `assets/sass/_extra.scss` and set the new values there. Anything in the extra file will override values in the variables file. In most cases you likely only need to override a few values and then it is easier to set these in the extra and custom sass files.
Examples of variables found in `assets/sass/_variables.scss`: Root `assets/sass/_extra.scss`: Loaded first so use to override sass variables only.
* $base-font-size: 18px; Root `assets/sass/_custom.scss`: Loaded last so use to override css variables and add any custom styles you need.
* $max-content-width: 960px;
* $max-line-width: 70ch;
### Logo ### Logo
Place your logo at `static/images/logo.png`. If you don't provide a logo, then the default theme logo will be used. Place your logo at `static/images/logo.png`. If you don't provide a logo, then the default theme logo will be used.
There are also setting to set a custom `logoPath` as well as setting logo width and height.
### Favicons ### Favicons

1
assets/sass/_colors.scss
View file

@ -1,4 +1,5 @@
// Theme colours. // Theme colours.
// Override css variables in "assets/sass/_custom.scss"
:root { :root {
// Base colours. // Base colours.