/Xess

My minimal Gruvbox CSS file I've been keeping multiple places

Primary LanguageCSSMIT LicenseMIT

Xess

This is a CSS file I've been working on for a few years off and on. It is a simple CSS theme that emulates Gruvbox with automatic support for light mode using the light mode CSS media query.

It should be pronounced like the word "zest" without the "t" at the end. This is intended to be a companion to Xeact

HTML Skeleton

<!DOCTYPE html>
<html>
    <head>
        <title>Page Title</title>
        <link rel="stylesheet" href="/static/xess.css">
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    </head>
    <body id="top">
        <main>
            <h1>Page title</h1>

            <p>Hello! this is an example page using <a href="https://github.com/Xe/Xess">Xess</a></p>
            
            <blockquote>When in doubt, create another framework</blockquote>
            
            <ul><li>Unknown</li></ul>
            
            <p>Select this text to see what happens!</p>

            <footer>
                <p>CSS available under the MIT license.</p>
            </footer>
        </main>
    </body>
</html>

Dark Mode

dark mode

Light Mode

light mode