Skip to content

Commit

Permalink
update to YAML metadata syntax
Browse files Browse the repository at this point in the history
  • Loading branch information
@NiklasGollenstede
NiklasGollenstede committed Jun 30, 2018
1 parent 3ad88bc commit f3ce075
Show file tree
Hide file tree
Showing 3 changed files with 86 additions and 73 deletions.
3 changes: 2 additions & 1 deletion context-menu-cleanup.css
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
/**
/** ==UserStyle==
* @name Context Menu Cleanup
* @stylish-id 107171
* @author Niklas Gollenstede
Expand All @@ -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
Expand Down
138 changes: 73 additions & 65 deletions custom-inversion.css
View file
Original file line number Diff line number Diff line change
@@ -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.<br>
* |See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/filter">
* |the documentation on MDN</a> 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.<br>
* |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.<br>
* See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/filter">
* the documentation on MDN</a> for possible values.
* type: css-value
*
* @option name revert-default
* title Default un-invert
* description Display &lt;img&gt;, &lt;video&gt; and &lt;iframe&gt;
* |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.<br>
* 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 &lt;img&gt;, &lt;video&gt;
* |and &lt;iframe&gt;, are to be displayed un-inverted,
* |that is, with their original colors.
* - name: revert-default
* title: Default un-invert
* description: |
* Display &lt;img&gt;, &lt;video&gt; and &lt;iframe&gt;
* elements with their original colors.
* type: bool
* off: not:not(not)
*
* @option name unset
* title Elements to keep inverted
* type css-selector-multi
* description &lt;img&gt;, &lt;video&gt; or &lt;iframe&gt; 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 &lt;img&gt;, &lt;video&gt;
* and &lt;iframe&gt;, 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: |
* &lt;img&gt;, &lt;video&gt; or &lt;iframe&gt; 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.
*/

/**
Expand Down
18 changes: 11 additions & 7 deletions developer-edition-dark.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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%);
}
}


Expand Down Expand Up @@ -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); }

Expand Down

0 comments on commit f3ce075

Please sign in to comment.