Neumorphism_Theme

一Neumorphism Theme design for OpenHarmony.

Download & Install

Install using npm

npm i hmos-neumorphism Details about OpenHarmony NPM environment configuration, see at here

Usage Instructions

Note :

Add this css snippet when passing input or button through slot .

button, input{
    width: 100%;
    height: 100%;
    background-color:transparent;
    text-color: black;
}

Theme

Import:

<element name='neutheme' src='hmos-neumorphism/theme/theme.hml'></element>

Usage:

<!--You can choose between following themes:-->

<!--white-->
<!--silver-->
<!--gray-->
<!--black-->
<!--red-->
<!--maroon-->
<!--yellow-->
<!--olive-->
<!--lime-->
<!--green-->
<!--aqua-->
<!--teal-->
<!--blue-->
<!--navy-->
<!--pink-->
<!--purple-->

<neumorphism theme="silver" color="black">
</neumorphism>

Compatibility

Supports OpenHarmony API version 6

Directory Structure

|---- Neumorphism  
|     |---- entry  # sample app usage
|     |---- Neumorphism  # Neumorphism library
|           |---- theme  # Theme Component
|                 |---- theme.css  # Theme style component
|                 |---- theme.hml  # Theme hml file
|     |---- README.MD  # installation and usage                   

Code Contribution

If you find any problems during usage, you can submit an Issue to us. Of course, we also welcome you to send us PR.

Open source License

This project is based on Apache License 2.0 ，please enjoy and participate in open source freely.

Reference:

neumorphism.io

ismail9k.github.io/neomorphism