Theme editor

Theme Editor v.1.4.0

Theme editor, edit all Javascript, Razor Views and Stylesheet files for a theme.

Let's you edit and save css, js, and razor files in a colorized mode. When you change Theme, all resource paths also changes to current theme. You can also edit the "Placement.info" and "Theme.txt" files. Contains ability to upload/update Theme.png and ThemeZonePreview.png. In this release I removed the tab create that wasn't necessary.

Code editor
Below there's a screenshot of the editor when edit a css file. CodeMirror.

Css editor

There's more. In v1.3.9 I added a new ability to upload other resources than the default, but then you have to add some new functionality to Orchard.Themes. Let me describe what it do. When you upload a new .png file for eg. Layout-MySubPage.png, it will automatically be added to the themes "Preview Image" below Themes. It adds a thumb upon the preview image that will zoom in when hover it.

NOTE! You must have the layout selector installed and made all modifications that I made to it to get it to work.See Orchard.Themes in sidebar.

Css editor

Future development

Something that I really want is to add capability to copy a page structure with layers, widgets and so on, within Orchard. That would make the regular page management an effort. I will discover this, and see how it can be done. If anyone have an idea, contact me and we discuss it.