User CSS

A quick and easy way to add custom CSS to the current web site.

What is User CSS?

User CSS is a Chrome extension developed by https://dimox.name, and its main feature is "A quick and easy way to add custom CSS to the current web site.".

Extension Screenshots

screenshot

Download User CSS Extension CRX File

Download User CSS extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

                        Insert your custom CSS code to the current web site and you will see the changes immediately.

How to use:

1. Press the extension button to display the CSS editor.
2. Write your custom CSS.
3. Enjoy the result.
4. Press the extension button to hide the CSS editor.

Button shows a green indicator, when current web site has custom CSS.

The extension uses CodeMirror to highlight code and supports the Emmet toolkit.                    

Extension Basic Information

Name User CSS User CSS
ID okpjlejfhacmgjkmknjhadmkdbcldfcb
Official URL https://chromewebstore.google.com/detail/user-css/okpjlejfhacmgjkmknjhadmkdbcldfcb
Description A quick and easy way to add custom CSS to the current web site.
File Size 298 KB
Installation Count 61,801
Current Version 2.2
Last Updated 2017-10-24
Publish Date 2017-10-22
Rating 3.60/5 Total 248 Ratings
Developer https://dimox.name
Payment Type free
Supported Languages en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "User CSS",
    "description": "A quick and easy way to add custom CSS to the current web site.",
    "version": "2.2",
    "browser_action": {
        "default_icon": "icon-19.png"
    },
    "permissions": [
        "tabs",
        "http:\/\/*\/*",
        "https:\/\/*\/*"
    ],
    "background": {
        "persistent": false,
        "scripts": [
            "js\/background.js",
            "js\/hot-reload.js"
        ]
    },
    "options_page": "options.html",
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "js": [
                "js\/jquery.min.js",
                "js\/codemirror\/codemirror.min.js",
                "js\/codemirror\/mode\/css.js",
                "js\/codemirror\/addon\/active-line.js",
                "js\/codemirror\/addon\/closebrackets.js",
                "js\/codemirror\/addon\/matchbrackets.js",
                "js\/codemirror\/emmet.min.js",
                "js\/style.js"
            ],
            "css": [
                "css\/style.css"
            ],
            "document_idle": "document_start"
        }
    ],
    "web_accessible_resources": [
        "options.html",
        "css\/themes\/3024-day.css",
        "css\/themes\/3024-night.css",
        "css\/themes\/abcdef.css",
        "css\/themes\/ambiance.css",
        "css\/themes\/base16-dark.css",
        "css\/themes\/base16-light.css",
        "css\/themes\/bespin.css",
        "css\/themes\/blackboard.css",
        "css\/themes\/cobalt.css",
        "css\/themes\/colorforth.css",
        "css\/themes\/dracula.css",
        "css\/themes\/eclipse.css",
        "css\/themes\/elegant.css",
        "css\/themes\/erlang-dark.css",
        "css\/themes\/hopscotch.css",
        "css\/themes\/icecoder.css",
        "css\/themes\/isotope.css",
        "css\/themes\/lesser-dark.css",
        "css\/themes\/liquibyte.css",
        "css\/themes\/material.css",
        "css\/themes\/mbo.css",
        "css\/themes\/mdn-like.css",
        "css\/themes\/midnight.css",
        "css\/themes\/monokai.css",
        "css\/themes\/neat.css",
        "css\/themes\/neo.css",
        "css\/themes\/night.css",
        "css\/themes\/paraiso-dark.css",
        "css\/themes\/paraiso-light.css",
        "css\/themes\/pastel-on-dark.css",
        "css\/themes\/railscasts.css",
        "css\/themes\/rubyblue.css",
        "css\/themes\/seti.css",
        "css\/themes\/solarized.css",
        "css\/themes\/the-matrix.css",
        "css\/themes\/tomorrow-night-bright.css",
        "css\/themes\/tomorrow-night-eighties.css",
        "css\/themes\/ttcn.css",
        "css\/themes\/twilight.css",
        "css\/themes\/vibrant-ink.css",
        "css\/themes\/xq-dark.css",
        "css\/themes\/xq-light.css",
        "css\/themes\/yeti.css",
        "css\/themes\/zenburn.css"
    ],
    "icons": {
        "16": "icon-16.png",
        "19": "icon-19.png",
        "48": "icon-48.png",
        "64": "icon-64.png",
        "128": "icon-128.png"
    },
    "manifest_version": 2
}