改 shadowsocks 的配色

core/plugin.coffee

@@ -12,6 +12,8 @@ app.plugins = {}
 app.view_hook =
   menu_bar: []
 
+app.view_style = []
+
 exports.get = (name) ->
   return require path.join(__dirname, "../plugin/#{name}")
 
@@ -25,6 +27,9 @@ exports.loadPlugin = (name) ->
   if fs.existsSync path.join(plugin_path, 'static')
     app.use harp.mount('/plugin/' + name, path.join(plugin_path, 'static'))
 
+  if plugin.layout?.style
+    app.view_style.push "/plugin/#{name}#{plugin.layout.style}"
+
   if plugin.action
     app.use ('/plugin/' + name), plugin.action
 

core/view/layout.jade

@@ -5,6 +5,9 @@ html
     block head
       link(rel='stylesheet', href='http://cdn.staticfile.org/twitter-bootstrap/3.2.0/css/bootstrap.min.css')
       link(rel='stylesheet', href='/style/layout.css')
+      for path in app.view_style
+        link(rel='stylesheet', href=path)
+
   body
     header.navbar-fixed-top
       .container

plugin/shadowsocks/index.coffee

@@ -8,6 +8,9 @@ module.exports =
   action: action
   service: service
 
+  layout:
+    style: '/style/layout.css'
+
   panel:
     widget: service.widget
     script: '/script/panel.js'

plugin/shadowsocks/static/style/layout.less

@@ -0,0 +1,15 @@
+body {
+  > header {
+    background: #1c9b47;
+
+    nav.navbar-inverse {
+      background: #1c9b47;
+    }
+
+    .navbar-inverse {
+      .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {
+        background: #18813f;
+      }
+    }
+  }
+}