CSS theming

diff --git a/client_backbone/dev/model_application.js b/client_backbone/dev/model_application.js
index 461716176ac73363b677ab4fac3570ed7c41cfea..120040197d78b953a67fec9e1b0eb6b3ff9cc624 100644 (file)
--- a/client_backbone/dev/model_application.js
+++ b/client_backbone/dev/model_application.js
@@ -456,6 +456,8 @@ kiwi.model.Application = Backbone.Model.extend(new (function () {
                 this.href = this.href.replace(/\?.*|$/, queryString);\r
             });\r
         });\r
+\r
+        controlbox.on('command_theme', this.themeCommand);\r
     };\r
 \r
     // A fallback action. Send a raw command to the server\r
@@ -567,6 +569,18 @@ kiwi.model.Application = Backbone.Model.extend(new (function () {
         kiwi.gateway.notice(destination, ev.params.join(' '));\r
     };\r
 \r
+    this.themeCommand = function (ev) {\r
+        var theme = ev.params[0] || false,\r
+            containers = $('#panels > .panel_container');\r
+\r
+        // Clear any current theme\r
+        containers.removeClass(function (i, css) {\r
+            return (css.match (/\btheme_\S+/g) || []).join(' ');\r
+        });\r
+\r
+        if (theme) containers.addClass('theme_' + theme);\r
+    };\r
+\r
 \r
 \r
 \r

diff --git a/client_backbone/style.css b/client_backbone/style.css
index e21288a8b279065fad216f665aafc611a7d8306c..f395169cee29914c92869284ff9b625f8e5e56d3 100644 (file)
--- a/client_backbone/style.css
+++ b/client_backbone/style.css
@@ -180,4 +180,49 @@ body {
 .server_select .status .ok {
     border:1px solid #A33F3F; background-color:#D28A8A;
     padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/**
+ * Themes
+ */
+
+
+/* Relaxed theme */
+.panel_container.theme_relaxed .messages .msg { border-bottom: 1px solid #DEDEDE; font-family:arial; font-size:0.9em; }
+.panel_container.theme_relaxed .messages .msg .time { width:6em; float:left; color:#777; display:none; }
+.panel_container.theme_relaxed .messages .msg .nick { width:7em; float:left; font-size:12px; font-family:Arial; text-align:left; padding: 5px; }
+.panel_container.theme_relaxed .messages .msg .text { margin-left:8em; border-left: 1px solid #DEDEDE; white-space:pre-wrap; word-wrap:break-word; font-family:Arial; padding:5px; }
+
+.panel_container.theme_relaxed .messages .msg.action .nick { display:none; }
+.panel_container.theme_relaxed .messages .msg.action .text { margin-left:9em; color:#009900; border-left:none; font-style:italic; }
+.panel_container.theme_relaxed .messages .msg.action.join { color:#009900; }
+.panel_container.theme_relaxed .messages .msg.action.part .text { color:#900; }
+.panel_container.theme_relaxed .messages .msg.action.quit .text { color:#900; }
+.panel_container.theme_relaxed .messages .msg.action.kick .text { color:#900; }
+.panel_container.theme_relaxed .messages .msg.status .nick { display:none; }
+.panel_container.theme_relaxed .messages .msg.status .text { color:#990000; margin-left:9em; border-left:none; font-weight:bold; }
+.panel_container.theme_relaxed .messages .msg.topic .nick { display:none; }
+.panel_container.theme_relaxed .messages .msg.topic .text { color:#009900; margin-left:9em; font-style: italic; border-left:none; }
+/*.panel_container.theme_relaxed .messages .msg.motd .nick { display:none; }*/
+.panel_container.theme_relaxed .messages .msg.motd { border:none; }
+.panel_container.theme_relaxed .messages .msg.motd .text { color:#666; }
+.panel_container.theme_relaxed .messages .msg.whois .nick { font-weight:normal; }
+.panel_container.theme_relaxed .messages .msg.whois .text { margin-left:18em; padding-left:1em; border-left:1px dashed #999; }
+.panel_container.theme_relaxed .messages .msg.error .text {
+    border:1px solid #A33F3F; background-color:#D28A8A;
+    padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em;
 }
\ No newline at end of file