To start create your account
Sign Up now

MCSS Themes

MCSS Offers you a list of themes designed to edit the appearance of every app component like buttons, switches, labels etc.

For a better experience, you can add some classes to your componentes and they will adopt different appearances. For example you can set a button as primary or secondary, or choose a normal or light background for a popup.

If you prefer, you can set a personal stylesheet to your project in addition to the chosen theme, in that new file, you can adapt the appearance to your full needs (how to add .mcss files to your project)

To select a theme you can use the function: useTheme:named indicating the name of the desired theme (Read more about the MCSS Implementation)

MCSS.shared.useTheme(named: "moon")

In the specification of each theme you will obtain more information about the theme features and the classes that you can use in your components.

List of available themes:

Acid

Bright colors and elements with little vertex that try to convey order and solidity. A rough and bright style perfect for youthful designs.

Dark

The harmony organizes the grid of the columns in a symmetrical way for users to have a flawless navigation. the contrasts are perfect, since it lays in the two light and dark versions.

Deep Blue

This theme transmits stability and reliability at the level of hierarchies, fonts and composition of design characters, it can be used in your business projects, marketing and whatever suits your project idea.

Love

That is offered to the users, the interface has been designed as a guide for the development of your project, capable of taking your project through the best best path for the user experience.

Snow

The organization and simplicity of this theme demostrates the minimalist structure to take it as an example and create great apps.

Rainbow

This hierarchically colorful application is one of the most striking for the user, the palette of colors transmit freshness and creativity, at the level of navigability it has ease of access in its

LemonMilk

A touch of calm and freshness, this theme is the best combination of delicate details and roughness of large blocks for content

Moon

The colors convey elegance and warmth, the details in its elements delicacy. This theme is designed to make an application for professionals.

Pet

Lots of color and round details that will give a very soft and dynamic style to your design.

Retro

Retro is related to the independence and confidence that it can give the user, this theme can be applied to any project, since it adapts to any concept when creating

Scarlet

This hierarchically colorful application is one of the most striking for the user, its palette of colors transmit freshness and creativity.

Sober

Harmony, seriousness is represented, since this theme turns harmony into an app for business development, the composition makes it easy to find resources to take as an example the start of another app.

Turquoise

This theme shares a peaceful and harmonious feeling to the end user. It is widely used in the health industry. Users can easily relate, understand and navigate the app using the Turquoise theme.