alv-versal styling (for alv.cx websites) hosted on https://styles.alv.cx
Go to file
2023-02-11 20:10:33 +00:00
colors switch more colors over to variables 2022-04-14 19:31:39 +01:00
fonts add readme.txt 2023-02-11 20:10:33 +00:00
modules add search result padding 2023-02-01 18:30:44 +00:00
base.css minor default background colors tweaks 2023-02-09 14:33:07 +00:00
colors.txt switch more colors over to variables 2022-04-14 19:31:39 +01:00
gohookr.sh add gohookr script 2022-04-03 21:16:12 +01:00
readme.txt update readmes, documenation, and expose more colors in colors 2022-04-13 17:55:16 +01:00

styles.alv.cx
=============

central styling repo and domain


to style a site: 

1. put this at the top of a css file somewhere:

	@import url("https://styles.alv.cx/colors/<colorscheme>.css");
	@import url("https://styles.alv.cx/base.css");

   replacing <colorscheme> with one of the options available at
   `https://styles.alv.cx/colors`

2. add any of the optional modules you want.
3. a list of actively hosted modules can be seen in this repo in the modules folder
   and at `https://styles.alv.cx/modules/`

variables and colors available
------------------------------

there are some variables you may want to use to keep your site's styling
consistent and you can view them in the `:root` section of `base.css` and any
module you use. 

the variables defined in `base.css` are:

	--fg
	--bg

	--light
	--dark

you should prefer to use `--fg` and `--bg` over `--light` and `--dark` as that
will take of dark mode switching for you.

every colorscheme will have a standard set of variables, which can be viewed at
`https://styles.alv.cx/colors.txt` .

some modules may have variables which can be adjusted also, such as `rainbow.css`.