回転猫の雑記

新しいことを知るのはたのしい。

Tumblrのdashboardを昔の色に変えるchrome 拡張機能

Tumblrdashboard色を#34526fに変更します。

下記構成でフォルダに保存し拡張機能へ投げる

 

https://pbs.twimg.com/media/Dyy3JsVVsAAkTiK.jpg:large

 

tumblr_color
│ manifest.json

└─tumblr
    script.js
    style.css

 

{

"name": "tumblr-color",
"author": "tm",
"description": "chrome extension for customize CSS and JS.",
"version": "1.0.0",
"manifest_version": 2,
"web_accessible_resources": ["*"],
"permissions": ["storage"],
"content_scripts": [
{
"matches": ["https://www.tumblr.com/*"],
"css": ["tumblr/style.css"],"js": ["tumblr/script.js"]
}
]

 

 

@charset "utf-8";

body{
background: #34526f !important;
}
#left_column,#search_field,.clearfixpost_avatar,.post-avatar--sticky{
background: #34526f !important;
}

#user_tools,#right_column,#right_column,.l-header-container--refresh,.l-header,.l-content.clearfix,.tab-bar-container,.l-content.l-header{
background: #34526f !important;
background-color: #34526f !important;
}

 

 

  • script.js

console.log('Hello World !');