crowy 背景色変更

  • /*
     * @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 += '.message {background-color:#000000;}';
      css += '.message.odd {background-color:#000000;}';
      css += '.bg-red .message {background-color:#330000;}';
      css += '.bg-red .message.odd {background-color:#330000;}';
      css += '.bg-orange .message {background-color:#331100;}';
      css += '.bg-orange .message.odd {background-color:#331100;}';
      css += '.bg-yellow .message {background-color:#222200;}';
      css += '.bg-yellow .message.odd {background-color:#222200;}';
      css += '.bg-green .message {background-color:#002200;}';
      css += '.bg-green .message.odd {background-color:#002200;}';
      css += '.bg-blue .message {background-color:#000022;}';
      css += '.bg-blue .message.odd {background-color:#000022;}';
      css += '.bg-purple .message {background-color:#220022;}';
      css += '.bg-purple .message.odd {background-color:#220022;}';
      css += '.message-list {color:#ffffff;}';
      css += '.message-text {color:#ffffff;}';
      css += '.facebook .message .comment-count {background-color:#000000;}';
      css += '.facebook .comment .message {background-color:#000000;}';
      css += '.message .column-input {background-color:#333333;}';
      css += '.bg-red .comment .message, .bg-red .message .comment-count, .bg-red .message .column-input {background-color:#330000;}';
      css += '.bg-orange .comment .message, .bg-orange .message .comment-count, .bg-orange .message .column-input {background-color:#331100;}';
      css += '.bg-yellow .comment .message, .bg-yellow .message .comment-count, .bg-yellow .message .column-input {background-color:#222200;}';
      css += '.bg-green .comment .message, .bg-green .message .comment-count, .bg-green .message .column-input {background-color:#002200;}';
      css += '.bg-blue .comment .message, .bg-blue .message .comment-count, .bg-blue .message .column-input {background-color:#000022;}';
      css += '.bg-purple .comment .message, .bg-purple .message .comment-count, .bg-purple .message .column-input {background-color:#220022;}';
    
      s.innerHTML = css;
    
      document.body.appendChild(s);
    })();
    
  • Permalink
    このページへの個別リンクです。
    RAW
    書かれたコードへの直接のリンクです。
    Packed
    文字列が圧縮された書かれたコードへのリンクです。
    Userscript
    Greasemonkey 等で利用する場合の .user.js へのリンクです。
    Loader
    @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。
    Metadata
    コード中にコメントで @xxx と書かれたメタデータの JSON です。

History

  1. 2011/11/10 02:52:44 - 2011-11-10