Monochrome CSS

Monochrome CSS is a simple CSS stylesheet for text heavy HTML pages. If you want a simple web page with minimal styling and no hassles this is styling for you.

• Legibilty
• Simplicity

A live demonstration using the HTML5 Test Page developed by Chris Bracco with the sstyling can be reached here.

Usage

You can insert the following code in your HTML webpage:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@karanj/monochromecss/main.min.css">

Or you can add this dependency to your npm package via:

npm i @karanj/monochromecss

Styling

If you don't like red, the default color, you can change the hue and saturation variables in your HTML as show below to get blue.

<style>
    :root {
        --hue: 240;
        --saturation: 50%;
    }
</style>

IMPORTANT: Remember to change the variables after loading the stylesheet, not before.

Contributing

To contribute to this repository, please create a fork and submit a merge request. Please keep in mind the fundamental principles of the stylesheet though:

1. CSS on base HTML tags is preferred over styles applied to classes or ids.
2. The focus is on text pages. Styling for forms is limited on purpose.
3. This is a minimal stylesheet, more complex styling is not relevant.