Customising the syntax colour in Sublime Text 3 - syntax-highlighting

I'm in the process of creating my own syntax colour theme for Sublime Text 3. I've done quite a lot but I want to copy most of the JavaScript colour syntax from the default 'Cobalt' theme that comes with ST3 (and possibly mix-and-match from other themes). I can't seem to find the Cobalt theme anywhere on my Mac?
Any ideas on where this might be?

Instead of navigating through /Applications, the easiest way of accessing built-in packages in Sublime Text 3 is to use #skuroda's excellent PackageResourceViewer plugin, available through Package Control. Once installed, restart Sublime and hit ⌘ShiftP to open the Command Palette. Type prv to bring up the PackageResourceViewer options, and select Open Resource. Scroll down to Color Scheme - Default, hit Enter, then scroll down to select Cobalt.tmTheme and hit Enter. You can now hit Esc to get rid of the menu, and start looking through the theme file for the bits you want to copy.
Good luck!

In Sublime Text installation directory, if I'm not mistaken, that's /Applications/ on OS X, there's a Packages directory, which contains a package file Color Scheme - Default.sublime-package which contains all the default color schemes.
.sublime-package is a simple zip file with modified extension, so you may simply copy it somewhere in your home directory, extract it and browse through the Cobalt.tmTheme file.
P.S. If you have trouble opening it with OS X archive manager, you may simply rename it:
mv name.sublime-package name.zip
But as far as I remember, it could be done simply like (correct me here if I'm wrong)
unzip name.sublime-package -d somedir

Related

How to change FileMerge's font/settings/preferences?

For some time now, I can't change FileMerge's font. Then it suddenly started using a Helvetica-like font (sans serif, variable width) for files it doesn't recognize (like typescript source files). That could be changed temporarily to monaco by changing the font to ... Helvetica. Yes, it's very weird.
But now, it shows all text white on white, and only the changed section is visible because of the different background and I cannot change it. I've tried to locate all the pref files, and reinstalled Xcode, but the text remains white on white.
Does anyone know how to change that, or where which (pref) file to change?
It could be a write permission issue, since I'm running it from a non-admin account.
Thanks.
This feature is completely broken, so you have to edit the theme file manually. It's located here:
~/Library/Developer/FileMerge/UserData/FontAndColorThemes/Default.xccolortheme
The file itself is plaintext XML. Even though it's pretty straightforward, I recommend backing it up first.
For example, if you want to increase the font size from "11.0" to "14.0", just do a find and replace.
You might be tempted to copy in a theme from Xcode. Don't bother. The font sizes don't appear to take effect, and FileMerge expects a white background, so darker themes won't work correctly.
The other answers didn't work for me (as I didn't have any theme files), but the following did:
Open FileMerge
Go to Preferences
Click the 'Set...' button under 'Font'
Click the top of the Fonts window so that it gets focus (this is the key step - if the Fonts window doesn't get focus the changes won't stick). If the Fonts window has focus, you should see your changes reflected in the FileMerge Preferences window live as you make them.
The solution was to delete the folder ~/Library/Developer/FileMerge. It did not solve the font problem (typescript files rendered with proportional font of different size, which causes problems for long files).
For me also the font panel settings have no effect at all. Same problem in XCode "Font & Colors" preferences.
For your colors problem, I would try quitting FileMerge, archiving the preference file, and relaunching:
mv ~/Library/Preferences/com.apple.FileMerge.plist ~/Library/Preferences/com.apple.FileMerge.plist.backup
FileMerge has a XCFontAndColorCurrentTheme setting:
defaults read com.apple.FileMerge XCFontAndColorCurrentTheme
I've tried setting that:
defaults write com.apple.FileMerge XCFontAndColorCurrentTheme "Presentation.xccolortheme"
But I don't see a difference. So maybe Apple is in the middle of revising this feature.
In addition to the answers already given, if those do not work, check that the files you are comparing are plain text and not rich text. If they're rich text, file merge will get the font attributes from the files themselves, hence you will not be able to affect the size of the font. You could instead open the files in a text editor and either convert them to plain text, or increase the size of the font manually.
None of this helped in my case on Big Sur, but this did the job. Requires sudo throughout so be careful.
Make a copy of a theme within the xcode bundle:
sudo cp "/Applications/Xcode.app/Contents/SharedFrameworks/DVTUserInterfaceKit.framework/Versions/A/Resources/FontAndColorThemes/Default (Light).xccolortheme" "/Applications/Xcode.app/Contents/SharedFrameworks/DVTUserInterfaceKit.framework/Versions/A/Resources/FontAndColorThemes/fileComp.xccolortheme"
Edit (in xcode for example) ~/Library/Preferences/com.apple.FileMerge.plist. Select the new theme by setting the XCFontAndColorCurrentTheme value to fileComp.xccolortheme
Edit the font values in new theme file fileComp.xccolortheme. Quit and restart FileMerge each time to apply.

Change color of caret in sublime text 3

Trying to configure a custom caret color..Here is what I have done so far but had no result in a successful output..
I have dowloaded the PackageResourceViewer and gone into my theme and changed the <key>caret</key> <string>#F8F8F0</string> to my own custom hex color.
Once this is done I then overwrite the current theme by choosing save as and restarting Sublime Text. After restart, I see no change made to the caret...Hmmm
I have also followed this post on
How do I edit the Solarized (Light) theme in Sublime Text 3
Any one have and suggestions? I would greatly appreciate your help.
When you say you "gone into your theme", did you open or extract? By open, you are essentially viewing a read-only version, so saving it doesn't do anything really.
If you do extract it, try saving it into your user folder, then make sure you choose it via the preferences menu

How do I edit the Solarized (Light) theme in Sublime Text 3

I am trying to edit some of the syntax colours in Sublime Text 3. I'm using the Solarized (Light) built in colour scheme but I only want to change a few of the colours. Where is the settings file (on a Mac)?
I have managed to find a solution:
Go to http://tmtheme-editor.herokuapp.com (someone has built a web-based theme editor). Once you have tweaked the colour syntax you can download the themename.tmTheme file. Move that file to /Users/username/Library/Application Support/Sublime Text 3/Packages/ User/ (if you are on a Mac).
Load in the syntax theme from the top menu: Sublime Text > Preferences > Color Scheme > themename.
If you want to tweak you syntax further up can upload the custom theme back in the web-based theme editor and save it out again.
Hope this helps someone else.
I'd recommend using PackageResourceViewer to open the file. You could make your modifications there, and it would save in the proper location to override the built in files. However, I would recommend copying the contents of the file and creating a custom version in your User folder. That way, you can easily move it around and modify it without worrying about the built in color schemes.
The default color scheme files are located in Color Schemes - Default.sublime-package. In ST2, this was extracted to Packages/Color Scheme - Default. PackageResourceViewer will display these folders (as they would normally appear in the Packages folder in ST2. You could navigate to your color scheme from that.
This should be much easier than it is
I used parts of all the other answers to make this work.
Important notes before you begin:
1. I had used this menu item to select a colour scheme: Sublime Text > Preferences > Color Scheme
2. I chose "Monokai.tmTheme"
3. Therefore the file you need containing the colours is: Monokai.tmTheme
4. You will NOT have easy access to that file yet!!
Overall Steps:
The overall steps I found to work are:
1. Get a copy of the Monokai.tmTheme text file
2. Place it in your "/Users/XXX/Library/Application Support/Sublime Text 3/Packages/User" directory
(replace XXX with your username)
3. Again use this menu: Sublime Text > Preferences > Color Scheme
4. Choose the new entry "Monokai - User"
5. Any changes to your Monokai.tmTheme file will immediately be seen by Sublime Text
Getting the Monokai.tmTheme text file :
This is the tricky part.
You have two options
Option A. Use PackageResourceViewer to open the resource:
A1. Tools -> Command Palette
A2. Type "PackageResourceViewer"
A3. Choose "PackageResourceViewer: Open Resource"
A4. Navigate to "Color Scheme - Default"
A5. Navigate to "Monokai.tmTheme"
A6. This will open the contents of the file but it is NOT a real file on your disk! You must copy the contents into a new text document and save it into "/Users/XXX/Library/Application Support/Sublime Text 3/Packages/User/Monokai.tmTheme" as above
Option B. Use the web app to create your .tmTheme file:
B1. Goto http://tmtheme-editor.herokuapp.com
B2. Edit the colours
B3. Download the .tmTheme file
B4. Put it into "/Users/XXX/Library/Application Support/Sublime Text 3/Packages/User/Monokai.tmTheme" as above
Editing is way simpler than advices above.
Go to Sublime installation folder, find there Packages subfolder.
Open Color Scheme - Default.sublime-package as a zip archive (I use Total Commander and Ctrl+PgDn keys).
Find there any scheme you like *.tmTheme, copy to HDD and edit with any XML editor.
Pack modified file back (with Total Commander just copy file to opened archive).
Sublime version, OS & OS version independent way:
In Sublime, at the top menu bar goto "Sublime Text 2/3" -> Preferences -> "Browse Packages...".
This will open the "Packages" folder correctlin Finder/FileExplorer/Nautilus/... depending on OS/version-of-OS.
Find your theme and edit away..
Source
As of May 2018 using Sublime Text 3:
I followed the Overall Steps and Option A. from #davidfrancis with great success to customize the Mariana color scheme.
However, I had to change the file extension from <name>.tmTheme to <name>.sublime-color-scheme. Also, the filename can be anything you want (don't need to keep the default), and it will appear under Preferences > Color Scheme.

VIM with Tree on OS X

I want to do text editing on a Mac and what I'd like to have is:
VIM editor built in
a tree view to open and switch between files more quickly
Should I go with vim and a tree plugin? Or is there a good text editing program with VIM built-in?
What are your experiences with that combination? Do you have any other recommendation?
Use NERDTree with macvim.
Have you tried gvim for mac http://macvim.org/OSX/index.php
I don't have a mac but do use gvim on various windows and linux installs.
Use VIM explorer
Vim has file explorer with standard installation, to open it on the left side, first open file with vim and do:
:vs
This will split the window in half with the same file, then:
:E
or
:Explore
there is help at the top and standard vim navigation works to open file or directory just hit Enter. To enable tree like view in there you will need this to be added to your ~/.vimrc:
g:netrw_liststyle=3
I never tried the above solutions but benefit of this is that you can get it working in couple of minutes with out of the box vim.
Bonus Feature
If you open directory with vim just hit i to change the modes.

How do I activate the Zen coding key bindings in Sublime Text 2?

I just downloaded the Zen coding package for Sublime Text 2, but I can't figure out how to activate it.
I already have it in Netbeans, and here you just have to press CTR+ALT+N, but this doesn't work in the Sublime editor.
Google didn't yield any results, so I'm asking here.
Can someone tell me how to activate the Zen coding function?
press Ctrl+Alt+Enter and you'll get a text input box at the bottom of the screen, titled: Enter Koan:. as you type the zen expression into the box it will simultaneously unfold on the screen.
Alternatively, you can type the zen expression in the editor and press tab to expand it. Be sure not to leave any spaces inside the expression or after it.
I have been using Sublime Text 2 beta, build 2139 on Windows (but I'm also pretty sure this should work on Mac OS and Linux too) and here's how I got it to work:
After installing Sublime Text 2 itself, install Package Control
for Sublime Text 2. This is an add-on that allows you to easily
manage another add-ons.
I couldn't get the first installation option to work so I went for
the manual method. On my installation there was no folder called
"Installed packages", instead I've used "Pristine Packages" folder
which seemed to contain other, already installed extensions.
Restart Sublime Text 2
With Package Control installed open Sublime Text 2 editor and choose Preferences -> Package Control -> Package Control : Install Package from the menu. Hit "Enter" and there should be a list of packages available for installation displayed on the screen. Start typing "Zen" and Zen-Coding will be presented. When selected hit "Enter" again, status bar on the bottom of the screen will be showing installation progress.
When it's done - restart Sublime Text 2 one last time. Now, you can expand Zen-Coding abbreviations with 'ctrl+space' or 'tab'.
Remember it will only work in the saved file, with extension "html". (in particular - it won't work on the new document you've just created).
I hope this helps
To expand your zencoding, just press TAB. However, for a full list of all the keybindings, look in your Zencoding folder for a file called "Default (NAME_OF_YOUR_OPERATING_SYSTEM).sublime-keymaps". To get to the package, go to "Preferences > Browse Packages > zencoding".
Ctrl + Opt (Alt on a PC) + Enter. Check out the video.
See this post : Zen coding downloading trouble
and my comments for detailed instructions.
Also, after an upgrade, just replace the folder with the original one from
http://dl.dropbox.com/u/1292831/ZenCoding.zip
Good Luck ..
Download this one; https://github.com/sergeche/zencoding-sublime
It works on SublimeText2 2.0.1 build 2217 windows.
After install Emmet package, remember to restart sublime editor and save a file first to try it!. I thought it wasn't working after install, but it just needs a saved file to work on it.

Resources