firefoxbar / xstyle Goto Github PK

The color picker is being applied to css selectors:

and inside of comments:

My Update URL is this:

file:///D:/Git/bay-master/config/xstyle/private.css

but it does not work

The current Material design looks nice, but is a bit too space-wasting in my opinion. Here are my ideas to improve it:

Style creation

• The Add Style header could double as a text field to set or edit the style's name. The enabled checkbox could be a toggle on the right in header.
• Editor settings could be inside the Advanced card
• The advanced card should be below the code sections (it is advanced after all)
• Back to manage could be an arrow on the header
• Import/export from Mozilla format could be under advanced or on the bottom of sections
• Issues could be on the right as a separate sidebar
• If the last points are done, you can also remove the drawer (Save and Beautify exist elsewhere already)

Style management

• Write new style and Install from file could be shown as a FAB menu
• Backup import/export and Firefox import could be in the Cloud card, renamed as "Backup and sync"
• Update all styles and Help could be header bar icons
• Options and Cloud (Backup and sync) could be collapsible and perhaps aligned to the bottom
• If these points are done, you can also remove the drawer
• The style activated-deactivated button should be a toggle

I made a translation for your permission in Russian. Please add! >>>LINK<<<

With Stylish, you can have a CSS like this:

@import "file:C:/github.css";
@-moz-document url-prefix(http) {}

and it will allow styles to be read from external file.

安装一个样式之后，点击“编辑”跳到编辑样式界面，一直转圈

建议改成 SourceCodePro 或 Consolas

I keep a CSS for each site:

http://github.com/svnpenn/dotfiles/tree/72eaf5f/xstyle

so it would be nice to be able to import them all at once, instead of one at a
time

i.e. manage.html, edit.html, etc.

可以让这种标题自动换行吗？

for example:

Install some style from userstyles,
There is an advanced option in userstyles which is drop-down box, the default value of A, selected B, and then installed.
In xStyle, open the advanced options, the value displayed is B, BUT in effect it is A.
Then I modify it to A, save it, and then change it to B again, save it, then B will take effect.

从 userstyles 安装之后，高级选项不生效的问题

举个例子：

从 userstyles 安装某样式，userstyles 里高级选项有一项是下拉框，默认值A，选择了B，安装。
到 xStyle 里边，打开高级选项，显示的是 B，但实际上生效的是 A。
在 xStyle 里边，修改成 A ，保存，再次修改成 B，保存，这时 B 才能生效。

The dark theme will be implemented in the next few versions

沙发

When opening styled websites in a new tab, the installed style(s) will only partially apply. When visiting the new tab(s), I have to reload the page for it to be fully styled.

Here's a quick video showing what I mean: https://youtu.be/B5ZHpbUrzRQ

Connecting to Dropbox via xStyle doesn't work since the app has reached its user limit.

In Firefox Quantum 57-beta, there is a problem...

It should be like this (Using uBlock as an example):

1. 点击工具栏图标展开的面板里下面两个按钮并没有始终固定在最底部
   64位Firefox 55.0 （54也有这问题）
   Windows 7，DPI放大至125%
   如图所示：
   

2. 是否可以支持在AMO上使用？有个很有用的AMO相关的样式
   https://userstyles.org/styles/127380/amo-bring-back-favorites-and-collections

3. 可否像Stylish那样支持从URL安装样式？这样方便安装很多不在userstyles.org上放的样式

Normally, XML documents are displayed as a tree, in which the node names and attributes are visible.
If xStyle has some style for the domain or the URL of a document of type „text/xml”, it is no longer displayed correctly: only the text nodes are shown, no element, no attributes - as when a plain text document is loaded as HTML. Even if the style matched is empty.
Documents of type „text/xml” should not be changed by xStyle, even if domain or url rules match for the URI of the xml document. The built-in XML „viewer” should be untouched. Or at least an option should be added to exclude such document types from styling.

只要打开管理页面就会提示控制台就会有两条Error: Could not establish connection. Receiving end does not exist.的错误，并且会令其他WE扩展的内置页面打开时也出现同样的错误，我禁用了xstyle就不会有提示，虽然不会影响使用，但能否看看是什么原因造成的？Win10 x64 FF55.0.3 x64 xstyle 2.0.11

应该警告不适用。
例如 https://userstyles.org/styles/83431/minimal-floating-scrollbars-for-firefox-windows
仅 uncaught exception: undefined

仅图标、反直觉，第一次使用找了挺久。如果不是还有离开确认，会以为将自动保存。

• chorme 62
• Mac OSX 10.13.1

It'd be nice if xStyle could use firefox sync to save the styles. Firefox Sync is accessible through the storage.sync API.

EDIT: It seems xStyle does use storage.sync to save preferences

yet for whatever reason it didn't synchronize my CSS styles. 🤔

样式的页面匹配越多，需要的编辑框越多，导致要找一段代码时每个编辑框都得搜索一下，很麻烦，改成以前的Stylish那样就很好，不知道有没有可能实现？

https://userstyles.org/styles/100473/004-forcemyfonts-chinese-firefoxchromeie-catcat520

主要是用这个样式，发现怎么设置修改后，安装还是原来没设置的。。。

• bug

1. 全域样式判别问题
   

能修正因为写在@-moz-document 外的注释，而判读这整个样式为全域的情况吗?
因为有的人会在那边 写版权宣言/更新日志
可是那边本身并没有其他可供运行的CSS代码

或是 提供如同 stylish的管理方式吗?

• extensions.stylish.buttonStylesDisplay.global --->submenu
• extensions.stylish.buttonStylesDisplay.siteMatching ----->show

2. 档案安装问题
   stylish.sqlite 所产生的 xtyle.json 档案，选择用[从档案安装样式]完全没有反应
   要选择[从备份档案汇入样式]

3. 正规表达式 的问题
   

我以前在stylish检视这个css，或是开 .user.css档跟 .json档，都是如同上方的\\，而非下方 xStyle中的\
我的正规表达式 还不太熟练
我想问一下，这样是正常的吗?

4. basic键盘 没有ctrl+A选项，是basic键盘的设定吗?

• 功能请求

1. 提供预览功能
2. 排序 新增启用状态、安装时间、最后编辑时间
3. 汇出的.json 跟 .user.css 希望能包含css的name，而不是只有Original MD5

• 其他请求

1. 进入进阶选项的时候，提示现在是在用哪个扩展...
   

2. 希望xstyle能提供更好辨识不同状态的方式
   EX:我最近写的样式

• 工作中的CSS是绿色的
• 非工作的CSS是红色的
• 强调进阶选项按钮
• 关闭更新的按钮
• 单排显示

第一次用github，如果有甚么地方没弄好请见谅

修正了1.4.3版zh-TW语系中不正确的繁体用语与漏翻的简体字。

1. The old sclool Material Design is great, but the header should be colorful anywhere.
   And
   can it be customized by users?
   2.Material Design use too much space on low resolution devices. A Compact View option should be added.
   3.I failed to install some of the userstyles on userstyle.org, and failed again in getting any clue... (Due to internet ?
   If it's the bad internet status, maybe you can try to apply some redownload (when time out...when connection lost...) to enhance it, which... ...It can make this ex better, anyway~

I noticed a minor display issue: there's a gap after the apostrophe in "You don’t have any styles installed for this site.". Using Firefox Nightly 57.0a1.

Hi,

Could it be possible to add the management of styles for Firefox for userChrome.css (Firefox UI) and userContent.css (about:-pages) like this addon: https://addons.mozilla.org/en-US/firefox/addon/re-style/?src=search ?

Even if we are not able to preview the change without restarting Firefox cause of the lack of API at this time we would be able at least to manage and edit all the Styles from the the same addon instead of using 2 different interface to manage/edit styles.

"Starting with Firefox 57, it is no longer possible for Add-ons to directly apply user styles to anything else than normal websites.
As a workaround, reStyle recognizes styles that will no longer work and writes them to the
userCrome.css (e.g. for the UI) and userContent.css (e.g. for about:-pages).The only major drawback of this compared to how Stylish for Firefox used to apply styles is that the browser must be restarted for changes to those files to be applied."

Regards

N.B.: I will finish the french translation soon for xStyle , I did not forget it's just that I was really busy in the last weeks, in 1-2 weeks I should have more time to devote to the french translation.

比如安装https://ext.firefoxcn.net/xstyle/install/open.html?code=https://raw.githubusercontent.com/gluons/AMO-Add-to-Collection-Stylish/master/AMO-Add-to-Collection.css
已用全新配置测试。

0df3422 used wrappedJSObject, which is firefox only.
As a simple workaround for communication between isolated world and page script, we can just append an invisible element to the document and set xstyle_xxx as its attribute.

添加样式-左栏的 从 Mozilla 格式导入。
样例代码：

@-moz-document url-prefix("http://www.zhihu.com/") {
/*===========================================*/
/*================== 全局 ====================*/
/*===========================================*/
}

报TypeError: start is undefined edit.js:1411:1。
去掉最后一行注释则能导入，但另有TypeError: cm is undefined报错。

When I try to install this style: https://userstyles.org/styles/141275/blacktube I get the pop-up asking me to confirm if I want to install it, but after clicking "Accept" absolutely nothing happens. The style isn't installed and no error messages are shown.

Just installed today, and immediately I'm greeted by this:

Right-clicking and going to manage styles gives me this error:

How can I fix this?

• Firefox version 57.0b3 (64-bit)
• Windows 10

比如 https://userstyles.org/styles/107188/square-weibo-prettify 这个

https://userstyles.org/styles/96257/auto-hidden-minimal-scrollbars-for-firefox
WebExtension有权限做这类修改吗？

Currently you only support JSON when importing from file.

I would like to import CSS files (Mozilla style).

I imported from xml to xStyle follow the instruction. All styles are imported, but none is effective.
From the editing interface, only the first domain matching.
Such as the following effective css in stylish

@-moz-document domain("www.baidu.com"), domain("www1.baidu.com") {

in xStyle

, domain("www1.baidu.com") {

This is an error here. The application object does not recognize the www1.baidu.com domain, and correspondingly xStyle.json file shows

{"sections":[{"urls":[],"urlPrefixes":["http://baidu.com"],"domains":[],"regexps":[],"code":", url-prefix(\"http://www.baidu.com\"), url-prefix(\

You can also see that only the first scope is extracted.
My xStyle version is 1.3.1 and Firefox version is 54.0.

我跟着说明从火狐stylish导入到xStyle 所有样式都导入了 但是都没有效果
从编辑界面看 只有第一个应用对象匹配上了
比如stylish下面有效的css

@-moz-document domain("www.baidu.com"), domain("www1.baidu.com") {

在xStyle下

, domain("www1.baidu.com") {

这段报错 应用对象那里没有识别www1.baidu.com域，xStyle.json文件对应

{"sections":[{"urls":[],"urlPrefixes":["http://baidu.com"],"domains":[],"regexps":[],"code":", url-prefix(\"http://www.baidu.com\"), url-prefix(\

也可以看到只提取出了第一个作用域
xStyle版本1.3.1 火狐版本54.0

作業系統版本：Win10 16278.rs3_release 170825-1441

Firefox版本：56.0b10 (64位元)

附加元件：
卡巴斯基防護 / Decentraleyes / Ghostery / h264ify / PTT-Web-Enhanced / Smart HTTPS /
smartUP手勢 / Tampermonkey / uBlock Origin / xStyle /

問題描述：
無法在xStyle主介面中管理樣式，沒有樣式出現(如附圖)
但在開啟選單那邊的小介面點xStyle時則可以看到當前網頁套用的樣式。
有重新安裝過自分發已簽版本，還是無法看到樣式。
麻煩泷涯大和道滿大了，謝謝。

Screen:

用 Firefox 自带的同步，或者像 Violentmonkey 那样，用 Dropbox/Onedrive/GoogleDrive/WebDav 等等。

域名：www.pcbeta.com
规则：* { text-shadow: 0 0 black !important; }
浏览器： Firefox 55.0.3 32bit
刷新网页可以看到短暂的效果，刷新完效果消失。

RT ff55.0.3 win7x64 xstyle2.0.5

1. LINK - Google - udscbt
2. In the Stylish itself is applied well.
3. And by the way, can you change the pop-up window? Why not do it in Material Design?

• xStyles 2.1.1
• Firefoxe 57

我尝试从userstyles处安装这个样式：https://userstyles.org/styles/100473/

点击 “Install style”后 ，弹出确定框，确定，接着页面卡住，没有反应。
过了一会浏览器上方出现提示信息 “某个网页让您的浏览器变慢了。您想如何处理？” ，后面还有两个按钮 “停止”和“等待”

点击“停止”，页面正常，样式没有成功安装，什么错误信息都没出现。
点击“等待”，页面依旧无反应，等一会后继续出现上面的提示信息

按 https://bugzilla.mozilla.org/show_bug.cgi?id=1310082#c24 的方法（无需重启），https://github.com/gluons/AMO-Add-to-Collection-Stylish 能够生效。
https://www.ghacks.net/2017/10/27/how-to-enable-firefox-webextensions-on-mozilla-websites/
https://bugzilla.mozilla.org/show_bug.cgi?id=1406795

8/6 時我在 openstyles/stylus 開了一個 PR 實作 .user.css 格式（基本上就是 mozilla 格式 + metadata block） 。最近 stylus 的成員提到 xStyle 也有支援不同的格式，在 #12 裡也有提到 .user.css，所以想說是否要交換一下意見。#12 裡提到的已經開始實作了嗎？

如果要測試的話，可以安裝 https://github.com/eight04/stylus/tree/dev-user-css 後，進入 https://gist.githubusercontent.com/eight04/1b9edeb170d9f8bbabfb06dc6627f8f7/raw/foo.user.css ，就會看到特殊的安裝介面了。

You can subscribe this issue, whenever the translation file is updated, I will reply this issue so that you can receive a email sent by GitHub.
Subscribe button is on the right.
Before subscribe this issue, you need to json the transifex team
Thank you.