Dark Theme support

Now when prefers-color-scheme is set to "dark", a dark theme will be used.
SVGs have been updated to allow for it, and also compressed to optimize.
This commit is contained in:
MassiveBox 2023-04-12 21:32:15 +02:00
parent 57b97d3ab5
commit 3ac161e740
7 changed files with 52 additions and 309 deletions

View file

@ -1,47 +1 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
viewBox="0 0 64 64"
style="enable-background:new 0 0 64 64"
xml:space="preserve"
version="1.1"
id="svg6"
sodipodi:docname="oven.svg"
inkscape:version="1.0.2 (e86c870879, 2021-01-15)"><metadata
id="metadata12"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
id="defs10" /><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1859"
inkscape:window-height="1017"
id="namedview8"
showgrid="false"
inkscape:zoom="16"
inkscape:cx="22.304161"
inkscape:cy="16.24794"
inkscape:window-x="1085"
inkscape:window-y="27"
inkscape:window-maximized="1"
inkscape:current-layer="svg6" /><path
d="M 59.767,6.07 H 4.233 C 2.4479872,6.072205 1.001653,7.5189866 1,9.304 v 40.895 c 0,1.431 0.942,2.635 2.233,3.059 v 2.593 c 0,1.146 0.934,2.079 2.082,2.079 H 16.29 c 1.148458,-5.49e-4 2.079795,-0.930544 2.082,-2.079 V 53.432 H 45.63 v 2.419 c 0,1.146 0.932,2.079 2.079,2.079 h 10.978 c 1.147352,-0.0017 2.076898,-0.931647 2.078,-2.079 V 53.258 C 62.06,52.834 63,51.63 63,50.198 V 9.305 C 62.998347,7.5199866 61.552013,6.073205 59.767,6.071 Z M 14.873,54.3515 c 0,0.041 -0.04,0.079 -0.082,0.079 L 6.815,54.43 c -0.043,-3e-6 -0.0825,-0.0375 -0.0825,-0.0785 V 53.432 h 8.1405 v 0.9205 z m 42.394,-5e-4 c -5.39e-4,0.0434 -0.0361,0.07846 -0.0795,0.079 H 49.21 c -0.0438,3e-6 -0.07995,-0.03471 -0.0805,-0.0785 V 53.432 h 8.137 v 0.9205 z M 59.5,48.7 c 0.0042,1.262449 -0.5545,1.233 -1.2335,1.233 H 5.7325 C 5.0525,49.932 4.4995,49.38 4.4995,48.7 V 10.617 c 0,-0.68 0.553,-1.046 1.233,-1.046 h 52.534 c 0.68,0 1.233,0.365 1.233,1.046 v 38.082 z"
id="path2"
style="stroke-width:0;stroke-miterlimit:4;stroke-dasharray:none"
sodipodi:nodetypes="cccscssccccsscccsccccssscccccccccccccscssssscc" /><path
d="M 46.105,12.67 H 7.75 c -0.5522847,0 -1,0.447715 -1,1 v 32.18 c 0,0.552285 0.4477153,1 1,1 h 38.356 c 0.552285,0 1,-0.447715 1,-1 V 13.67 c 0,-0.552285 -0.447715,-1 -1,-1 z m -2.5,2 -5e-4,12.592 H 10.25 V 16.17 H 43.6055 Z M 10.25,43.35 V 30.762 H 43.6055 V 43.35 Z M 51.39,18.044 h 4.789 c 1.333333,0 1.333333,-3.5 0,-3.5 H 51.39 c -1.333333,0 -1.333333,3.5 0,3.5 z m 0,6.754 h 4.789 c 1.333333,0 1.333333,-3.5 0,-3.5 H 51.39 c -1.333333,0 -1.333333,3.5 0,3.5 z m 2.535,11.794 c -2.202,0 -3.993,1.791 -3.993,3.994 0,2.203 1.79,3.993 3.993,3.993 2.203,0 3.994,-1.791 3.994,-3.994 0,-2.203 -1.792,-3.993 -3.994,-3.993 z m 0,5.987 c -1.099,0 -1.993,-0.894 -1.993,-1.994 0,-1.1 0.894,-1.993 1.993,-1.993 1.1,0 1.994,0.894 1.994,1.993 0,1.099 -0.895,1.994 -1.994,1.994 z M 51.39,31.81 h 4.789 c 1.333333,0 1.333333,-3.5 0,-3.5 H 51.39 c -1.333333,0 -1.333333,3.5 0,3.5 z"
id="path4"
style="stroke-width:0;stroke-miterlimit:4;stroke-dasharray:none"
sodipodi:nodetypes="cssssssssccccccccccccsssssssssssssssssssssssss" /></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g id="layer"><path d="M59.767 6.07H4.233A3.237 3.237 0 0 0 1 9.304v40.895c0 1.431.942 2.635 2.233 3.059v2.593c0 1.146.934 2.079 2.082 2.079H16.29c1.148 0 2.08-.93 2.082-2.079v-2.419H45.63v2.419c0 1.146.932 2.079 2.079 2.079h10.978a2.081 2.081 0 0 0 2.078-2.079s-.347-2.52.42-3.245c.718-.678 1.108-1.002 1.771-1.322.812-.39 0-41.894 0-41.894.138-2.939-1.404-3.317-3.189-3.319ZM14.873 54.352c0 .04-.04.079-.082.079l-7.976-.001c-.043 0-.083-.037-.083-.079v-.919h8.141v.92zm42.394-.001a.08.08 0 0 1-.08.079H49.21a.08.08 0 0 1-.08-.079v-.919h8.136v.92zM59.5 48.7c.004 1.262-.554 1.233-1.234 1.233H5.733A1.235 1.235 0 0 1 4.5 48.7V10.617c0-.68.553-1.046 1.233-1.046h52.533c.68 0 1.234.365 1.234 1.046v38.082z"/><path d="M46.105 12.67H7.75a1 1 0 0 0-1 1v32.18a1 1 0 0 0 1 1h38.356a1 1 0 0 0 1-1V13.67a1 1 0 0 0-1-1zm-2.518 3.529-.06 11.11-33.277-.047V16.17ZM10.25 43.35V30.762h33.355V43.35Zm41.14-25.306h4.789c1.333 0 1.333-3.5 0-3.5H51.39c-1.333 0-1.333 3.5 0 3.5zm0 6.754h4.789c1.333 0 1.333-3.5 0-3.5H51.39c-1.333 0-1.333 3.5 0 3.5zm2.535 11.794a3.997 3.997 0 0 0-3.993 3.994 3.996 3.996 0 0 0 3.993 3.993 3.998 3.998 0 0 0 3.994-3.994 3.997 3.997 0 0 0-3.994-3.993zM51.39 31.81h4.789c1.333 0 1.333-3.5 0-3.5H51.39c-1.333 0-1.333 3.5 0 3.5z"/></g></svg>

Before

Width:  |  Height:  |  Size: 3.5 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

Before After
Before After