summaryrefslogtreecommitdiff
path: root/docs/style.css
Commit message (Collapse)AuthorAgeFilesLines
* docs: desaturate dark-mode background colorBenjamin Franzke2022-06-101-1/+2
| | | | | | | | | | The documentations dark-mode background color as added in #23417 was perceived to be too purple-y [1] and is therefore replaced by a desaturated black that is derived from the systemd brand-black using 12% less HSL saturation. [1] https://github.com/systemd/systemd/pull/23417#issuecomment-1146323820
* docs: improve table readabilityBenjamin Franzke2022-05-211-3/+55
| | | | | | | | | | | | | | | | Let the table span more than the default content width, if the table contains alot of data (controlled by width: auto) (720px is very good for continuous text, but too narrow for tables). The container class is therefore adapted to put the width restriction on the elements itself, allowing for exceptions for individual elements like <table> and <h1> (which used an offset margin before and is now streamlined to use a max-width as well). Also add a striped background to ease reading rows and allow for horizontal mobile scrolling without overflowing the entire document, only the table itself.
* docs: overhaul styling for example log messages on startpageBenjamin Franzke2022-05-171-1/+24
| | | | | | | | | | | | | * Use brand-green for demo log messages on the startpage instead of the default `green` color defined by the browser vendor (after all, the brand green color is intended to reflect the boot status output) * Add a matching blue intro color (mixed using HSL from brand-green by 55deg hue rotation and 4% lightness) * Use a defined font-size (to avoid blurry rendering at 13.33333px, due to font-size: smaller) * Add possibility for the browser to show horizontal scrollbar (avoid overflow in mobile view)
* docs: add dark modeBenjamin Franzke2022-05-171-219/+355
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | Respect the user agent property `prefers-color-scheme` by rendering the documentation in dark mode, if requested. Reorganise CSS to store the color palette into CSS variables and reference these from another set of CSS variables that are dynamically switched based on the prefers-color-scheme media query. Light mode variables stay they same as before, but to ease color mixing, the current RGB values have been transformed to HSL (using chrome devtools). The current body background is now --sd-gray-extralight, the current body color is now --sd-gray-extradark. Other gray-variations, needed for dark-mode constrasts are derived from these colors using HSL lightness shifting. The systemd brand black color is used as dark mode background and a matching extralight gray font color has been selected. The link font-weight is reduced to 400 in dark mode, as the green color on dark ground becomes to overwhelming with a bold font. The systemd logo color is dynamically swapped by using the special fill value `currentColor` for dark/light-mode depending parts – as per specification on brand.systemd.io
* docs: regenerate highlight style and streamline background overwriteBenjamin Franzke2022-05-171-7/+10
| | | | | | | | * Update to rougify 3.26.1 styling * Adapt background overwrite by removing default background color and only adding explicit overwrites for syntax error (error stylings appear for example in json-excerpts – see HACKING.md – and are therefore hidden by our css)
* docs: respect default browser font-sizeBenjamin Franzke2022-05-171-5/+7
| | | | | | | | 16px is default by all browser vendors when font-setting is defined to be 'medium'. Scale all font sizes and margins to based on 16px base size.
* docs: add reasonable difference between h2 and h3 font-sizeBenjamin Franzke2022-05-171-1/+4
|
* docs: replace invalid h1 font-weightBenjamin Franzke2022-05-171-1/+1
| | | | | | | h1 font weight is defined to be 100 but no font-face definition for weight 100 is included. The browser will use the nearest available font-weight instead. As that is 400, we do specify it explicitly now.
* docs: mark spdx headers with the default license to website filesZbigniew Jędrzejewski-Szmek2021-10-181-0/+2
| | | | | | | | | Those were added in b41a3f66c97e3d861faed04b727daf929383b827 without an explicit license, so they are under the default license. Some files already got a header previously, so this only touches the remaining. The same should be done for docs/_data/extra_pages.json, but it's json, and json doesn't allow comments.
* docs: align tables vertically to topZbigniew Jędrzejewski-Szmek2021-02-221-0/+5
| | | | Fixes #18706.
* docs: CSS files should not be executableLennart Poettering2019-12-161-0/+0
|
* docs: make it prettyTobias Bernard2019-12-111-0/+347
Add custom Jekyll theme, logo, webfont and .gitignore FIXME: the markdown files have some H1 headers which need to be replaced with H2