What's new in the version 3.0.0

New less support

Less (sometimes stylized as LESS) is a dynamic style sheet language that can be compiled into Cascading Style Sheets (CSS) and run on the client side or server side. LESS is basically fully compatible with CSS. You can see documention here

Edit page changed back to one editor

Because of new less format, and performance considerations, Edit page changed back to one editor. The styles you installed will be converted to new less format automatically.

Use stylelint to replace CSSLint

CSSLint is not work well with less, so we use stylelint to replace it

New popup panel

We have degisned a new popup panel theme, we knew it is not perfect, so if you have any new ideas, please submit a issue to tell us

Add exclude support

Now you can use exlude("regular expression") to exclude some sites or pages, for example, the following codes will apply to http://example.com/* but will not apply to http://example.com/not/*:

@-moz-document regexp("^http://example.com/(.*)$"), exclude("^http://example.com/not/(.*)") {
/* Some css codes here */
}

Fixed many bugs

• Issue #44 and #43

• USO not work well on Chrome

• Fixed some interface bugs

• Other bugs

If you can not edit your styles after update

Please try the following steps

• Open the managemant page

• Run the following code in console:

getDatabase().then((db) => {
	let tx = db.transaction(["styles"], "readwrite");
	let os = tx.objectStore("styles");
	os.openCursor().onsuccess = function(e) {
		let cursor = e.target.result;
		if (cursor) {
			let s = cursor.value;
			s.id = cursor.key;
			delete s.type;
			s = updateStyleFormat(s);
			os.put(s);
			cursor.continue();
		}
	};
});
browser.extension.getBackgroundPage().cachedStyles = null;

• Refresh the page and try again. If you still can't edit, please submit the screenshot of the edit page's console in issue. Thank you

---

新增对less的支持

Less（或写作LESS）是一种由Alexis Sellier设计的动态层叠样式表语言，且对CSS基本兼容，在这里可以查看文档

编辑页面改回单一编辑器

因为新的less格式需要，加上考虑到太多编辑器会影响性能，编辑页面改回单一编辑器。已安装的样式会被自动转换为新的less格式。

使用stylelint替代CSSLint

CSSLint与Less不能很好的兼容，所以我们使用stylelint替代它

新的面板主题

我们新设计了一个面板主题，我们知道它并不完美，因此，如果你有更好的想法，欢迎提交一个issue来告诉我们

增加exclude支持

现在你可以使用exlude("正则表达式")来排除一些网页, 例如，下面的代码将会应用到http://example.com/*但不会应用到http://example.com/not/*：

@-moz-document regexp("^http://example.com/(.*)$"), exclude("^http://example.com/not/(.*)") {
/* Some css codes here */
}

修复很多BUG

• Issue #44 and #43

• Chrome下USO有时会无法使用

• 修复一些界面BUG

• 其他BUG修复

如果您在更新后无法编辑样式

请尝试以下步骤：

• 打开管理页面

• 在console中运行下面代码：

getDatabase().then((db) => {
	let tx = db.transaction(["styles"], "readwrite");
	let os = tx.objectStore("styles");
	os.openCursor().onsuccess = function(e) {
		let cursor = e.target.result;
		if (cursor) {
			let s = cursor.value;
			s.id = cursor.key;
			delete s.type;
			s = updateStyleFormat(s);
			os.put(s);
			cursor.continue();
		}
	};
});
browser.extension.getBackgroundPage().cachedStyles = null;

• 刷新页面，重新尝试，如果依然无法编辑，请将编辑页面的console截图后提交issue，谢谢