atapas / theme-builder Goto Github PK

The theming system helps you in building a theme of your choice and apply it to test live. Why wait? Just give it a try.

Home Page: https://tapasadhikary.com

License: MIT License

HTML 7.91% JavaScript 92.09%

react styled-components localstorage reactjs theme theming javascript theming-system

theme-builder's Issues

Clicking on "I am link" closes the Create Theme dialog box abruptly

It also resets the app, hence failing to save the theme.

Using href="#" for placeholder link might solve this.

theme-builder/src/CreateThemeContent.js

Line 151 in 2298500

 <a href="/" style={{color:state.linkColor, fontFamily: state.font}}>I am Link</a> 

Add License file

Theme creator button colors are swaped

On CreateThemeContent.js, the text and background colors are swaped.

const getThemeObj = () => {
        const themeObj = {};
        themeObj[_.camelCase(state.themeName)] = {
            "id": generate(),
            "name": state.themeName,
            "colors": {
                "body": state.bgColor,
                "text": state.txtColor,
                "button": {
                    "text": state.btnBgColor,           // <= This two lines are swapped
                    "background": state.btnTxtColor     // 
                },
                "link": {
                    "text": state.linkColor,
                    "opacity": 1
                }
            },
            "font": state.font
        };
        return themeObj;
    }