Element Theme Roller

Customize all Design Tokens of Element UI and preview in real-time

What is Element Theme Roller?

"Element Theme Roller" is a chrome extension greared to simplify the process of custom UI designs. It gives the flexibility to modify all design tokens of Element UI globally or on component level. Offering real-time preview of the new theme, it eliminates back and forth between design and preview steps. Alongside, it comes with the functionality of generating a complete style package based on the new theme that can be downloaded directly, making theme application seamless.

Download

Extension stats

By: iamkun

View on Chrome Web Store

Users: 8,000+

Rating: 3.08 (12)

Version: 0.0.9 (Last updated: 2019-07-29)

Creation date: 2019-07-29

Risk impact: Low risk impact

Risk likelihood: Low risk likelihood

Manifest version: 2

Permissions:

activeTab
storage
https://*.ele.me/
https://*.elenet.me/

Size: 2.08M

Email: ku*****@outlook.com

Ranking

# 11830 ▼ 42

Other rankings

#2965 in Developer Tools ▼ 1 #130 in element keyword 21

Other platforms

Not available on Firefox

Not available on Edge

Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension summary

Analyze keywords

Use Element Theme Roller to customize all Design Tokens of global variables and components，and preview the new theme in real-time and generate a complete style package based on the new theme for you to download directly

User reviews

These summaries are automatically generated weekly using AI based on recent user reviews. Chrome Web Store does not verify user reviews, so some user reviews may be inaccurate, spammy, or outdated.

Pros

Great plugin, really helpful!
I love it, very useful

Cons

Cannot use due to CORS errors
Plugin frequently fails to work
Online tool has limited functionality
Inability to download zip files on personal projects
Only displays blank information for Brand Color / Functional Color

Most mentioned

CORS errors
Plugin cannot be used
Online generator has no features
Download issues with zip files
Great for some users

Recent reviews

不能用，搞啥！

枫雪栩, 2022-04-21

在自己网站上用的时候，会存在跨域问题，如提示Access-Control-Allow-Origin错误，此时需要按照如下步骤： 1、在D盘根目录新建一个文件夹，如：MyChromeDevUserData； 2、打开自己安装chrome浏览器的目录，找到chrome.exe文件（例如：文件在C:\Program Files (x86)\Google\Chrome\Application\chrome.exe下），右键发送到桌面快捷方式； 3、在桌面上找到快捷方式，右键点击属性，在选项卡中点击快捷方式； 4、修改目标（T）为："C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --args --disable-web-security --user-data-dir=E:\MyChromeDevUserData 5、上一步的C:\Program Files (x86)\Google\Chrome\Application\chrome.exe，需要改为自己安装chrome时的真实地址。