Stylus: Proposed Change: New Firefox-like Theme

Created on 4 Jan 2018  路  7Comments  路  Source: openstyles/stylus

Hi everyone,

I recently put together a new code mirror theme based on the one Firefox uses for the inspector and developer toolbox (in dark mode).

For reference, here is what the Firefox design looks like:

firefox

And here is what my code mirror theme in stylus looks like:

firefox-dark

settings

I understand there are already a lot of themes available, but I think this would be a nice addition for users like myself who would prefer a more consistent look between FF and Stylus.

If there would be interest in adding this to Stylus, just let me know and I'll clean up the code just a bit and submit a PR.

Thanks for your time!

P.S. I'm not really sure how freely the name "firefox" can be used - so the name of the theme might have to change if it were to be added :)

external

Most helpful comment

You can add this theme as a userstyle or, better yet, submit it to CodeMirror so everyone can use it, including Stylus - when we update our CodeMirror.

All 7 comments

You can add this theme as a userstyle or, better yet, submit it to CodeMirror so everyone can use it, including Stylus - when we update our CodeMirror.

I'm currently using it as a userstyle, I just thought I might pass it along and see if anyone else would be interested.

Thanks for the link to CodeMirror! I didn't realize that's where Stylus got the themes, for some reason just assumed they were built for this.

Cheers

BTW the advantage of using it as a userstyle is that you can also recolor the entire page to match the code.

That's what I've done for my personal, just removed the extra stuff for the sake of the screenshots/thinking this was the place to submit it:

stylus2

Anyways, thanks for the help and I apologize for the misguided issue!

You can also post it on userstyles.org.
To make it appear in our inline style search, add Stylus in the title.

Will do, thanks!

Just wanted to say thanks again!

The theme is now included in CodeMirror (https://github.com/codemirror/CodeMirror/commit/e9e5f23b81ec86f84680d8b13ff422408e1a9428) and the the Stylus theme was added to userstyles.org

Was this page helpful?
0 / 5 - 0 ratings

Related issues

catcat520 picture catcat520  路  26Comments

schomery picture schomery  路  35Comments

Athari picture Athari  路  25Comments

HoLLy-HaCKeR picture HoLLy-HaCKeR  路  74Comments

kristofferR picture kristofferR  路  24Comments