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

Stats

By: iamkun

View on Chrome Web Store

Users: 9,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

URLs: Website

Stats date:

Chrome-Stats Rank

# 10297 ▼ 153

Other rankings

#2641 in Developer Tools ▼ 2 #131 in element keyword 18 ▲ 1

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.

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

User reviews summary

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

Helpful plugin
Very useful

Cons

Cross-Origin Read Blocking (CORB) issues
Cannot use, only displays Brand Color / Functional Color etc.
Complicated workaround for cross-domain issues
Cannot download zip file on own project
Does not work

Most mentioned

Cross-origin issues
Difficulty using
Unavailability of expected features

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时的真实地址。