Integrate figma file to angular material - angular-material

I have some file generated from figma. A plugin has been used for material design.
I have a folder css
colors.module.css
theme.dark.css
theme.ligh.css
tokens.css
typography.module.css
I don't have any information about how to integrate that with angular material

Related

We are using Material UI for the whole Angular project, can we use Formly with Bootstrap UI ? Does it create any problem?

We are using Material UI for the whole Angular project. Now we have to use Formly (https://formly.dev/) for forms. Can I use bootstrap theme in my project for styling the form fields ?

importing theme's css not resolving material error

I am getting the following error in my Angular 6 app
Could not find Angular Material core theme. Most Material components may not work as expected. For more info refer to the theming guide: https://material.angular.io/guide/theming
I have imported the following theme in my app.component.css but I am still getting this error on browser's console
#import url("../../node_modules/#angular/material/prebuilt-themes/deeppurple-amber.css");
Note the following statement about using pre-built themes in the guide:
If you're using Angular CLI, this is as simple as including one line in your styles.css file
You should have the import statement in your application's main stylesheet - styles.css - not in app.component.css. Also, note another statement in the guide:
The actual path will depend on your server setup.

MaterializeCSS Port FeatureDiscovery css to angular material

Is there any way to port the css code or create a new css similar to FeatureDiscovery from Materialize and embed on angular material FAB?

jQuery UI theme for Zurb Foundation?

I have an excellent jquery-ui based application that I'd like to give the fresh looks of Foundation. Most important part I'm missing is the support properly styled dialogs which currently have the jquery looks.
Is there anything like a foundation-styled jQuery UI theme or project setup to develop one?
My company has used http://jqueryui.com/themeroller/ to create the themes for our clients.
We had a client request a theme that matched the foundation default styling so we created it and uploaded it to out github. Below you can download the style sheets.
https://github.com/cwdgservices/jQuery-UI-Style-for-Zurb-Foundation

How to add themeroller custom theme to my website?

I have created a custom theme using Jquerymobile.com themeroller.
A mobile website which i have created using default theme values like .js and .css folders.
Now i want to change that theme of my website to my new custom theme,created using themeroller.
How to include those files to my coding?
When you download the themerolloer that you create, there is a sample index.html file that uses the theme that is enclosed. Look at that to see what files need to be included in your page, but more importantly, look at that code to see what CSS classes are being used - no point in including them in your page if you aren't using using the Themeroller classes
You can see all the steps, and a full tutorial on the Getting Started page

Resources