From f3ce075de506cac32d92ca8a40e438ff52d19fd1 Mon Sep 17 00:00:00 2001 From: Niklas Gollenstede Date: Sat, 30 Jun 2018 17:00:54 +0200 Subject: [PATCH] update to YAML metadata syntax --- context-menu-cleanup.css | 3 +- custom-inversion.css | 138 ++++++++++++++++++++----------------- developer-edition-dark.css | 18 +++-- 3 files changed, 86 insertions(+), 73 deletions(-) diff --git a/context-menu-cleanup.css b/context-menu-cleanup.css index e59b1c5..169b724 100644 --- a/context-menu-cleanup.css +++ b/context-menu-cleanup.css @@ -1,4 +1,4 @@ -/** +/** ==UserStyle== * @name Context Menu Cleanup * @stylish-id 107171 * @author Niklas Gollenstede @@ -9,6 +9,7 @@ * If you have any issues with this style, please open a ticket at https://github.com/NiklasGollenstede/stylish */ + @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); @-moz-document diff --git a/custom-inversion.css b/custom-inversion.css index 78c2dd1..e2bdcf7 100644 --- a/custom-inversion.css +++ b/custom-inversion.css @@ -1,86 +1,94 @@ /** ==UserStyle== - * @name Custom Inversion - * @author Niklas Gollenstede - * @license CC-BY-SA-4.0 or MIT + * @name Custom Inversion + * @author Niklas Gollenstede + * @license CC-BY-SA-4.0 or MIT * @description * With the reStyle Firefox extension, this style can be used to easily turn all web pages dark. * * If you have any issues with this style, please open a ticket at https://github.com/NiklasGollenstede/user-styles * - * @include name level1 - * title Invert `html´ - * description Invert the <html> element. - * default owasp.org + * @include * - * @include name level2 - * title Invert `body>*´ - * description Invert all children of the <body> element. - * default letsencrypt.org w3.org + * - name: level1 + * title: Invert `html´ + * description: Invert the <html> element. + * default: owasp.org * - * @include name level3 - * title Invert `body>*>*´ - * description Invert all grandchildren of the <body> element. + * - name: level2 + * title: Invert `body>*´ + * description: Invert all children of the <body> element. + * default: letsencrypt.org w3.org * - * @include name level4 - * title Invert `body>*>*>*´ - * description Invert all grandgrandchildren of the <body> element. + * - name: level3 + * title: Invert `body>*>*´ + * description: Invert all grandchildren of the <body> element. * - * @include name pdfJs - * title Invert PDFs - * description Inverts all PDF pages of Firefox' PDF reader. Can not exclude images. + * - name: level4 + * title: Invert `body>*>*>*´ + * description: Invert all grandgrandchildren of the <body> element. * + * - name: pdfJs + * title: Invert PDFs + * description: Inverts all PDF pages of Firefox' PDF reader. Can not exclude images. * - * @option name filter-invert - * title Invert filter - * description The CSS filter value to use to invert the page content.
- * |See - * |the documentation on MDN for possible values. - * type css-value + * @options * - * @option name filter-revert - * title Revert filter - * description Inverse filter used to preserve the original colors of images etc.
- * |This should revert each filter function in the invert filter in reverse order. - * type css-value + * - name: filter-invert + * title: Invert filter + * description: | + * The CSS filter value to use to invert the page content.
+ * See + * the documentation on MDN for possible values. + * type: css-value * - * @option name revert-default - * title Default un-invert - * description Display <img>, <video> and <iframe> - * |elements with their original colors. - * type bool - * off not:not(not) + * - name: filter-revert + * title: Revert filter + * description: | + * Inverse filter used to preserve the original colors of images etc.
+ * This should revert each filter function in the invert filter in reverse order. + * type: css-value * - * @option name revert - * title Elements to un-invert - * type css-selector-multi - * description Elements that, in addition to <img>, <video> - * |and <iframe>, are to be displayed un-inverted, - * |that is, with their original colors. + * - name: revert-default + * title: Default un-invert + * description: | + * Display <img>, <video> and <iframe> + * elements with their original colors. + * type: bool + * off: not:not(not) * - * @option name unset - * title Elements to keep inverted - * type css-selector-multi - * description <img>, <video> or <iframe> elements, - * |or elements matched by the above selector, - * |that should be kept inverted. + * - name: revert + * title: Elements to un-invert + * type: css-selector-multi + * description: | + * Elements that, in addition to <img>, <video> + * and <iframe>, are to be displayed un-inverted, + * that is, with their original colors. * - * @option name c-white - * title Elements with white text - * type css-selector-multi - * description Elements whose text color will be forced to white. - * @option name c-black - * title Elements with black text - * type css-selector-multi - * description Elements whose text color will be forced to black. + * - name: unset + * title: Elements to keep inverted + * type: css-selector-multi + * description: | + * <img>, <video> or <iframe> elements, + * or elements matched by the above selector, + * that should be kept inverted. * - * @option name bg-white - * title Elements with white background - * type css-selector-multi - * description Elements whose background color will be forced to white. - * @option name bg-black - * title Elements with black background - * type css-selector-multi - * description Elements whose background color will be forced to black. + * - name: c-white + * title: Elements with white text + * type: css-selector-multi + * description: Elements whose text color will be forced to white. + * - name: c-black + * title: Elements with black text + * type: css-selector-multi + * description: Elements whose text color will be forced to black. + * + * - name: bg-white + * title: Elements with white background + * type: css-selector-multi + * description: Elements whose background color will be forced to white. + * - name: bg-black + * title: Elements with black background + * type: css-selector-multi + * description: Elements whose background color will be forced to black. */ /** diff --git a/developer-edition-dark.css b/developer-edition-dark.css index fe1fd98..281b688 100644 --- a/developer-edition-dark.css +++ b/developer-edition-dark.css @@ -40,14 +40,15 @@ * desktop notifications (windows) */ - #alertBox>:not(image), image - { filter: invert(100%) hue-rotate(180deg); } - toolbarbutton image - { filter: unset; } - #alertBox { + color: white; background-color: #121518; /* inspector body color */ } + + image { + /* TODO: make this optional */ + !background: radial-gradient(white 20%, transparent 73%); + } } @@ -118,8 +119,11 @@ background: black;/*[[!pending-tab-style]]*/ } /* increase width of non-pinned selected tabs */ - tab:not([pinned]) - { /* transition: none; */ } /* must not disable transition (firefox removes the [movingtab] attribute at its end) */ + tab:not([pinned]) { + /* transition: none; */ /* must not disable transition (firefox removes the [movingtab] attribute at its end) */ + !transition-timing-function: linear, linear; + !transition-duration: .1s, .1s; + } tab[selected]:not([pinned]) { min-width: var(--ded-min-tab-width); }