Closed geedogz closed 1 month ago
It's unclear what happens and I can't replicate the problem. No one has ever reported anything like that either. Please describe the exact sequence of actions to reproduce the problem in a new profile without any other extensions and/or add a screen recording.
It's unclear what happens and I can't replicate the problem. No one has ever reported anything like that either. Please describe the exact sequence of actions to reproduce the problem in a new profile without any other extensions and/or add a screen recording.
Sure, so when I click on the stylus icon on my toolbar I click the CSS I want to edit. Stylus opens and instead of seeing the rubyblue theme I get a different darker theme altogether despite rubyblue shown in the theme field.
To choose rubyblue, I click on the theme field and choose another theme, then choose rubyblue.
This happens all the time. This has never happened before. Hope you can fix and update.
Confirmed, the current version has a bug. I just downgraded to version 1.5.35 now and the problem is gone. The current version has the bug that needs to be fixed. Please update, thanks.
--EDIT-- BTW, I tried all versions above 1.5.35 and they all manifest the same problem. Please update.
I still don't understand how to replicate the bug. What is the exact name of the style or its URL?
I still don't understand how to replicate the bug. What is the exact name of the style or its URL?
Its all the URLS except for google strangely enough.
One url is: https://worldstar.com/videos
Another url is: https://www.youtube.com/
I also disabled all addons except for stylus and the problem still persists. I suggest comparing changes from 1.5.35 to the current version to hone in on the problem. Thanks.
I need a name or the URL of the style, not of the website.
I suggest comparing changes from 1.5.35 to the current version to hone in on the problem
There's 387 changes and it's unclear which one is relevant, so no thanks.
I need a name or the URL of the style, not of the website.
Would you clarify what you mean by "URL of the style?" Where can I find this info at?
If the style is published, its name is usually sufficient to identify it, but the URL is more reliable. To see it, open the style in the editor and right-click the link icon next to the name input, then select "Copy link address".
If the style is not published, please show its entire code here.
Hi.. heres the CSS code for both worldstar.com and youtube.com:
I've tried this code and nothing changes here when I open the editor. I also don't see Rubyblue
anywhere. How did you install this style and what is its exact name or its URL? Did you configure it somehow?
I've tried this code and nothing changes here when I open the editor. I also don't see
Rubyblue
anywhere. How did you install this style and what is its exact name or its URL? Did you configure it somehow?
Hold on, you dont see your own theme in your own app? Its one of your themes. Take a look at the screen shot circled in red:
[url=https://postimg.cc/k6pDDgsm][img]https://i.postimg.cc/k6pDDgsm/22.png[/img][/url]
I never change the built-in editor theme. So finally I see that you meant the editor theme inside the editor named rubyblue
. I still can't reproduce the problem that you've described. Maybe you could make a screen recording...
Hi... heres the screen recording:
Thanks. ~I still can't reproduce the bug, but~ I understand what happens in your screenshot, so it should help me debug it. It might be related to containers that you use... Indeed I can reproduce the problem in a private window, which is technically a container too.
Until a new release is published, which won't be soon, probably, the workaround is to use a custom style for the editor that contains the rubyblue theme patched by replacing cm-s-rubyblue
with cm-s-default
like this:
/* ==UserStyle==
@name stylus rubyblue bug fix
@namespace github.com/openstyles/stylus
@version 1.0.0
==/UserStyle== */
@-moz-document regexp("^\\w+-extension://[^/]+/edit.*") {
.cm-s-default.CodeMirror { background: #112435; color: white; }
.cm-s-default div.CodeMirror-selected { background: #38566F; }
.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(56, 86, 111, 0.99); }
.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(56, 86, 111, 0.99); }
.cm-s-default .CodeMirror-gutters { background: #1F4661; border-right: 7px solid #3E7087; }
.cm-s-default .CodeMirror-guttermarker { color: white; }
.cm-s-default .CodeMirror-guttermarker-subtle { color: #3E7087; }
.cm-s-default .CodeMirror-linenumber { color: white; }
.cm-s-default .CodeMirror-cursor { border-left: 1px solid white; }
.cm-s-default span.cm-comment { color: #999; font-style:italic; line-height: 1em; }
.cm-s-default span.cm-atom { color: #F4C20B; }
.cm-s-default span.cm-number, .cm-s-default span.cm-attribute { color: #82C6E0; }
.cm-s-default span.cm-keyword { color: #F0F; }
.cm-s-default span.cm-string { color: #F08047; }
.cm-s-default span.cm-meta { color: #F0F; }
.cm-s-default span.cm-variable-2, .cm-s-default span.cm-tag { color: #7BD827; }
.cm-s-default span.cm-variable-3, .cm-s-default span.cm-def, .cm-s-default span.cm-type { color: white; }
.cm-s-default span.cm-bracket { color: #F0F; }
.cm-s-default span.cm-link { color: #F4C20B; }
.cm-s-default span.CodeMirror-matchingbracket { color:#F0F !important; }
.cm-s-default span.cm-builtin, .cm-s-default span.cm-special { color: #FF9D00; }
.cm-s-default span.cm-error { color: #AF2018; }
.cm-s-default .CodeMirror-activeline-background { background: #173047; }
}
Appreciate that. I'll wait for the new update that integrates that workaround.
Bug Report
Bug Description
Themes change when opening stylus for CSS edits. I have it on Rubyblue theme. When I open stylus to do css edits the theme changes from Rubyblue to another theme which I don't want.
CSS Code
System Information
Additional Context