diff --git a/app/controllers/my_profile/themes_controller.rb b/app/controllers/my_profile/themes_controller.rb
new file mode 100644
index 0000000..52ee04e
--- /dev/null
+++ b/app/controllers/my_profile/themes_controller.rb
@@ -0,0 +1,3 @@
+class ThemesController < ApplicationController
+  no_design_blocks
+end
diff --git a/app/helpers/themes_helper.rb b/app/helpers/themes_helper.rb
new file mode 100644
index 0000000..f2b46ce
--- /dev/null
+++ b/app/helpers/themes_helper.rb
@@ -0,0 +1,2 @@
+module ThemesHelper
+end
diff --git a/app/views/profile_editor/index.rhtml b/app/views/profile_editor/index.rhtml
index 85487d6..6882efa 100644
--- a/app/views/profile_editor/index.rhtml
+++ b/app/views/profile_editor/index.rhtml
@@ -15,6 +15,8 @@
   <%= file_manager_button(_('Pending tasks'), 'icons-app/todo.png', :controller => 'tasks', :action => 'index') %>
 
   <%= file_manager_button(_('Edit sideboxes'), 'icons-app/design-editor.png', :controller => 'profile_design', :action => 'index') %>
+
+  <%= file_manager_button(_('Edit Appearance'), 'icons-app/design-editor.png', :controller => 'themes', :action => 'index') %>
   
   <%= file_manager_button(_('Edit Header and Footer'), 'icons-app/header-and-footer.png', :controller => 'profile_editor', :action => 'header_footer') %>
 
diff --git a/app/views/shared/codepress.rhtml b/app/views/shared/codepress.rhtml
new file mode 100644
index 0000000..91dad21
--- /dev/null
+++ b/app/views/shared/codepress.rhtml
@@ -0,0 +1 @@
+<%= javascript_include_tag 'codepress/codepress.js' %>
diff --git a/app/views/themes/edit.rhtml b/app/views/themes/edit.rhtml
new file mode 100644
index 0000000..bd3c8e6
--- /dev/null
+++ b/app/views/themes/edit.rhtml
@@ -0,0 +1,63 @@
+<form>
+  <%# FIXME %>
+  <h1 id='theme-name'>
+    <%= _('Editing theme %s') % text_field_tag('theme_name', 'my theme') %>
+    <%= icon_button(:save, _('Save'), '#') %>
+  </h1>
+</form>
+
+<div id='css-files-list'>
+  <h2><%= _('CSS files') %></h2>
+  <ul>
+    <li><a href="">common.css</a></li>
+    <li><a href="">header.css</a></li>
+    <li><a href="">footer.css</a></li>
+    <li><a href="">sideboxes.css</a></li>
+    <li><a href="">otherstuff1.css</a></li>
+    <li><a href="">otherstuff1.css</a></li>
+    <li><a href="">otherstuff1.css</a></li>
+    <li><a href="">otherstuff2css</a></li>
+    <li><a href="">otherstuff3.css</a></li>
+    <li><a href="">otherstuff4.css</a></li>
+    <li><a href="">otherstuff2css</a></li>
+    <li><a href="">otherstuff3.css</a></li>
+    <li><a href="">otherstuff4.css</a></li>
+    <li><a href="">otherstuff2css</a></li>
+    <li><a href="">otherstuff3.css</a></li>
+    <li><a href="">otherstuff4.css</a></li>
+  </ul>
+  <% button_bar do %>
+    <%= button(:add, _('New CSS'), '') %>
+  <% end %>
+</div>
+
+<div id='image-files-list'>
+  <h2><%= _('Images') %></h2>
+  <ul>
+    <li><img src='/images/icons-app/gtk-cancel.png' /><span>Image 1</span></li>
+    <li><img src='/images/icons-app/cms.png' /><span>Image_2_a_very_large_filename</span></li>
+    <li><img src='http://www.ynternet.org/banner/' /><span>a wide image</span></li>
+    <li><img src='/images/icons-app/enable.png' /><span>Image 3</span></li>
+    <li><img src='/images/icons-app/gnome-globe.png' /><span>Image 4</span></li>
+    <li><img src='/images/icons-app/gtk-yes.png' /><span>Image 5</span></li>
+    <li><img src='/images/icons-app/mail.png' /><span>Image 6</span></li>
+  </ul>
+  <% button_bar do %>
+    <%= button(:add, _('Upload image'), '') %>
+  <% end %>
+</div>
+
+<form id='css-code'>
+  <%# FIXME %>
+  <h2><%= _('CSS code: "%s"') % 'common.css' %></h2>
+  <textarea name='csscode' id="csscode" class='codepress css'>
+    body {
+      background: yellow;
+    }
+  </textarea>
+  <% button_bar do %>
+    <%= button(:save, _('Save'), '') %>
+  <% end %>
+</form>
+
+<%= render :file => 'shared/codepress' %>
diff --git a/public/javascripts/codepress/codepress.js b/public/javascripts/codepress/codepress.js
index 96ea2e3..48c1d74 100644
--- a/public/javascripts/codepress/codepress.js
+++ b/public/javascripts/codepress/codepress.js
@@ -120,7 +120,7 @@ CodePress.run = function() {
 	s = document.getElementsByTagName('script');
 	for(var i=0,n=s.length;i<n;i++) {
 		if(s[i].src.match('codepress.js')) {
-			CodePress.path = s[i].src.replace('codepress.js','');
+			CodePress.path = s[i].src.replace(/codepress\.js.*$/,'');
 		}
 	}
 	t = document.getElementsByTagName('textarea');
diff --git a/public/stylesheets/controller_themes.css b/public/stylesheets/controller_themes.css
new file mode 100644
index 0000000..050559f
--- /dev/null
+++ b/public/stylesheets/controller_themes.css
@@ -0,0 +1,115 @@
+/* common stuff */
+#css-files-list h2, #image-files-list h2 {
+  margin-top: 0px;
+}
+
+#css-files-list ul, #image-files-list ul, #css-code textarea {
+  height: 280px;
+}
+
+#css-files-list ul, #image-files-list ul {
+  overflow: auto;
+}
+
+/* header stuff */
+#theme-name input {
+  font-size: 18px;
+  border: 1px solid black;
+  background: white;
+  padding: 2px;
+  font-weight: bold;
+}
+
+
+/* files list */
+
+#css-files-list {
+  width: 200px;
+  float: left;
+  margin-left: 10px;
+}
+
+#css-files-list ul {
+  margin: 0px;
+  padding-left: 0px;
+
+  background: white;
+  border: 1px solid #bbb;
+}
+
+#css-files-list li {
+  list-style: none;
+  margin-bottom: 5px;
+  border-bottom: 1px solid #bbb;
+}
+
+#css-files-list li a {
+  display: block;
+  padding: 1px 5px;
+}
+
+#css-files-list a:hover {
+  color: red;
+}
+
+/* images list */
+
+#image-files-list {
+  width: 200px;
+  float: right;
+  margin-right: 10px;
+}
+
+#image-files-list ul {
+  background: white;
+  border: 1px solid #bbb;
+}
+
+#image-files-list ul, #image-files-list li {
+  padding: 0px;
+  margin: 0px;
+  list-style: none;
+}
+
+#image-files-list li {
+  border-bottom: 1px solid #bbb;
+  padding: 5px 0px;
+  text-align: center;
+}
+
+#image-files-list  img {
+  max-width: 98%;
+  max-height: 40px;
+}
+
+.msie6 #image-files-list img {
+  width: 50%;
+  height: 40px;
+}
+
+#image-files-list li span {
+  display: block;
+  width: 100%;
+  overflow: hidden;
+}
+
+/* textbox */
+
+#css-code {
+  margin-left: 220px;
+  margin-right: 220px;
+}
+
+.msie6 #css-code {
+  float: left;
+  margin-left: 20px;
+  margin-right: 240px;
+}
+
+#css-code textarea {
+  width: 100%;
+}
+
+.msie6 #css-code textarea {
+  width: 500px;
+}
diff --git a/test/functional/themes_controller_test.rb b/test/functional/themes_controller_test.rb
new file mode 100644
index 0000000..164b716
--- /dev/null
+++ b/test/functional/themes_controller_test.rb
@@ -0,0 +1,8 @@
+require File.dirname(__FILE__) + '/../test_helper'
+
+class ThemesControllerTest < ActionController::TestCase
+  # Replace this with your real tests.
+  def test_truth
+    assert true
+  end
+end
--
libgit2 0.21.2