Dart Editor Visual Theme...editable? - dart

The new visual theme picker is awesome! Thank you! We can finally "dim the lights". Although, black and, specially, blue fonts, on a dark background, are hard on the eyes. Is there some sort of editable CSS like file that we can tune?

The quick answer is to look in the files in this folder:
plugins\com.google.dart.tools.deploy_0.2.8.r15948\themes
(where r15948 is the version of the editor)
This contains a series of xml files - one per theme, where you can edit the relevant color values.

If you look at Preferences >> Visual Theme, it says:
Download more themes or create your own on eclipsecolorthemes.org. It also lets you import themes.

Hannes Rammer built an open source tool for this
https://github.com/HannesRammer/Rainbow (GitHub)
http://pub.dartlang.org/packages/rainbow
also available online at
https://rainbow-dart.appspot.com/

Related

VS Code - Drag image from Explorer pane into markdown file and drop as path

In Visual Studio Code, from the Explorer pane, how can I drag a PNG file from my images folder and drop it in place in a markdown file, so that VS Code inserts the path to the dropped image?
Currently, VS Code just opens the image in a new tab.
I've reviewed the suggested answers, as well as the available markdown extensions, with no luck finding an answer.
Any assistance is appreciated!
I've looked it up everywhere too, bharath is entirely correct, for now you could just use right click -> copy path and paste it, It's quite tedious compared to a drag and drop solution, but Hopefully there would be an asset for that, If someone made this:
https://marketplace.visualstudio.com/items?itemName=mushan.vscode-paste-image
definitely something similar for just dragging and dropping would be possible
It seems like this is not possible yet in vscode as compared to visual studio. There seems to be a pending feature request on their GitHub issues page (link below) which was opened long back and not yet closed.
https://github.com/Microsoft/vscode/issues/5240
It should be in vscode v1.67 - it is in the Insiders Build now.
And see the v1.67 Release Notes: https://github.com/microsoft/vscode-docs/blob/vnext/release-notes/v1_67.md#markdown-drop-into-editor-to-create-link:
You can now quickly create markdown links by dragging and dropping
files from VS Code's explorer into a markdown editor. Simply hold
Shift while dragging the file over a markdown editor to drop it into
the editor and create a link to it:
If the file looks like an image, we will automatically insert an
markdown image. Otherwise we add a normal markdown link.
This also works when dragging some types of files from other
applications, such as dragging and dropping images from a web browser:
enable Workbench > Editor > Drop Into Editor: Enabled
That allows you to Shift drag an image file into an editor without opening a new editor of that image.
enable Markdown > Editor > Drop: Enabled
Also see v1.68 Release Notes, pasting an image or file to create a link:
Paste files to insert Markdown links
We've added experimental support pasting to insert images or file
links in markdown.
This requires enabling "editor.experimental.pasteActions.enabled": true. You can currently copy files from the VS Code explorer. Pasting
image files inserts image references while pasting normal text files
inserts links to those files.
subject: If you want an image in any folder of your vscode.
simply follow the steps.
1.Go to vscode then right click on a folder in which you want your image and then choose reveal in file explorer. After that you can simply copy your image into the vs code folder.

Visual Studio 2010 URL Hyperlink color - is it possible to not use this?

Visual Studio 2010 "helpfully" detects URLs and colors them blue (by default). It will do this regardless of context - whether the URL is in the midst of XML, or it's in a comment, or it's a string in code, etc. I find this distracting. The URLs are part of their context. I'm not coding in Visual Studio in order to click on hyperlinks.
Is there any way to have Visual Studio treat URL hyperlinks the same as surrounding text? I know you can change the color from blue to something else (Tools-Options-Fonts and Colors-Display Items-URL Hyperlink). I don't want the URLs to display any specific color, but instead use the surrounding context color.
Yes: disable
Tools\Options\Text Editor\your language here\Enable single click URL navigation
to turn off the 'helpful' feature.
For those of you that googled into here trying to disable this on the express version of VS2010:
You won't find the option to remove this 'feature' under tools, and unfortunately you cannot install that VSIX from Noah Richards.
What you can do, though, is change the option directly in the registry:
HKEY_CURRENT_USER\Software\Microsoft\VCSExpress\10.0\Text Editor\CSharp
there, change the value of "Make URLs Hot" to "0" and you're done.
(This is for c#. For c++ or others, I guess the path would be a bit different, but along the same lines).
You can't do it from a setting in the product, but I just wrote an extension that does it for you (called "ClearHyperlinkForeground"). You can download the VSIX here. You can also view the source on github, if you are curious how it works or want to build it for yourself. It's essentially a copy of my ItalicComments extension, just modified to clear the foreground brush of the URL formatting instead of italicizing comments.

(Free) Text editor on Windows with a folder view?

I have to stay away from my MacBook and will use Windows for a while. I missed Textmate's folder view when editing my rails projects. Is there an editor on Windows with the folder view? I know there is the E text editor. But I'll save a few bucks if there is a free (cheaper) alternative, as I won't stay in Windows for long ...
Go with gVim, and when editing a file you can type :edit. to pull up the working directory, and navigate from there. Also you get geek cred for rolling VI!
Have a look at Komodo Edit. Some people are already using it for Rails development.
Netbeans is full scale open-source ruby/rails-editor with a folder-view.
Programmer's Notepad is a very lightweigt open source text-editor, it has a "project"-view (but you have to define the project yourself).
The Zeus Lite programmer's editor has a folders view (i.e. View, Navigator menu) feature and it is also free.
Best one I just found.. "programmers notepad".. It's got different coloring for different languages. (though i always turn that off) and it allows you to map keys..
It also has a hand tree view where you can have "magic folders" that show all the files in a given folder. It is very sleek..
One irk.. to make it so you can have two projects open at the same time, you need to go to options and set the exe to allow multiple instances... I'd have rather seen that as default, but it's easy to fix.
Oh and it's free.
Not that you asked, but bluefish seems to be quite good on linux. Has a similar feel. It's a fast little editor.
emacs has speedbar, diredit mode, other option.
This is speedbar:

Online programming editor

For a school project i need to write or use a online programming editor. It is a part of a bigger project. I thought of a java application, php/html/javascript or flash.
I have a couple of things i could do:
Find a good working application and edit it so it works with the rest of the project
Find good parts for a editor and make it working my self (syntax highlighter, auto-indent, autocompletion, etc.)
Combination of those two
Does anybody know a good editor or have tips for this project or a editor?
Thanks for reading,
Leon
For the syntax highlighting and basic editing part, check out my recent question Textarea that can do syntax highlighting on the fly?
Solutions presented there:
CodeMirror
Bespin (Mozilla only, but great)
For the rest - autocompletion etc. - ... Check out the Wikipedia article Comparison of JavaScript-based source code editors
Interested to see what other suggestions come up.
Bespin comes to mind. Though it might be too bleeding edge, depending on how the rest of the project is built/meant to be used (but hey, programmers love bleeding edge).
If you decide to use PHP/HTML/CSS/JavaScript, see GeSHi for syntax highlighting.
I have a side project developed with ACE.
It connects to your server through SFTP and allows you to create new files,read and edit all from your browser with your file tree at sidebar.
Demo at TePe
Code at Github Repo
I found Cobalah Editor it's also built on CodeMirror but with some customization. There are some themes available we can set, increase or decrease font size.

SketchFlow prototyping font not displaying

I'm using SketchFlow for the first time, and am confused as to why my text isn't showing up in the "Buxton Sketch" font it's supposed to (see image). I just did a repair installation, and it didn't make a difference. In the Text properties, I don't see "Buxton Sketch" as an option, either. I'd appreciate any help.
UPDATE
Everything looks fine in the SketchFlow player (when I hit F5), but not in the designer.
Compared to this:
Proper "wiggly" font http://www.lorenheiny.com/wp-content/uploads/sketchflowwigglystyles.png
I tried downloading the SketchFlow files from a tutorial I had used, and it worked fine. It turned out the difference was that my files resided within a subfolder of a directory I had named "C#" - where I've kept all of my Visual Studio source files for a long time, with no problems (until now). Moving the SketchFlow project to a different directory fixed it.
What makes it even stranger is that the C# directory is 2 levels higher up than the solution's directory, so I don't know why anything within the solution would even matter.
Are you able to create anything with that font? Can you create a textblock and set the text to the Buxton Sketch font?
We encountered this same issue - but found a slightly different solution.
In our case, SketchFlow projects were being in the default location (My Documents\Expression\Blend 3\Projects), and the screens weren't coming up with Buxton Sketch.
The difference we found is that, in our environment, "My Documents" is mapped to a network storage location (H:\Data). What we observed was:
Open the project via My Documents\Expression\Blend 3\Projects. No Buxton Sketch. :-(
Open the project via H:\Data\Expression Blend 3\Projects. Buxton Sketch OK. :-)
Click "Embed" in the Text properties on most "Sketchy" controls to get Buxton Sketch to appear at design time in Blend for MS Visual Studio 2013 (v 12.0.50429.0 update 2)
If you paste items from other sketchflow screens, ensure you paste after you have already added a "Sketchy" control to your screen and don't "Overwrite existing resource with copied resource" when a "Resource Key Conflict" occurs, "Discard the copied resource and use the existing resource" if the resources from your copied items already exist or leave as default and add them.
First, make sure you've started by creating a new Sketchflow Application from Blend 3. Then from within Blend 3 in your Sketchflow project on the toolbar, click the chevron at the bottom of the list (the >>). From there expand Styles and select SketchStyles. From there you should see all the sketchy controls like BasicTextBox-Sketch and ListBox-Sketch. Those all have the sketchy look that you want.
It shows up at design time for me.
(source: bryantlikes.com)

Resources