crowy 背景色変更

by den2sn 2011-11-08 [2011/11/08 16:42:45]

crowy の背景色をcrowyっぽく変更します。 #crowy

@@ -7,71 +7,16 @@
  */
 
 (function(){
-  function getElements(element, selector) {
-    var list = new Array();
-    list.push(element);
-    return selectList(list, selector);
-  }
-
-  function selectList(list, name) {
-    var retList = new Array();
-    var i;
-    for (i = 0; i < list.length; i++) {
-      var element = list[i];
-      if (element.nodeType == 1) {
-        var e = selectElement(element, name);
-        if (e != null) {
-          retList.push(e);
-        }
-      }
-      retList = retList.concat(selectList(element.childNodes, name));
-    }
-    return retList;
-  }
-
-  function selectElement(element, name) {
-    var tagName;
-    var className;
-    var idName;
-    if (name.indexOf('.') != -1) {
-      tagName = name.substring(0, name.indexOf('.'));
-      className = name.substring(name.indexOf('.') + 1, name.length);
-    } else if (name.indexOf('#') != -1) {
-      tagName = name.substring(0, name.indexOf('#'));
-      idName = name.substring(name.indexOf('#') + 1, name.length);
-    } else {
-      tagName = name;
-    }
-    if (element.tagName == tagName.toUpperCase() &&
-        (idName == null || element.id == idName) &&
-        (className == null || element.className.indexOf(className) != -1)
-        ) {
-      return element;
-    }
-    return null;
-  }
-
-  function changeColor() {
-    document.body.style.backgroundColor = '#000000';
-    document.body.style.color = '#ffffff';
-    m_con = document.getElementById('message-container');
-    m_con.style.backgroundColor = '#000000';
-    var elementList = getElements(document.getElementById('tabs'), 'div.message-list');
-    var i = 0;
-    for (i = 0; i < elementList .length; i++) {
-      var e = elementList[i];
-      e.style.color = '#aaaaaa';
-      e.style.backgroundColor = '#000000';
-    }
-    elementList = getElements(document.getElementById('tabs'), 'div.ui-widget-content');
-    i = 0;
-    for (i = 0; i < elementList .length; i++) {
-      var e = elementList[i];
-      e.style.color = '#aaaaaa';
-      e.style.backgroundColor = '#000000';
-    }
-  }
-
-  window.addEventListener("load", changeColor, false);
+  var s = document.createElement('style');
+  s.setAttribute("type", "text/css");
+  css = '';
+  css += 'body {background-color:#000000;color:#ffffff;}';
+  css += 'a {color:#ffffff;}';
+  css += '#message-container {background-color:#000000;}';
+  css += 'div.message-list {background-color:#000000;color:#aaaaaa;}';
+  css += 'div.ui-widget-content {background-color:#000000;color:#aaaaaa;}';
+  css += 'div.message.new {background-color:#660000;}';
+  s.innerHTML = css;
 
+  document.body.appendChild(s);
 })();

• /*
   * @title crowy 背景色変更
   * @description crowy の背景色をcrowyっぽく変更します。 #crowy
   * @include http://www.crowy.net*
   * @license MIT License
   * @require 
   */
  
  (function(){
    var s = document.createElement('style');
    s.setAttribute("type", "text/css");
    css = '';
    css += 'body {background-color:#000000;color:#ffffff;}';
    css += 'a {color:#ffffff;}';
    css += '#message-container {background-color:#000000;}';
    css += 'div.message-list {background-color:#000000;color:#aaaaaa;}';
    css += 'div.ui-widget-content {background-color:#000000;color:#aaaaaa;}';
    css += 'div.message.new {background-color:#660000;}';
    s.innerHTML = css;
  
    document.body.appendChild(s);
  })();
  

• Permalink RAW Packed Userscript LOADER Metadata ?

  Permalink

  このページへの個別リンクです。

  RAW

  書かれたコードへの直接のリンクです。

  Packed

  文字列が圧縮された書かれたコードへのリンクです。

  Userscript

  Greasemonkey 等で利用する場合の .user.js へのリンクです。

  Loader

  @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。

  Metadata

  コード中にコメントで @xxx と書かれたメタデータの JSON です。