Giter Site home page Giter Site logo

bareynol / mui-theme-creator Goto Github PK

View Code? Open in Web Editor NEW
443.0 5.0 112.0 21.97 MB

A tool to help design and customize themes for the Material-UI component library. Includes basic site templates to show various components and how they are affected by the theme

Home Page: https://bareynol.github.io/mui-theme-creator/

License: BSD Zero Clause License

JavaScript 82.20% Shell 0.01% TypeScript 17.77% CSS 0.02%
material-ui-theme material-ui theme-customizer

mui-theme-creator's People

Contributors

bareynol avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

mui-theme-creator's Issues

REM

Hey ๐Ÿ‘‹

Really cool idea editor!

Just one question - why would you use REM in 2020 for font sizes?

Mui5?

Hey these MUI theme generator seems to be the best one. Is this project still maintained? Are you planning on deploying a MUIv5 version?

Fix Typescript errors

Numerous typescript errors leftover (such as implicit any). Need to fix up those items

Option to store the theme as json

For my use-case I need the theme to be outputted as json.

I think it will be relatively easy to add option to store the generated theme as json, I can also contribute if you give me some initial guidance of how you would like this to be done.

Improved Usability Features

Short compilation of notes from posting this project to reddit and other places and getting feedback. Some of these may be split into their own issues if large enough

notes from /u/reggievick7 on reddit:

  • More snippets on the snippets tab
    • preview code added by snippets
  • Code examples for each section on the components page
  • Code examples for the preview views
  • From the font tool panel, option to apply the font to all typographies

Import theme

Hi Brian,
great work!

I was wondering if it would possible to add Import theme feature or simply allow copy-pasting into the source-code editor. The Editor appears to be read-only.

Would be great to be able to adjust existing theme with your awesome app.

User Doesn't allow localStorage

Just a question...
Where does the theme can't write to localStorage for whatever reason? Will it then be saved on a backend database so it can be retrieved when they come back to the website?
You can't really make it a requirement if their company policy says otherwise.

Thanks in advance

Fix up redux store

redux store is messy, reducers need to be properly split away from the root
Reducers to include:

  • editor
  • theme
  • ui

Issue loading fonts with a number in it

fontFamily definitions from the Typography tool panel do not encase the font family in quotes, and this causes issues for google fonts with numbers in it (e.g. Press Start 2P)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.