Minor graphical improvements

- Uniform style of SVGs
- Add style directly inside SVGs to switch to dark mode - the previous solution didn't work in Chromium for some reason
This commit is contained in:
MassiveBox 2023-04-14 18:20:25 +02:00
parent 3ac161e740
commit 08be78f907
8 changed files with 12 additions and 29 deletions

View file

@ -1 +1 @@
<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>
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="100" height="100"><style>@media (prefers-color-scheme:dark){*{stroke:#fff!important}}</style><path d="M6.19 82.859h24.26zM70.238 82.82h24.258z" style="stroke:#000;stroke-width:4.988;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/><path d="M92.552 10.252H7.448a4.96 4.96 0 0 0-4.954 4.956v62.669c0 2.193 1.444 4.038 3.422 4.688v3.973a3.192 3.192 0 0 0 3.19 3.186h16.82a3.192 3.192 0 0 0 3.19-3.186v-3.707h41.771v3.707a3.19 3.19 0 0 0 3.186 3.186h16.823a3.19 3.19 0 0 0 3.185-3.186v-3.973c1.984-.65 3.425-2.495 3.425-4.69V15.21a4.96 4.96 0 0 0-4.954-4.956z" style="fill:none;stroke:#000;stroke-width:4.988;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;stroke-linejoin:round"/><path d="M84.418 60.085a5.878 5.878 0 0 0-5.872 5.873 5.876 5.876 0 0 0 5.872 5.872 5.879 5.879 0 0 0 5.873-5.873 5.878 5.878 0 0 0-5.873-5.872z" style="fill:none;stroke:#000;stroke-width:4.5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/><path d="M70.166 21.125H13.471c-.816 0-1.478.662-1.478 1.478v47.568c0 .816.662 1.478 1.478 1.478h56.697c.816 0 1.478-.662 1.478-1.478V22.603c0-.816-.662-1.478-1.478-1.478z" style="fill:none;stroke:#000;stroke-width:5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;stroke-linejoin:round"/><path d="M79.919 21.287h9zM79.919 29.409h9zM79.919 36.867h9z" style="stroke:#000;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill"/><path d="M12.92 46.546h57.893z" style="stroke:#000;stroke-width:5;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill"/></svg>

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

Before After
Before After