HTML

html starting template

This is a starter template for html pages based on the basis framework b.css and b.js.

+ Expand Code

Colors

Inside the style section, the colors for the html page can be defined, by overwriting the default color variables of the b.css library. The color variables are defined throughoutin the b.css file, e. g. --color-text, --color-bg-body. It is recommended to define all colors in one place, i. e. in the style secton of your html (here) or in a dedicated css file using the overwriting schema below

You can then define / overwrite the colors to your choice. Best practice is to choose colors form a harmonized color palette, so you page looks consistent. b.css provies the tailwind colors https://tailwindcss.com/docs/customizing-colors using the --color-*tailwindName* schema, e. g. --color-zinc-950 or --color-cyan-100, but there are many more.

By default it is recommened to use the colors defiend for the body.light and body.dark class. You can also create your custom theme.

Body

In the body we only define the theme, which is a dark theme. The main block contains the major content of the site

You can click on the options below to change the theme or the main width of THIS page, not how the HTML code updates.