.u1-invert - class

invert colors

Ussage

<h3>Normal H3</h3>
<div class=u1-invert style="padding:2rem">
    <h3>This box...</h3>
    <p>
        ...is inverted
        <a href="#">a link</a>
    </p>
    <button>button</button>
</div>

.u1-invert {
}

Install

<link href="https://cdn.jsdelivr.net/gh/u1ui/invert.class@x.x.x/invert.min.css" rel=stylesheet>

Demos

minimal.html
test.html

Note

I am thinking of using an attribute for changing the theme. So that not only it can be inverted but also other theme-variants can be made. eg. [u1-skin=invert], [u1-skin=theme], [u1-skin=dark], [u1-skin=light] I am still looking for a suitable name for this purpose:

[u1-skin], [u1-theme], [u1-color], [u1-bg], [u1-palette], [u1-color-scheme], [u1-root]

About

• MIT License, Copyright (c) 2022 (like all repositories in this organization)
  
• Suggestions, ideas, finding bugs and making pull requests make us very happy. ♥