https://github.com/themounthead/nativescript-ngx-themr

Nativescript Utility for Custom Theming
https://github.com/themounthead/nativescript-ngx-themr

material nativescript sass theme

Last synced: 20 days ago
JSON representation

Nativescript Utility for Custom Theming

• Host: GitHub
• URL: https://github.com/themounthead/nativescript-ngx-themr
• Owner: themounthead
• License: mit
• Created: 2021-05-09T12:43:09.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-05-09T13:16:15.000Z (over 3 years ago)
• Last Synced: 2024-11-08T10:51:31.087Z (2 months ago)
• Topics: material, nativescript, sass, theme
• Language: SCSS
• Homepage:
• Size: 2.37 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Nativescript-ngx-themr

This is a SASS utlity that extends the Angular Material Theming to create custom

palettes. You can create your own custom palette by defining the _Primary_, _Secondary_ and _Tertiary_ Colors and Accents in the

theme file.

It includes support for both Light and Dark themes.

## What do I get ?

A large collection of Css Root variables i.e. Material Palette that can be used to define your own Sass variables

or simply create custom Css classes by extending the variables.

## Getting Started

- Step 1: Copy the Theme folder and place it in your NS Project

- Step 2: Include the _theme_ scss import in your app.scss file

- Step 3: Add you own Css classes by extending the variables

## Quick Demo

Run the below command providing your main input Sass/Scss file, after including the

_theme_ import and view the output generated Css.

``` 

node-sass source/app.scss dest/app.css

```

[Sample Output](https://github.com/themounthead/nativescript-ngx-themr/blob/main/dest/app.css)

## Examples

The Project contains a sample demo, along with several sample Theme files