Merge remote-tracking branch 'origin/master' into 2.5.0

app/Resources/static/themes/_global/global.scss

@@ -5,9 +5,9 @@
 .material-icons.md-48 { font-size: 48px; }
 
 /* Rules for using icons as black on a light background. */
-.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
-.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }
+.material-icons.md-dark { color: rgb(0 0 0 / 54%); }
+.material-icons.md-dark.md-inactive { color: rgb(0 0 0 / 26%); }
 
 /* Rules for using icons as white on a dark background. */
-.material-icons.md-light { color: rgba(255, 255, 255, 1); }
-.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }
+.material-icons.md-light { color: rgb(255 255 255 / 100%); }
+.material-icons.md-light.md-inactive { color: rgb(255 255 255 / 30%); }

app/Resources/static/themes/_global/img/icons/Diaspora-asterisk.svg

@@ -1,67 +1,4 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="800"
-   height="770"
-   id="svg4004"
-   version="1.1"
-   inkscape:version="0.48.4 r9939"
-   sodipodi:docname="New document 11">
-  <defs
-     id="defs4006" />
-  <sodipodi:namedview
-     id="base"
-     pagecolor="#000"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageopacity="0.0"
-     inkscape:pageshadow="2"
-     inkscape:zoom="0.7"
-     inkscape:cx="359.23155"
-     inkscape:cy="349.10374"
-     inkscape:document-units="px"
-     inkscape:current-layer="layer1"
-     showgrid="false"
-     fit-margin-top="0"
-     fit-margin-left="0"
-     fit-margin-right="0"
-     fit-margin-bottom="0"
-     inkscape:window-width="1631"
-     inkscape:window-height="1026"
-     inkscape:window-x="49"
-     inkscape:window-y="24"
-     inkscape:window-maximized="1" />
-  <metadata
-     id="metadata4009">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <g
-     inkscape:label="Layer 1"
-     inkscape:groupmode="layer"
-     id="layer1"
-     transform="translate(21.42857,-101.6479)">
-    <image
-       y="101.6479"
-       x="-21.42857"
-       id="image4071"
-       xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAyAAAAMCCAYAAACRFKJVAAAABHNCSVQICAgIfAhkiAAAIABJREFU
+<svg height="770" width="800" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g transform="translate(21.42857 -101.6479)"><image height="770" width="800" x="-21.42857" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAyAAAAMCCAYAAACRFKJVAAAABHNCSVQICAgIfAhkiAAAIABJREFU
 eJzt3e2VVEeWLuCXu/r/ZFswiQU3sUApC7qwQGDBgAUqLICxAGQB1RYorwUqD5QeqDyo+yPIJkVS
 ReXHORFxzvOsxWK6B1TRiDoZ79k7djy7v78PAADAGP5P7QUAAADzIYAAAACjEUAAAIDRCCAAAMBo
 BBAAAGA0AggAADAaAQQAABiNAAIAAIxGAAEAAEYjgAAAAKMRQAAAgNH845hf/OzZs6HWATCEV0l+
@@ -321,14 +258,4 @@ AMNRAQEAvuvMau4i5TzI6ke/8AnepcKN5vZIMAwBBAD4rgu0k65S7gc51a6quzl3IaewR4JhaMEC
 AIZym9PHgW+SPE+l8AEMRwUEAPiuCw7UOHY079tc/gzJ0eyRYBgCCADwXRcMIIskf375+THblJar
 JsaI2yPBMLRgAQBD243PfcxNTrhAFeiPAAIAjOGh0by7cDLGBYZAA7RgAQDfNcClqt+O5r1NCR9N
 Vj3skWAYKiAAwFj2W7E+Jfk5jYYPYDgqIADAdw1QAdlZphw4b5o9EgxDAAEAAEajBQsAABiNAAIA
-AIxGAAEAAEYjgAAAAKMRQAAAgNEIIAAAwGj+P10o1H/ia8mRAAAAAElFTkSuQmCC
-"
-       height="770"
-       width="800" />
-    <path
-       style="fill:#FFF"
-       d="m 482.45517,806.8979 c -21.575,-30.1125 -55.23748,-77.12866 -74.80551,-104.48035 -19.98598,-27.9359 -36.2457,-49.73896 -37.10125,-49.75 -0.87914,-0.0113 -32.32337,42.25713 -74.37706,99.98035 -40.06973,55 -73.18741,100 -73.59485,100 -1.1396,0 -144.46068,-100.94983 -144.829571,-102.01235 -0.178476,-0.51406 32.221521,-48.07611 72.000001,-105.69344 39.77847,-57.61732 72.3245,-105.66675 72.3245,-106.77649 0,-1.78957 -12.89022,-6.31508 -114,-40.0232 -62.7,-20.90302 -114.613999,-38.24519 -115.364443,-38.53815 -1.043816,-0.4075 4.925559,-20.38013 25.402971,-84.99452 14.722078,-46.45402 27.100359,-84.84113 27.507293,-85.3047 0.406933,-0.46357 54.900599,16.97442 121.097029,38.75107 66.19643,21.77666 120.91108,39.59345 121.5881,39.59285 0.67702,-5.9e-4 1.44284,-1.01357 1.70181,-2.25107 0.25898,-1.2375 0.83006,-57.6 1.26906,-125.25 0.439,-67.65 1.16224,-123.5625 1.6072,-124.25 0.63709,-0.98436 19.23178,-1.24675 87.5,-1.23469 47.68004,0.008 87.18776,0.34593 87.79493,0.75 0.76529,0.50931 2.07325,37.70117 4.26357,121.23469 3.5965,137.16189 3.67401,139 5.86123,139 0.84816,0 53.3106,-17.56056 116.58321,-39.02347 63.2726,-21.46291 115.34958,-38.67541 115.72663,-38.25 1.27822,1.44219 53.1745,170.39371 52.53554,171.03267 -0.34901,0.34901 -53.15524,18.43347 -117.34717,40.18769 -88.30357,29.92548 -116.78951,39.96068 -117.02855,41.22754 -0.17651,0.93542 30.19001,46.31568 68.80279,102.8201 38.0153,55.63011 68.97925,101.56053 68.80877,102.06759 -0.39157,1.16463 -142.63129,105.93788 -143.82081,105.93788 -0.48298,0 -18.53042,-24.6375 -40.10542,-54.75 z"
-       id="path4093"
-       inkscape:connector-curvature="0" />
-  </g>
-</svg>
+AIxGAAEAAEYjgAAAAKMRQAAAgNEIIAAAwGj+P10o1H/ia8mRAAAAAElFTkSuQmCC" y="101.6479"/><path d="m482.45517 806.8979c-21.575-30.1125-55.23748-77.12866-74.80551-104.48035-19.98598-27.9359-36.2457-49.73896-37.10125-49.75-.87914-.0113-32.32337 42.25713-74.37706 99.98035-40.06973 55-73.18741 100-73.59485 100-1.1396 0-144.46068-100.94983-144.829571-102.01235-.178476-.51406 32.221521-48.07611 72.000001-105.69344 39.77847-57.61732 72.3245-105.66675 72.3245-106.77649 0-1.78957-12.89022-6.31508-114-40.0232-62.7-20.90302-114.613999-38.24519-115.364443-38.53815-1.043816-.4075 4.925559-20.38013 25.402971-84.99452 14.722078-46.45402 27.100359-84.84113 27.507293-85.3047.406933-.46357 54.900599 16.97442 121.097029 38.75107 66.19643 21.77666 120.91108 39.59345 121.5881 39.59285.67702-.00059 1.44284-1.01357 1.70181-2.25107.25898-1.2375.83006-57.6 1.26906-125.25s1.16224-123.5625 1.6072-124.25c.63709-.98436 19.23178-1.24675 87.5-1.23469 47.68004.008 87.18776.34593 87.79493.75.76529.50931 2.07325 37.70117 4.26357 121.23469 3.5965 137.16189 3.67401 139 5.86123 139 .84816 0 53.3106-17.56056 116.58321-39.02347 63.2726-21.46291 115.34958-38.67541 115.72663-38.25 1.27822 1.44219 53.1745 170.39371 52.53554 171.03267-.34901.34901-53.15524 18.43347-117.34717 40.18769-88.30357 29.92548-116.78951 39.96068-117.02855 41.22754-.17651.93542 30.19001 46.31568 68.80279 102.8201 38.0153 55.63011 68.97925 101.56053 68.80877 102.06759-.39157 1.16463-142.63129 105.93788-143.82081 105.93788-.48298 0-18.53042-24.6375-40.10542-54.75z" fill="#fff"/></g></svg>

app/Resources/static/themes/_global/js/bookmarklet.js

@@ -1,5 +1,4 @@
-top['bookmarklet-url@wallabag.org'] =
-    '<!DOCTYPE html><html><head><title>bag it!</title>' +
-    '<link rel="icon" href="tpl/img/favicon.ico" />' +
-    '</head><body><script>window.onload=function(){window.setTimeout' +
-    '(function(){history.back();},250);};</script></body></html>';
+top['bookmarklet-url@wallabag.org'] = '<!DOCTYPE html><html><head><title>bag it!</title>'
+    + '<link rel="icon" href="tpl/img/favicon.ico" />'
+    + '</head><body><script>window.onload=function(){window.setTimeout'
+    + '(function(){history.back();},250);};</script></body></html>';

app/Resources/static/themes/_global/js/highlight.js

@@ -1,8 +1,8 @@
 import 'highlight.js/styles/atom-one-light.css';
-import * as hljs from 'highlight.js';
+import hljs from 'highlight.js';
 
 window.addEventListener('load', () => {
-  document.querySelectorAll('pre').forEach((node) => {
-    hljs.highlightBlock(node);
+  document.querySelectorAll('pre').forEach((element) => {
+    hljs.highlightElement(element);
   });
 });

app/Resources/static/themes/_global/share.scss

@@ -112,7 +112,7 @@ blockquote::before,
 blockquote::after,
 q::before,
 q::after {
-  content: '';
+  content: "";
   content: none;
 }
 
@@ -300,8 +300,6 @@ dl dt {
   overflow: hidden;
   clear: left;
   text-align: right;
-  -ms-text-overflow: ellipsis;
-  -o-text-overflow: ellipsis;
   text-overflow: ellipsis;
   white-space: nowrap;
   font-weight: bold;
@@ -314,8 +312,6 @@ dl dd {
 }
 
 pre {
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
   box-sizing: border-box;
   margin: 4em 0;
   border: 0.0625em solid #efefef;
@@ -378,7 +374,7 @@ thead tr {
 }
 
 tbody tr:nth-child(2n+1) {
-  background: rgba(0, 0, 0, 0.1);
+  background: rgb(0 0 0 / 10%);
 }
 
 tbody {

app/Resources/static/themes/baggy/css/article.scss

@@ -1,4 +1,3 @@
-
 #article {
   width: 70%;
   margin-bottom: 3em;
@@ -159,7 +158,7 @@ pre code {
     text-transform: uppercase;
     text-decoration: none;
     font-weight: 400;
-    font-family: PT Sans, sans-serif;
+    font-family: "PT Sans", sans-serif;
     transition: all 0.5s ease;
   }
 }

app/Resources/static/themes/baggy/css/guide.scss

@@ -1,4 +1,3 @@
-
 ::selection {
   color: #fff;
   background-color: #000;
@@ -60,9 +59,9 @@ form input[type="email"] {
   color: #666;
 }
 
-@media screen and (-webkit-min-device-pixel-ratio: 0) {
+@media screen {
   select {
-    -webkit-appearance: none;
+    appearance: none;
     border-radius: 0;
     background: #fff url("../../_global/img/bg-select.png") no-repeat right center;
   }
@@ -109,10 +108,6 @@ input[type="submit"]:hover,
 input[type="submit"]:focus {
   background-color: #fff;
   color: #000;
-  -webkit-transition: all 0.5s ease;
-  -moz-transition: all 0.5s ease;
-  -ms-transition: all 0.5s ease;
-  -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
 }
 
@@ -148,7 +143,7 @@ h2::after {
   background-color: #333;
   padding-top: 9.5em;
   height: 100%;
-  box-shadow: inset -4px 0 20px rgba(0, 0, 0, 0.6);
+  box-shadow: inset -4px 0 20px rgb(0 0 0 / 60%);
   z-index: 15;
 
   > li > a {

app/Resources/static/themes/baggy/css/index.scss

@@ -1,13 +1,13 @@
 /* Style */
-@import 'guide';
-@import 'layout';
-@import 'article';
-@import 'pictos';
-@import 'login';
-@import 'save';
-@import 'messages';
+@import "guide";
+@import "layout";
+@import "article";
+@import "pictos";
+@import "login";
+@import "save";
+@import "messages";
 
 /* Tools */
-@import 'media_queries';
-@import 'print';
-@import 'ratatouille';
+@import "media_queries";
+@import "print";
+@import "ratatouille";

app/Resources/static/themes/baggy/css/layout.scss

@@ -40,7 +40,7 @@ footer {
   display: inline-block;
   margin: 0 5px;
   padding: 5px 12px;
-  background-color: rgba(0, 0, 0, 0.6);
+  background-color: rgb(0 0 0 / 60%);
   border-radius: 3px;
   max-height: 2em;
   overflow: hidden;
@@ -78,7 +78,7 @@ footer {
 .entry {
   background-color: #fff;
   letter-spacing: normal;
-  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
+  box-shadow: 0 3px 7px rgb(0 0 0 / 30%);
   display: inline-block;
   width: 32%;
   margin-bottom: 1.5em;
@@ -120,7 +120,7 @@ footer {
   }
 
   &:hover {
-    box-shadow: 0 3px 10px rgba(0, 0, 0, 1);
+    box-shadow: 0 3px 10px rgb(0 0 0 / 100%);
 
     &::after {
       height: 40px;
@@ -219,7 +219,7 @@ footer {
     li {
       margin: 10px 10px 10px auto;
       padding: 5px 12px 5px 25px;
-      background-color: rgba(0, 0, 0, 0.6);
+      background-color: rgb(0 0 0 / 60%);
       border-radius: 0 3px 3px 0;
       color: #fff;
       cursor: default;

app/Resources/static/themes/baggy/css/login.scss

@@ -9,7 +9,7 @@
   form {
     background-color: #fff;
     padding: 1.5em;
-    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.9);
+    box-shadow: 0 1px 8px rgb(0 0 0 / 90%);
     width: 20em;
     position: absolute;
     top: 8em;

app/Resources/static/themes/baggy/css/main.css

@@ -30,7 +30,7 @@ body {
 .login form {
   background-color: #fff;
   padding: 1.5em;
-  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.9);
+  box-shadow: 0 1px 8px rgb(0 0 0 / 90%);
   width: 20em;
   position: absolute;
   top: 8em;
@@ -110,9 +110,9 @@ form input[type="email"] {
   color: #666;
 }
 
-@media screen and (-webkit-min-device-pixel-ratio: 0) {
+@media screen and (min-device-pixel-ratio: 0) {
   select {
-    -webkit-appearance: none;
+    appearance: none;
     border-radius: 0;
     background: #fff url("../../_global/img/bg-select.png") no-repeat right center;
   }
@@ -157,10 +157,6 @@ input[type="submit"]:hover,
 input[type="submit"]:focus {
   background-color: #fff;
   color: #000;
-  -webkit-transition: all 0.5s ease;
-  -moz-transition: all 0.5s ease;
-  -ms-transition: all 0.5s ease;
-  -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
 }
 
@@ -196,7 +192,7 @@ h2::after {
   background-color: #333;
   padding-top: 9.5em;
   height: 100%;
-  box-shadow: inset -4px 0 20px rgba(0, 0, 0, 0.6);
+  box-shadow: inset -4px 0 20px rgb(0 0 0 / 60%);
   z-index: 15;
 }
 
@@ -217,10 +213,6 @@ h2::after {
   text-decoration: none;
   font-weight: normal;
   font-family: "PT Sans", sans-serif;
-  -webkit-transition: all 0.5s ease;
-  -moz-transition: all 0.5s ease;
-  -ms-transition: all 0.5s ease;
-  -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
 }
 
@@ -365,7 +357,7 @@ footer a {
 .card-entry-labels li {
   margin: 10px 10px 10px auto;
   padding: 5px 12px 5px 25px;
-  background-color: rgba(0, 0, 0, 0.6);
+  background-color: rgb(0 0 0 / 60%);
   border-radius: 0 3px 3px 0;
   color: #fff;
   cursor: default;
@@ -387,7 +379,7 @@ footer a {
   display: inline-block;
   margin: 0 5px;
   padding: 5px 12px;
-  background-color: rgba(0, 0, 0, 0.6);
+  background-color: rgb(0 0 0 / 60%);
   border-radius: 3px;
   max-height: 2em;
   overflow: hidden;
@@ -425,7 +417,7 @@ footer a {
 .entry {
   background-color: #fff;
   letter-spacing: normal;
-  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
+  box-shadow: 0 3px 7px rgb(0 0 0 / 30%);
   display: inline-block;
   width: 32%;
   margin-bottom: 1.5em;
@@ -448,10 +440,6 @@ footer a {
   bottom: 0.3em;
   z-index: 10;
   right: 1.5em;
-  -webkit-transition: all 0.5s ease;
-  -moz-transition: all 0.5s ease;
-  -ms-transition: all 0.5s ease;
-  -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
 }
 
@@ -463,15 +451,11 @@ footer a {
   bottom: 0;
   left: 0;
   background-color: #000;
-  -webkit-transition: all 0.5s ease;
-  -moz-transition: all 0.5s ease;
-  -ms-transition: all 0.5s ease;
-  -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
 }
 
 .entry:hover {
-  box-shadow: 0 3px 10px rgba(0, 0, 0, 1);
+  box-shadow: 0 3px 10px rgb(0 0 0 / 100%);
 }
 
 .entry:hover::after {
@@ -501,10 +485,6 @@ footer a {
   text-decoration: none;
   color: #000;
   word-wrap: break-word;
-  -webkit-transition: all 0.5s ease;
-  -moz-transition: all 0.5s ease;
-  -ms-transition: all 0.5s ease;
-  -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
 }
 
@@ -537,10 +517,6 @@ img.preview {
   z-index: 10;
   padding-right: 0.5em;
   text-align: right;
-  -webkit-transition: all 0.5s ease;
-  -moz-transition: all 0.5s ease;
-  -ms-transition: all 0.5s ease;
-  -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
 }
 
@@ -626,7 +602,7 @@ div.pagination ul .current {
   ========================================================================== */
 
 .popup-form {
-  background: rgba(0, 0, 0, 0.5);
+  background: rgb(0 0 0 / 50%);
   position: absolute;
   top: 0;
   left: 10em;
@@ -752,7 +728,7 @@ a.add-to-wallabag-link-after::after {
 }
 
 @font-face {
-  font-family: 'Material Icons';
+  font-family: "Material Icons";
   font-style: normal;
   font-weight: 400;
   src: url(../fonts/MaterialIcons-Regular.eot);
@@ -762,7 +738,7 @@ a.add-to-wallabag-link-after::after {
 }
 
 .material-icons {
-  font-family: 'Material Icons';
+  font-family: "Material Icons";
   font-weight: normal;
   font-style: normal;
   font-size: 1em;  /* Preferred icon size */
@@ -786,7 +762,7 @@ a.add-to-wallabag-link-after::after {
   -moz-osx-font-smoothing: grayscale;
 
   /* Support for IE. */
-  font-feature-settings: 'liga';
+  font-feature-settings: "liga";
 }
 
 .material-icons.md-18 { font-size: 18px; }
@@ -812,11 +788,6 @@ a.add-to-wallabag-link-after::after {
 
   /* Enable Ligatures ================ */
   letter-spacing: 0;
-  -webkit-font-feature-settings: "liga";
-  -moz-font-feature-settings: "liga=1";
-  -moz-font-feature-settings: "liga";
-  -ms-font-feature-settings: "liga" 1;
-  -o-font-feature-settings: "liga";
   font-feature-settings: "liga";
 
   /* Better Font Rendering =========== */
@@ -1026,10 +997,6 @@ blockquote {
   margin: 0;
 }
 
-#article h1 {
-  text-align: left;
-}
-
 #article h2,
 #article h3,
 #article h4 {

app/Resources/static/themes/baggy/css/media_queries.scss

@@ -1,4 +1,3 @@
-
 @media screen and (max-width: 1050px) {
   .entry {
     width: 49%;

app/Resources/static/themes/baggy/css/pictos.scss

@@ -4,13 +4,13 @@
 
 @font-face {
   font-family: icomoon;
-  src: url('~icomoon-free-npm/Font/IcoMoon-Free.ttf');
+  src: url("~icomoon-free-npm/Font/IcoMoon-Free.ttf");
   font-weight: normal;
   font-style: normal;
 }
 
 .material-icons {
-  font-family: 'Material Icons';
+  font-family: "Material Icons";
   font-weight: normal;
   font-style: normal;
   font-size: 1em;  /* Preferred icon size */
@@ -34,7 +34,7 @@
   -moz-osx-font-smoothing: grayscale;
 
   /* Support for IE. */
-  font-feature-settings: 'liga';
+  font-feature-settings: "liga";
 
   .md-18 { font-size: 18px; }
   .md-24 { font-size: 24px; }
@@ -64,11 +64,6 @@
 
   /* Enable Ligatures ================ */
   letter-spacing: 0;
-  -webkit-font-feature-settings: "liga";
-  -moz-font-feature-settings: "liga=1";
-  -moz-font-feature-settings: "liga";
-  -ms-font-feature-settings: "liga" 1;
-  -o-font-feature-settings: "liga";
   font-feature-settings: "liga";
 
   /* Better Font Rendering =========== */

app/Resources/static/themes/baggy/css/ratatouille.scss

@@ -5,15 +5,12 @@
 */
 
 * {
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
   box-sizing: border-box;
 }
 
 html {
   font-family: sans-serif; /* 1 */
-  -ms-text-size-adjust: 100%; /* 2 */
-  -webkit-text-size-adjust: 100%; /* 2 */
+  text-size-adjust: 100%; /* 2 */
 }
 
 body {
@@ -100,7 +97,7 @@ textarea {
 }
 
 input[type="search"] {
-  -webkit-appearance: textfield;
+  appearance: textfield;
 }
 
 /* ==========================================================================
@@ -218,9 +215,9 @@ video {
   display: inline-block;
 }
 
-@media screen and (-webkit-min-device-pixel-ratio: 0) {
+@media screen {
   select {
-    -webkit-appearance: none;
+    appearance: none;
     border-radius: 0;
   }
 }

app/Resources/static/themes/baggy/css/save.scss

@@ -3,7 +3,7 @@
   ========================================================================== */
 
 .popup-form {
-  background: rgba(0, 0, 0, 0.5);
+  background: rgb(0 0 0 / 50%);
   position: absolute;
   top: 0;
   left: 10em;

app/Resources/static/themes/material/css/dark_theme.scss

@@ -19,13 +19,17 @@
     background-color: #121212;
   }
 
+  table.striped > tbody > tr:nth-child(2n+1),
   .dropdown-content li {
     background-color: #232323;
   }
 
   .dropdown-content li:hover,
   .dropdown-content li.active,
-  .dropdown-content li.selected {
+  .dropdown-content li.selected,
+  .pagination li:not(.active) a:hover,
+  .pagination li:not(.active) a:active,
+  .pagination li:not(.active) a:focus {
     background-color: #2c2c2c;
   }
 
@@ -105,10 +109,22 @@
   }
 
   .border-bottom,
-  .collapsible {
+  .collapsible,
+  .collapsible-body,
+  .collapsible-header {
     border-color: #222;
   }
 
+  .pagination li.active {
+    background-color: #666;
+  }
+
+  .hljs,
+  #article pre.hljs {
+    color: #abb2bf;
+    background-color: #282c34;
+  }
+
   @media only screen and (min-width: 992px) {
     #article {
       background-color: #101010;

app/Resources/static/themes/material/css/entries.scss

@@ -27,7 +27,7 @@
 }
 
 .card-stacked {
-  input[type=checkbox] {
+  input[type="checkbox"] {
     position: relative;
     opacity: initial;
     left: 0;
@@ -77,6 +77,16 @@
 
   li {
     padding: 0;
+
+    &:not(.active) a:hover,
+    &:not(.active) a:active,
+    &:not(.active) a:focus {
+      background-color: #e6e6e6;
+    }
+
+    &:not(:last-of-type) {
+      margin-right: 10px;
+    }
   }
 
   span,

app/Resources/static/themes/material/css/icons.scss

@@ -8,7 +8,7 @@
  *
  */
 .material-icons {
-  font-family: 'Material Icons';
+  font-family: "Material Icons";
   font-weight: normal;
   font-style: normal;
   font-size: 24px; /* Preferred icon size */
@@ -32,7 +32,7 @@
   -moz-osx-font-smoothing: grayscale;
 
   /* Support for IE. */
-  font-feature-settings: 'liga';
+  font-feature-settings: "liga";
 
   .md-18 {
     font-size: 18px;
@@ -51,18 +51,18 @@
   }
 
   .md-dark {
-    color: rgba(0, 0, 0, 0.54);
+    color: rgb(0 0 0 / 54%);
 
     .md-inactive {
-      color: rgba(0, 0, 0, 0.26);
+      color: rgb(0 0 0 / 26%);
     }
   }
 
   .md-light {
-    color: rgba(255, 255, 255, 1);
+    color: rgb(255 255 255 / 100%);
 
     .md-inactive {
-      color: rgba(255, 255, 255, 0.3);
+      color: rgb(255 255 255 / 30%);
     }
   }
 }
@@ -185,5 +185,5 @@ footer [class*=" icon-"] {
 
 footer [class^="icon-"]:hover,
 footer [class*=" icon-"]:hover {
-  text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
+  text-shadow: 0 0 10px rgb(0 0 0 / 30%);
 }

app/Resources/static/themes/material/css/index.scss

@@ -1,18 +1,18 @@
-@import 'variables';
+@import "variables";
 
 /* Style */
-@import 'article';
-@import 'cards';
-@import 'entries';
-@import 'filters';
-@import 'layout';
-@import 'nav';
-@import 'sidenav';
-@import 'various';
-@import 'dark_theme';
+@import "article";
+@import "cards";
+@import "entries";
+@import "filters";
+@import "layout";
+@import "nav";
+@import "sidenav";
+@import "various";
+@import "dark_theme";
 
 /* Tools */
-@import 'fonts';
-@import 'icons';
-@import 'print';
-@import 'media_queries';
+@import "fonts";
+@import "icons";
+@import "print";
+@import "media_queries";

app/Resources/static/themes/material/css/media_queries.scss

@@ -103,7 +103,7 @@
 
 @media only screen and (min-width: 1200px) and (max-width: 1650px) {
   .row .col.l3 {
-    width: 33.33333%;
+    width: 33.3333%;
     margin-left: 0;
   }
 }
@@ -116,12 +116,12 @@
     }
 
     .col.l2 {
-      width: 33.33333%;
+      width: 33.3333%;
       margin-left: 0;
     }
 
     .col.l3 {
-      width: 41.66667%;
+      width: 41.6667%;
       margin-left: 0;
     }
 
@@ -131,12 +131,12 @@
     }
 
     .col.l5 {
-      width: 58.33333%;
+      width: 58.333%;
       margin-left: 0;
     }
 
     .col.l6 {
-      width: 66.66667%;
+      width: 66.6667%;
       margin-left: 0;
     }
 
@@ -146,12 +146,12 @@
     }
 
     .col.l8 {
-      width: 83.33333%;
+      width: 83.3333%;
       margin-left: 0;
     }
 
     .col.l9 {
-      width: 91.66667%;
+      width: 91.6667%;
       margin-left: 0;
     }
 

app/Resources/static/themes/material/css/nav.scss

@@ -1,4 +1,3 @@
-
 /* ==========================================================================
    Nav
    ========================================================================== */

app/Resources/static/themes/material/index.js

@@ -63,9 +63,10 @@ function darkTheme() {
   };
   const preferedColorScheme = {
     choose() {
-      if (this.isAvailable() && themeCookie.exists() === 0) {
+      const themeCookieExists = themeCookie.exists();
+      if (this.isAvailable() && !themeCookieExists) {
         const isPreferedColorSchemeDark = window.matchMedia('(prefers-color-scheme: dark)').matches === true;
-        if (themeCookie.exists() === 0) {
+        if (!themeCookieExists) {
           themeDom[isPreferedColorSchemeDark ? 'addClass' : 'removeClass'](rootEl);
         }
       }