material-theme/vsc-material-theme

Port to JetBrains IntelliJ

Closed this issue ยท 112 comments

Would be cool to port it to JetBrains IntelliJ (PhpStorm, etc)

It's an old tool, but I found this. Might help.

The "material theme" is composed by UI and color scheme. Porting only the color scheme is relatively simple, but isn't a "real" porting of the package.

The Seti_UI Theme got ported to IntelliJ/PhpStorm https://github.com/zchee/Seti_JetBrains

It seems that you have to edit the jar files and code it into them.

They changed the backgruond color only and the syntax

There's a plugin for phpstorm to match the interface color the background color of the color scheme. You can also change the icons.

+1

+1

+1

+100

ghz commented

+1

+1

kodi commented

+1

xinan commented

+1

+1 OMG so much want :X

kodi commented

Any progress/status update on this?

0% I don't think that i will do the porting. I'm focused to the lighter version and next the atom porting. Anyone can make this ๐Ÿ‘

kodi commented

Can someone more experienced in Intellij theming create new repo, lets say with two folders, one for editor theme, other for UI theme, and we can all try to do this together?

Does this sounds good?

Ah man. If I had more free time I'd totally do the editor theme... too much going on at the moment :(

๐Ÿ‘

+1

imoby commented

Definitely requesting this too!

+1 Would be great!

+1

kitze commented

+150!

This would be very nice! :)

+1

+1

I'm trying to do this! However, I've never themed before so I'm moving at a snail's pace. There are attributes that don't have corresponding values in the original theme, of course, so that's extra fun. @_@

I tried using JetBrains' color scheme tool (here) a while back, but found the mapping kind of wonky. Might reattempt.

I'm serious about getting it ported, though, so give me a shout if you want to help or have some resource/tip I can use. Thanks!

@jaellysbales should you need any testings, i would be most happy to give it a whirl with PHPStorm on Mac and Windows

+1

+1

voydz commented

+1

Yes

function plusOne() {
    plusOne();
}

+1

I wonder if all of these +1s will actually influence the decision to create this package, or if we are just wishful thinking.

+1 to +1 influence

On Mon, Aug 31, 2015, 10:00 AM Mike Erickson notifications@github.com
wrote:

I wonder if all of these +1s will actually influence the decision to
create this package, or if we are just wishful thinking.

โ€”
Reply to this email directly or view it on GitHub
#160 (comment)
.

Well, I'm considering figuring it out given so many people want to see it
happen.
On Tue, 1 Sep 2015 at 12:02 am, Alex Ozer notifications@github.com wrote:

+1 to +1 influence

On Mon, Aug 31, 2015, 10:00 AM Mike Erickson notifications@github.com
wrote:

I wonder if all of these +1s will actually influence the decision to
create this package, or if we are just wishful thinking.

โ€”
Reply to this email directly or view it on GitHub
<
#160 (comment)

.

โ€”
Reply to this email directly or view it on GitHub
#160 (comment)
.

Cheers,
Bryce York

+2

JetBrains stores the variables in a simple xml file. The main problem is reconciling the differences in what they are named. The format is basically the same.

JetBrains format:
<option name="BACKGROUND" value="293134" />
Sublime format:
<key>background</key>
<string>#263238</string>

It will just take some trial and error to map the values. I might give it a go eventually, if nobody else does.

Anyone who wants to view that format, in any JetBrains product:

  1. File > Export Settings
  2. Uncheck all except "Editor Colors" then export it
  3. Open the JAR in an archive program
  4. Open colors folder in the archive

Every theme has it's own XML file and icls file (which seems to be a dummy file, basically). These files store the data.

The best thing to do would probably be to remove any unnecessary cruft that each format uses. So reduce the formatting of JetBrain:

    <colors>
        <option name="GUTTER_BACKGROUND" value="37474F" />
    </colors>

And the formatting of Sublime's:

   <array>
      <dict>
         <key>settings</key>
         <dict>
            <key>gutterBackground</key>
            <string>#37474F</string>
         </dict>
      </dict>
   </array>

To a single format, like this:

COLORS
 GUTTER_BACKGROUND=293134

Nice work!

I come away from this thread the notion it doesn't already exist, is directly related to is complexity

+1

@NomNuggetNom Can you share the url of the xml or the theme folder?

+1

+1

votes++

+1๐Ÿ‘๐Ÿ‘

Sorry guys but I wont develop this porting. It seem hard to build the UI theme with java, and i don't want to porting only the color scheme (that is easy to do). If anyone want to make it i will add the official link in the README file.

@equinusocio Porting only the color scheme would be a good place to start. I've hit a snag converting the two because Sublime supports alpha values in colors, while JetBrains does not.

cba85 commented

๐Ÿ‘

I will port the color scheme when someone will make the UI porting ๐Ÿ‘

What's the difference between the UI scheme and the color scheme?
On Sep 12, 2015 11:37 AM, "Mattia Astorino" notifications@github.com
wrote:

I will port the color scheme when someone will make the UI porting [image:
๐Ÿ‘]

โ€”
Reply to this email directly or view it on GitHub
#160 (comment)
.

voydz commented

As @apertureless already mentioned, there is this "Color Ide" plugin. It will paint all panes and layers of the IDE according to the main background color of the color scheme. For most of the users this is perfectly fine.

It looks as if it matched the color automatically. Unless I'm missing something?

http://nom.codes/i/r/6aLGX.png

+1

๏ผ‹100๐Ÿ‘

I'll release a Material Theme plugin for JetBrains(pretty much all products, including phpstorm) soon, if that's ok with you, @equinusocio? The plugin holds both the UI(colors, icons etc) and the color theme and will be released on github so other can contribute. I've started with the dark theme(extending Darcula), but I'll be adding the lighter theme aswell. The only problem I've had is the tabs and icons for other plugins, like PHP, but I hope to sort these out before I release it.

Nice @ChrisRM when the plugin will reach a stable version i will add the link to the README file.

Cool! I'll put out a link for the color theme this weekend. Feel free to modify whatever you want. As JetBrains doesn't have all the options sublime has, some difference is to be expected.

Nice! ๐Ÿ‘

So excited!
On Wed, 23 Sep 2015 at 6:42 PM, fgreinus notifications@github.com wrote:

Nice! [image: ๐Ÿ‘]

โ€”
Reply to this email directly or view it on GitHub
#160 (comment)
.

Cheers,
Bryce York

@ChrisRM I am looking forward to this!

It looks as if it matched the color automatically. Unless I'm missing something?

http://nom.codes/i/r/6aLGX.png

@NomNuggetNom things like the icons are different. I think @equinusocio wants the whole theme ported.

I got impatient and had some free time. I've got a colour scheme that is similar here. You can either copy the icls file to the correct folder or import the jar file (but not both).

screenshot

@ryanwinchester Nice! I think I'm going to release the UI and colour scheme later today. I might just use your version of the colour scheme.

I've setup a repo over here.

@ryanwinchester remember to fix the line numbers color ;)

Oh my, there's just an insane amount of icons in this thing. @equinusocio Did you create all these sublime icons? Are you in the mood for some more icon-designing? :) I can send you all icons which needs to be converted.

Current status:

mt

voydz commented

holy crap. this looks awesome!

@ChrisRM the icons used in the UI are from the material design library.
https://www.google.com/design/icons/

PS: Nice job.

Ah, fantastic! I'll add as many as I can before I release the initial version tonight.

I can ask you to remove (same bg color) or make darker all seperator?
I suggest to release first a beta version :)

I'll see if thats possible. Yeah, there will be some beta's ;)

@ChrisRM nice job ๐Ÿ‘

@ChrisRM great job! ๐Ÿ‘