Git Product home page Git Product logo

antd-theme's Introduction

Nice to see you

  • 🌆 I'm from China
  • 👩🏾‍💻 I’m currently working and living in Beijing
  • ❤️ I love coding
  • 🌱 I’m currently working with javascript

📫 How to reach me

mail: [email protected]
wechat: 459135899

我的 GitHub 数据

antd-theme's People

Contributors

gzgogo 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

antd-theme's Issues

Licence

Hi there @gzgogo ,

This looks like a really great project - thank you! Could you please clear up what licence this project is under, for example if it is MIT, could you add a licence.md that follows this?

不知道怎么用......

  1. Visit antdtheme.com,Click "Save" after editing is complete
  2. Import and add your theme in the file: theme/index.js. The key is the name of your theme in the list.

按首页上的说明,在antdtheme.com上花了很多时间才发现Save在右下角,搞不清楚该怎么用,能否简要地说说?

按这个项目首页上说的,上面第3步之后,怎么预览、验证自己修改的效果呢?特别是按首页文档添加了几个theme之后,哪里设置真正用那个theme?

一些建议

  • antd 版本建议升级到最新。默认主题下危险按钮的样式是老的:https://ant.design/changelog-cn#3.20.4
  • 切换主题时,url 最好跟着一起变化。
  • 阿里云主题的圆角不太对。
  • 界面上提供明显的 GitHub 入口。

How to run locally?

Hi, is there a guide or documentation about how to run this app locally?

My main problem is I didn't find any way to create a theme gradually, step by step, this means being able to work on it for a moment, then doing something else and get back to the theme creation later.

Thanks.

Missing @popoover-background less variable

Hi. Thanks for this nice theme maker.

I tried saving the default dark theme from https://antdtheme.com/dark and I got errors with the @popover-background variable. Looks like it's missing from the variables. Here are the variables that are dependents of @popover-background.

  • @border-color-split
  • @input-number-handler-active-bg
  • @popover-bg
  • @modal-header-bg
  • @menu-popup-bg

Thanks and hoping it'll be fixed soon.

Error `Variable @black is undefined` when using with craco-antd

I got an error Variable @black is undefined when using with craco-antd in create-react-app project.

craco.config.js

module.exports = {
  plugins: [
    {
      plugin: CracoAntDesignPlugin,
      options: {
        customizeThemeLessPath: path.join(__dirname, 'src/assets/styles/antd.customize.less'),
      },
    },
  ],
}

antd.customize.less

@import '~antd/lib/style/themes/default.less';

@body-background: @black;
@component-background: #141414;
@icon-color-hover: fade(@white, 75%);
...

I would expect that Less variables values like @black to be resolved using the import of default.less and suscequent imports in that file. But this is not the case. It seems that @black is simply treated as a string value.

Is there a way to resolve those variables before sending it to modifyVars ?
If it's not possible, it would be nice to have antd-theme to output the theme with all values resolved to css, #000 instead of @black, etc.

Thank you

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.