[themes] fix icons for embed viewer

This commit is contained in:
maxkadushkin
2025-05-30 23:57:52 +03:00
parent 5210d22a43
commit 32b7d2b3eb
2 changed files with 224 additions and 25 deletions

View File

@ -0,0 +1,182 @@
<svg xmlns="http://www.w3.org/2000/svg" width="720" height="48" fill="none" viewBox="0 0 720 48" stroke-linecap="round" stroke-linejoin="round">
<g id="menu-dark">
<path stroke="#383838" d="M5.5 7.5h13m-13 5h13m-13 5h13"/>
</g>
<g id="menu-light">
<path stroke="#EAEAEA" d="M5.5 31.5h13m-13 5h13m-13 5h13"/>
</g>
<g id="download-dark">
<path stroke="#383838" d="M30.5 17.5v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-1m-6-1 4-4m-4 4-4-4m4 4v-12"/>
</g>
<g id="download-light">
<path stroke="#EAEAEA" d="M30.5 41.5v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-1m-6-1 4-4m-4 4-4-4m4 4v-12"/>
</g>
<g id="share-dark">
<path stroke="#383838" d="m57.5 11.5 4-2m0 6-4-2m8.004-4.998a2.002 2.002 0 1 1-4.004 0 2.002 2.002 0 0 1 4.004 0Zm-8 4a2.002 2.002 0 1 1-4.004 0 2.002 2.002 0 0 1 4.004 0Zm8 4a2.002 2.002 0 1 1-4.004 0 2.002 2.002 0 0 1 4.004 0Z"/>
</g>
<g id="share-light">
<path stroke="#EAEAEA" d="m57.5 35.5 4-2m0 6-4-2m8.004-4.998a2.002 2.002 0 1 1-4.004 0 2.002 2.002 0 0 1 4.004 0Zm-8 4a2.002 2.002 0 1 1-4.004 0 2.002 2.002 0 0 1 4.004 0Zm8 4a2.002 2.002 0 1 1-4.004 0 2.002 2.002 0 0 1 4.004 0Z"/>
</g>
<g id="embed-dark">
<path stroke="#383838" d="M82.57 9.43 80 12l2.57 2.57m2.86-5.14L88 12l-2.57 2.57M76.5 7.5v9a1 1 0 0 0 1 1h13a1 1 0 0 0 1-1v-9a1 1 0 0 0-1-1h-13a1 1 0 0 0-1 1"/>
</g>
<g id="embed-light">
<path stroke="#EAEAEA" d="M82.57 33.43 80 36l2.57 2.57m2.86-5.14L88 36l-2.57 2.57M76.5 31.5v9a1 1 0 0 0 1 1h13a1 1 0 0 0 1-1v-9a1 1 0 0 0-1-1h-13a1 1 0 0 0-1 1"/>
</g>
<g id="full-screen-dark">
<path stroke="#383838" d="M100.5 6.5v-2h2m-2 13v2h2m11-15h2v2m0 11v2h-2m-9-12h7a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1h-7a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1"/>
</g>
<g id="full-screen-light">
<path stroke="#EAEAEA" d="M100.5 30.5v-2h2m-2 13v2h2m11-15h2v2m0 11v2h-2m-9-12h7a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1h-7a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1"/>
</g>
<g id="zoom-in-dark">
<path stroke="#383838" d="M131.5 5.5v6m0 0v6m0-6h6m-6 0h-6"/>
</g>
<g id="zoom-in-light">
<path stroke="#EAEAEA" d="M131.5 29.5v6m0 0v6m0-6h6m-6 0h-6"/>
</g>
<g id="zoom-out-dark">
<path stroke="#383838" d="M161.5 11.5h-12"/>
</g>
<g id="zoom-out-light">
<path stroke="#EAEAEA" d="M161.5 35.5h-12"/>
</g>
<g id="go-to-first-dark">
<path stroke="#383838" d="M184.57 6.43 179 12l5.57 5.57M176.5 6.5v11"/>
</g>
<g id="go-to-first-light">
<path stroke="#EAEAEA" d="M184.57 30.43 179 36l5.57 5.57M176.5 30.5v11"/>
</g>
<g id="go-to-last-dark">
<path stroke="#383838" d="M199.43 6.43 205 12l-5.57 5.57m8.07-11.14v11.14"/>
</g>
<g id="go-to-last-light">
<path stroke="#EAEAEA" d="M199.43 30.43 205 36l-5.57 5.57m8.07-11.14v11.14"/>
</g>
<g id="play-dark">
<path fill="#383838" d="M224 6.454a.75.75 0 0 1 1.056-.685l.094.05 8.783 5.548.082.06a.75.75 0 0 1 0 1.148l-.082.06-8.783 5.546a.75.75 0 0 1-1.15-.634z"/>
</g>
<g id="play-light">
<path fill="#EAEAEA" d="M224 30.453a.75.75 0 0 1 1.056-.684l.094.05 8.783 5.548.082.06a.75.75 0 0 1 0 1.148l-.082.06-8.783 5.546a.75.75 0 0 1-1.15-.634V30.454Z"/>
</g>
<g id="pause-dark">
<path fill="#383838" d="M249.5 6a1.5 1.5 0 0 1 1.5 1.5v9a1.5 1.5 0 0 1-1.5 1.5h-2a1.5 1.5 0 0 1-1.5-1.5v-9a1.5 1.5 0 0 1 1.5-1.5zm7 0a1.5 1.5 0 0 1 1.5 1.5v9a1.5 1.5 0 0 1-1.5 1.5h-2a1.5 1.5 0 0 1-1.5-1.5v-9a1.5 1.5 0 0 1 1.5-1.5z"/>
</g>
<g id="pause-light">
<path fill="#EAEAEA" d="M249.5 30a1.5 1.5 0 0 1 1.5 1.5v9a1.5 1.5 0 0 1-1.5 1.5h-2a1.5 1.5 0 0 1-1.5-1.5v-9a1.5 1.5 0 0 1 1.5-1.5zm7 0a1.5 1.5 0 0 1 1.5 1.5v9a1.5 1.5 0 0 1-1.5 1.5h-2a1.5 1.5 0 0 1-1.5-1.5v-9a1.5 1.5 0 0 1 1.5-1.5z"/>
</g>
<g id="print-dark">
<path stroke="#383838" d="M271.5 15.502v-2.848a.15.15 0 0 1 .15-.15h8.7a.15.15 0 0 1 .15.15v2.848m-9 0V17.5a1 1 0 0 0 1 1h7a1 1 0 0 0 1-1v-1.998m-9 0h-2a1 1 0 0 1-1-1V9.5a1 1 0 0 1 1-1h2m9 7.002h2a1 1 0 0 0 1-1V9.5a1 1 0 0 0-1-1h-2m0 0v-2a1 1 0 0 0-1-1h-7a1 1 0 0 0-1 1v2m9 0h-9"/>
</g>
<g id="print-light">
<path stroke="#EAEAEA" d="M271.5 39.502v-2.848a.15.15 0 0 1 .15-.15h8.7a.15.15 0 0 1 .15.15v2.848m-9 0V41.5a1 1 0 0 0 1 1h7a1 1 0 0 0 1-1v-1.998m-9 0h-2a1 1 0 0 1-1-1V33.5a1 1 0 0 1 1-1h2m9 7.002h2a1 1 0 0 0 1-1V33.5a1 1 0 0 0-1-1h-2m0 0v-2a1 1 0 0 0-1-1h-7a1 1 0 0 0-1 1v2m9 0h-9"/>
</g>
<g id="clear-style-dark">
<path stroke="#383838" d="M299.5 18.5h-3.938a.15.15 0 0 1-.106-.044l-2.249-2.249a1 1 0 0 1 0-1.414L298.5 9.5m1 9 4-4m-4 4h6m-7-9 2.293-2.293a1 1 0 0 1 1.414 0l3.586 3.586a1 1 0 0 1 0 1.414L303.5 14.5m-5-5 5 5"/>
</g>
<g id="clear-style-light">
<path stroke="#EAEAEA" d="M299.5 42.5h-3.938a.15.15 0 0 1-.106-.044l-2.249-2.249a1 1 0 0 1 0-1.414L298.5 33.5m1 9 4-4m-4 4h6m-7-9 2.293-2.293a1 1 0 0 1 1.414 0l3.586 3.586a1 1 0 0 1 0 1.414L303.5 38.5m-5-5 5 5"/>
</g>
<g id="edit-dark">
<path stroke="#383838" d="m324.5 7.5-7 7v3h3l7-7m-3-3 2.293-2.293a1 1 0 0 1 1.414 0l1.586 1.586a1 1 0 0 1 0 1.414L327.5 10.5m-3-3 3 3m-3 7h6"/>
</g>
<g id="edit-light">
<path stroke="#EAEAEA" d="m324.5 31.5-7 7v3h3l7-7m-3-3 2.293-2.293a1 1 0 0 1 1.414 0l1.586 1.586a1 1 0 0 1 0 1.414L327.5 34.5m-3-3 3 3m-3 7h6"/>
</g>
<g id="more-vertical-dark">
<path stroke="#383838" d="M348.699 12a.7.7 0 1 1-1.398 0 .7.7 0 0 1 1.398 0Zm0 5a.7.7 0 1 1-1.398 0 .7.7 0 0 1 1.398 0Zm0-10a.7.7 0 1 1-1.398 0 .7.7 0 0 1 1.398 0Z"/>
</g>
<g id="more-vertical-light">
<path stroke="#EAEAEA" d="M348.699 36a.7.7 0 1 1-1.398 0 .7.7 0 0 1 1.398 0Zm0 5a.7.7 0 1 1-1.398 0 .7.7 0 0 1 1.398 0Zm0-10a.7.7 0 1 1-1.398 0 .7.7 0 0 1 1.398 0Z"/>
</g>
<g id="go-to-location-dark">
<path stroke="#383838" d="M365.5 10.504V16.5a1 1 0 0 0 1 1h3m-4-6.996V6.5a1 1 0 0 1 1-1h3.586a1 1 0 0 1 .707.293l1.414 1.414a1 1 0 0 0 .707.293h4.586a1 1 0 0 1 1 1v2.004m-13 0h13m0 1.996v-1.996m-6 6.996h7m0 0-3-3m3 3-3 3"/>
</g>
<g id="go-to-location-light">
<path stroke="#EAEAEA" d="M365.5 34.504V40.5a1 1 0 0 0 1 1h3m-4-6.996V30.5a1 1 0 0 1 1-1h3.586a1 1 0 0 1 .707.293l1.414 1.414a1 1 0 0 0 .707.293h4.586a1 1 0 0 1 1 1v2.004m-13 0h13m0 1.996v-1.996m-6 6.996h7m0 0-3-3m3 3-3 3"/>
</g>
<g id="arrow-down-dark">
<path stroke="#383838" d="m396.5 19.5 5-5m-5 5-5-5m5 5v-14"/>
</g>
<g id="arrow-down-light">
<path stroke="#EAEAEA" d="m396.5 43.5 5-5m-5 5-5-5m5 5v-14"/>
</g>
<g id="arrow-up-dark">
<path stroke="#383838" d="m420.5 5.5 5 5m-5-5-5 5m5-5v14"/>
</g>
<g id="arrow-up-light">
<path stroke="#EAEAEA" d="m420.5 29.5 5 5m-5-5-5 5m5-5v14"/>
</g>
<g id="close-dark">
<path stroke="#383838" d="m449.5 6.502-5.501 5.5m0 0-5.5 5.498m5.5-5.499 5.501 5.5m-5.501-5.5-5.5-5.498"/>
</g>
<g id="close-light">
<path stroke="#EAEAEA" d="m449.5 30.502-5.501 5.5m0 0-5.5 5.498m5.5-5.499 5.501 5.5m-5.501-5.5-5.5-5.498"/>
</g>
<g id="cut-dark">
<path stroke="#383838" d="M463.5 11.502a2.002 2.002 0 1 1 0-4.005 2.002 2.002 0 0 1 0 4.005m0 0h4.163m6.001-6.002-6.001 6.002m-3.675 3.674 3.675-3.675m2.837-.001h5m-10 2.998a2.002 2.002 0 1 0 0 4.005 2.002 2.002 0 0 0 0-4.005"/>
</g>
<g id="cut-light">
<path stroke="#EAEAEA" d="M463.5 35.502a2.002 2.002 0 1 1 0-4.005 2.002 2.002 0 0 1 0 4.005m0 0h4.163m6.001-6.002-6.001 6.002m-3.675 3.674 3.675-3.675m2.837-.001h5m-10 2.998a2.002 2.002 0 1 0 0 4.005 2.002 2.002 0 0 0 0-4.005"/>
</g>
<g id="copy-dark">
<path stroke="#383838" d="M487.5 13.5h-1a1 1 0 0 1-1-1V6.504a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1V7.5m-3 4.004V17.5a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-5.996a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1"/>
</g>
<g id="copy-light">
<path stroke="#EAEAEA" d="M487.5 37.5h-1a1 1 0 0 1-1-1v-5.996a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v.996m-3 4.004V41.5a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-5.996a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1"/>
</g>
<g id="paste-dark">
<path stroke="#383838" d="m519.5 6.5 1.002.002a1 1 0 0 1 .998 1V17.5a1 1 0 0 1-1 1h-9a1 1 0 0 1-1-1V7.504a1 1 0 0 1 1-1h1m7-.004V7a.5.5 0 0 1-.5.5h-6a.5.5 0 0 1-.5-.5v-.496m7-.004V6a.5.5 0 0 0-.5-.5h-6a.5.5 0 0 0-.5.5v.504m1 7.996h4m-4-3h5"/>
</g>
<g id="paste-light">
<path stroke="#EAEAEA" d="m519.5 30.5 1.002.002a1 1 0 0 1 .998 1V41.5a1 1 0 0 1-1 1h-9a1 1 0 0 1-1-1v-9.996a1 1 0 0 1 1-1h1m7-.004v.5a.5.5 0 0 1-.5.5h-6a.5.5 0 0 1-.5-.5v-.496m7-.004V30a.5.5 0 0 0-.5-.5h-6a.5.5 0 0 0-.5.5v.504m1 7.996h4m-4-3h5"/>
</g>
<g id="undo-dark">
<path stroke="#383838" d="M540.5 19.5h1a5 5 0 0 0 0-10h-8m0 0 4-4m-4 4 4 4"/>
</g>
<g id="undo-light">
<path stroke="#EAEAEA" d="M540.5 43.5h1a5 5 0 0 0 0-10h-8m0 0 4-4m-4 4 4 4"/>
</g>
<g id="redo-dark">
<path stroke="#383838" d="m566.5 5.5 4 4m0 0-4 4m4-4h-8a5 5 0 0 0 0 10h1"/>
</g>
<g id="redo-light">
<path stroke="#EAEAEA" d="m566.5 29.5 4 4m0 0-4 4m4-4h-8a5 5 0 0 0 0 10h1"/>
</g>
<g id="search-dark">
<path stroke="#383838" d="m591 15 3.5 3.5m-2-7.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0"/>
</g>
<g id="search-light">
<path stroke="#EAEAEA" d="m591 39 3.5 3.5m-2-7.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0"/>
</g>
<g id="show-dark">
<path fill="#383838" d="m613.333 13.49-.333-.372zm-2.824-2.823.373.333zM604.5 12l-.47-.17a.5.5 0 0 0 0 .34zm15 0 .47.17a.5.5 0 0 0 0-.34zm-7.5 2v-.5a1.5 1.5 0 0 1-1.5-1.5h-1a2.5 2.5 0 0 0 2.5 2.5zm0-4v.5a1.5 1.5 0 0 1 1.5 1.5h1a2.5 2.5 0 0 0-2.5-2.5zm2 2h-.5c0 .444-.192.843-.5 1.118l.333.373.334.372c.51-.457.833-1.122.833-1.863zm-.667 1.49-.333-.372a1.5 1.5 0 0 1-1 .382v1c.64 0 1.225-.241 1.667-.637zM610 12h.5c0-.384.144-.734.382-1l-.373-.333-.372-.334A2.5 2.5 0 0 0 609.5 12zm.509-1.333.373.333c.275-.307.674-.5 1.118-.5v-1c-.74 0-1.406.323-1.863.833zM604.5 12l-.47.171.001.003.002.004.005.015.1.243a10.8 10.8 0 0 0 1.671 2.641C607.059 16.524 609.062 18 612 18v-1c-2.562 0-4.309-1.274-5.434-2.577a9.8 9.8 0 0 1-1.511-2.386 6 6 0 0 1-.085-.207v-.002zm7.5 5.5v.5c2.938 0 4.941-1.476 6.191-2.923a10.8 10.8 0 0 0 1.671-2.641 7 7 0 0 0 .1-.243l.005-.015.002-.005.001-.001-.47-.172-.47-.171a9.8 9.8 0 0 1-1.596 2.593C616.309 15.726 614.562 17 612 17zm7.5-5.5.47-.171-.001-.003-.002-.004-.005-.015-.1-.243a10.8 10.8 0 0 0-1.671-2.641C616.941 7.476 614.938 6 612 6v1c2.562 0 4.309 1.274 5.434 2.577a9.8 9.8 0 0 1 1.511 2.386 6 6 0 0 1 .085.207v.002zM612 6.5V6c-2.938 0-4.941 1.476-6.191 2.923a10.8 10.8 0 0 0-1.671 2.641 7 7 0 0 0-.1.243l-.005.015-.002.005-.001.001.47.172.47.171a9.8 9.8 0 0 1 1.596-2.593C607.691 8.274 609.438 7 612 7z"/>
</g>
<g id="show-light">
<path fill="#EAEAEA" d="m613.333 37.49-.333-.372zm-2.824-2.823.373.333zM604.5 36l-.47-.17a.5.5 0 0 0 0 .34zm15 0 .47.17a.5.5 0 0 0 0-.34zm-7.5 2v-.5a1.5 1.5 0 0 1-1.5-1.5h-1a2.5 2.5 0 0 0 2.5 2.5zm0-4v.5a1.5 1.5 0 0 1 1.5 1.5h1a2.5 2.5 0 0 0-2.5-2.5zm2 2h-.5c0 .444-.192.843-.5 1.118l.333.373.334.372c.51-.457.833-1.123.833-1.863zm-.667 1.49-.333-.372a1.5 1.5 0 0 1-1 .382v1c.64 0 1.225-.241 1.667-.637zM610 36h.5c0-.385.144-.734.382-1l-.373-.333-.372-.334A2.5 2.5 0 0 0 609.5 36zm.509-1.333.373.333c.275-.307.674-.5 1.118-.5v-1c-.74 0-1.406.323-1.863.833zM604.5 36l-.47.171.001.002.002.005.005.015.1.243a10.8 10.8 0 0 0 1.671 2.641C607.059 40.524 609.062 42 612 42v-1c-2.562 0-4.309-1.274-5.434-2.577a9.8 9.8 0 0 1-1.511-2.386 6 6 0 0 1-.085-.207v-.002zm7.5 5.5v.5c2.938 0 4.941-1.476 6.191-2.923a10.8 10.8 0 0 0 1.671-2.641 7 7 0 0 0 .1-.243l.005-.015.002-.005.001-.001-.47-.172-.47-.171a9.8 9.8 0 0 1-1.596 2.593C616.309 39.726 614.562 41 612 41zm7.5-5.5.47-.171-.001-.002-.002-.005-.005-.015-.1-.243a10.8 10.8 0 0 0-1.671-2.641C616.941 31.476 614.938 30 612 30v1c2.562 0 4.309 1.274 5.434 2.577a9.8 9.8 0 0 1 1.511 2.386 6 6 0 0 1 .085.207v.002zm-7.5-5.5V30c-2.938 0-4.941 1.476-6.191 2.923a10.8 10.8 0 0 0-1.671 2.641 7 7 0 0 0-.1.243l-.005.015-.002.005-.001.001.47.172.47.171a9.8 9.8 0 0 1 1.596-2.593C607.691 32.274 609.438 31 612 31z"/>
</g>
<g id="hide-dark">
<path fill="#383838" d="m628.5 12-.47-.17a.5.5 0 0 0 0 .34zm15 0 .47.17a.5.5 0 0 0 0-.34zm-3.229 4.762a.5.5 0 1 0-.542-.841zm1.341-2.551a.5.5 0 1 0 .776.63zm-9.798-5.812a.5.5 0 0 0-.604-.798zm2.054-2.119a.5.5 0 0 0 .264.965zm-3.014-.134a.501.501 0 0 0-.708.708zm10.292 11.708a.501.501 0 0 0 .708-.708zM628.5 12l-.47.171.001.003.002.004.005.015.1.243a10.8 10.8 0 0 0 1.671 2.641C631.059 16.524 633.062 18 636 18v-1c-2.562 0-4.309-1.274-5.434-2.577a9.8 9.8 0 0 1-1.511-2.386 6 6 0 0 1-.085-.207v-.002zm15 0 .47-.171-.001-.003-.002-.004-.005-.015-.1-.243a10.8 10.8 0 0 0-1.671-2.641C640.941 7.476 638.938 6 636 6v1c2.562 0 4.309 1.274 5.434 2.577a9.8 9.8 0 0 1 1.511 2.386 6 6 0 0 1 .085.207v.002zm-7.5 5.5v.5c1.731 0 3.145-.514 4.271-1.238l-.271-.42-.271-.421c-.98.63-2.207 1.079-3.729 1.079zm6-2.974.388.315c.553-.68.946-1.342 1.201-1.834a10 10 0 0 0 .355-.768l.018-.048.005-.014.002-.004.001-.001-.47-.172-.47-.171-.003.008-.013.035q-.019.048-.06.143a8 8 0 0 1-.253.532 10 10 0 0 1-1.089 1.664zM631.512 8l-.302-.399c-1.14.864-1.932 1.919-2.437 2.75a10.4 10.4 0 0 0-.695 1.355l-.034.087-.01.025-.002.007-.001.003h-.001l.47.172.47.171.001-.003.006-.015.027-.07a9.5 9.5 0 0 1 .623-1.213c.463-.761 1.177-1.707 2.187-2.471zM636 6.5V6a8 8 0 0 0-2.132.28l.132.483.132.482A7 7 0 0 1 636 7zm-5.5 0-.354.354 11 11 .354-.354.354-.354-11-11zM636 14v-.5a1.5 1.5 0 0 1-1.5-1.5h-1a2.5 2.5 0 0 0 2.5 2.5zm1.333-.509-.333-.373a1.5 1.5 0 0 1-1 .382v1c.64 0 1.225-.24 1.667-.636zM634 12.001h.5c0-.385.144-.735.382-1l-.373-.334-.372-.333A2.5 2.5 0 0 0 633.5 12z"/>
</g>
<g id="hide-light">
<path fill="#EAEAEA" d="m628.5 36-.47-.17a.5.5 0 0 0 0 .34zm15 0 .47.17a.5.5 0 0 0 0-.34zm-3.229 4.762a.5.5 0 1 0-.542-.841zm1.341-2.551a.5.5 0 1 0 .776.63zm-9.798-5.813a.5.5 0 0 0-.604-.797zm2.054-2.118a.5.5 0 0 0 .264.965zm-3.014-.134a.501.501 0 0 0-.708.708zm10.292 11.708a.501.501 0 0 0 .708-.708zM628.5 36l-.47.171.001.002.002.005.005.015.1.243a10.8 10.8 0 0 0 1.671 2.641C631.059 40.524 633.062 42 636 42v-1c-2.562 0-4.309-1.274-5.434-2.577a9.8 9.8 0 0 1-1.511-2.386 6 6 0 0 1-.085-.207v-.002zm15 0 .47-.171-.001-.002-.002-.005-.005-.015-.1-.243a10.8 10.8 0 0 0-1.671-2.641C640.941 31.476 638.938 30 636 30v1c2.562 0 4.309 1.274 5.434 2.577a9.8 9.8 0 0 1 1.511 2.386 6 6 0 0 1 .085.207v.002zm-7.5 5.5v.5c1.731 0 3.145-.514 4.271-1.238l-.271-.42-.271-.421c-.98.63-2.207 1.079-3.729 1.079zm6-2.974.388.315c.553-.68.946-1.342 1.201-1.834a10 10 0 0 0 .355-.768l.018-.048.005-.014.002-.004.001-.001-.47-.172-.47-.171-.003.008-.013.035-.06.143a8 8 0 0 1-.253.532 10 10 0 0 1-1.089 1.664zM631.512 32l-.302-.398c-1.14.863-1.932 1.918-2.437 2.749a10.4 10.4 0 0 0-.695 1.355l-.034.087-.01.025-.002.007-.001.003h-.001l.47.172.47.171.001-.003.006-.015.027-.07a9.5 9.5 0 0 1 .623-1.213c.463-.761 1.177-1.707 2.187-2.472zM636 30.5V30a8 8 0 0 0-2.132.28l.132.483.132.482A7 7 0 0 1 636 31zm-5.5 0-.354.354 11 11 .354-.354.354-.354-11-11zM636 38v-.5a1.5 1.5 0 0 1-1.5-1.5h-1a2.5 2.5 0 0 0 2.5 2.5zm1.333-.509-.333-.373a1.5 1.5 0 0 1-1 .382v1c.64 0 1.225-.24 1.667-.636zM634 36.001h.5c0-.385.144-.735.382-1l-.373-.334-.372-.334A2.5 2.5 0 0 0 633.5 36z"/>
</g>
<g id="chevron-up-dark">
<path stroke="#383838" d="M665.5 14.5 660 9l-5.5 5.5"/>
</g>
<g id="chevron-up-light">
<path stroke="#EAEAEA" d="M665.5 38.5 660 33l-5.5 5.5"/>
</g>
<g id="chevron-down-dark">
<path stroke="#383838" d="M689.5 9.5 684 15l-5.5-5.5"/>
</g>
<g id="chevron-down-light">
<path stroke="#EAEAEA" d="M689.5 33.5 684 39l-5.5-5.5"/>
</g>
<g id="filing-status-dark">
<path stroke="#383838" d="M704.5 5.5h9a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1h-9m0-13h-2a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h2m0-13v13m3-11h4m-4 3h3m-3 3h4m-4 3h3"/>
</g>
<g id="filing-status-light">
<path stroke="#EAEAEA" d="M704.5 29.5h9a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1h-9m0-13h-2a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h2m0-13v13m3-11h4m-4 3h3m-3 3h4m-4 3h3"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 16 KiB

View File

@ -8,6 +8,7 @@
@import "../../../../common/main/resources/less/colors-table-dark-contrast.less";
@import "../../../../common/main/resources/less/colors-table-gray.less";
@import "../../../../common/main/resources/less/colors-table-white.less";
@import "../../../../common/main/resources/less/colors-table-white-dark.less";
// Core variables and mixins
@import "../../../../common/main/resources/mods/less/mixins.less";
@ -279,6 +280,10 @@
background-origin: content-box;
padding: 1px 0 0 1px;
.theme-icons-cls-mod2 & {
padding: 0;
}
.box-shadow(0 0 0 2px rgba(255,255,255,0.3));
&:hover {
@ -413,131 +418,143 @@
.theme-type-dark {
@neg-value: -@icon-height;
--icon-normal-top: @neg-value;
--icon-normal-top: calc(@x-small-btn-icon-size * -1);
}
@icon-normal-top: var(--icon-normal-top, 0);
.svg-icon {
background: data-uri('../../../../common/forms/resources/img/icon-menu-sprite.svg') no-repeat;
background-size: @icon-width*30 @icon-height*2;
background-size: calc(@x-small-btn-icon-size * 30) auto;
.theme-icons-cls-mod2 & {
background-image: data-uri('../../../../common/forms/resources/img/icon-menu-sprite-v2.svg');
}
&.download {
background-position: -@icon-width 0;
background-position: -@icon-width @icon-normal-top;
background-position: calc(@x-small-btn-icon-size * -1) @icon-normal-top;
}
&.share {
background-position: -@icon-width*2 0;
background-position: -@icon-width*2 @icon-normal-top;
background-position: calc(@x-small-btn-icon-size * -2) @icon-normal-top;
}
&.embed {
background-position: -@icon-width*3 0;
background-position: -@icon-width*3 @icon-normal-top;
background-position: calc(@x-small-btn-icon-size * -3) @icon-normal-top;
}
&.fullscr {
background-position: -@icon-width*4 0;
background-position: -@icon-width*4 @icon-normal-top;
background-position: calc(@x-small-btn-icon-size * -4) @icon-normal-top;
}
&.zoom-in {
background-position: -@icon-width*5 0;
background-position: -@icon-width*5 @icon-normal-top;
background-position: calc(@x-small-btn-icon-size * -5) @icon-normal-top;
}
&.zoom-out {
background-position: -@icon-width*6 0;
background-position: -@icon-width*6 @icon-normal-top;
background-position: calc(@x-small-btn-icon-size * -6) @icon-normal-top;
}
&.zoom-up {
background-position: -@icon-width*5 -@icon-height;
background-position: calc(@x-small-btn-icon-size * -5) calc(@x-small-btn-icon-size * -1);
}
&.zoom-down {
background-position: -@icon-width*6 -@icon-height;
background-position: calc(@x-small-btn-icon-size * -6) calc(@x-small-btn-icon-size * -1);
}
&.slide-prev {
background-position: -@icon-width*7 -@icon-height;
background-position: calc(@x-small-btn-icon-size * -7) calc(@x-small-btn-icon-size * -1);
}
&.slide-next {
background-position: -@icon-width*8 -@icon-height;
background-position: calc(@x-small-btn-icon-size * -8) calc(@x-small-btn-icon-size * -1);
}
&.play {
background-position: -@icon-width*9 -@icon-height;
background-position: calc(@x-small-btn-icon-size * -9) calc(@x-small-btn-icon-size * -1);
}
&.pause {
background-position: -@icon-width*10 -@icon-height;
background-position: calc(@x-small-btn-icon-size * -10) calc(@x-small-btn-icon-size * -1);
}
&.print {
background-position: -@icon-width*11 0;
background-position: -@icon-width*11 @icon-normal-top;
background-position: calc(@x-small-btn-icon-size * -11) @icon-normal-top;
}
&.arrow-up {
background-position: -@icon-width*17 0;
background-position: -@icon-width*17 @icon-normal-top;
background-position: calc(@x-small-btn-icon-size * -17) @icon-normal-top;
}
&.arrow-down {
@icon-width: 24px;
background-position: -@icon-width*16 0;
background-position: -@icon-width*16 @icon-normal-top;
background-position: calc(@x-small-btn-icon-size * -16) @icon-normal-top;
}
&.clear-style {
background-position: -@icon-width*12 0;
background-position: -@icon-width*12 @icon-normal-top;
background-position: calc(@x-small-btn-icon-size * -12) @icon-normal-top;
}
&.go-to-location {
background-position: -@icon-width*15 0;
background-position: -@icon-width*15 @icon-normal-top;
background-position: calc(@x-small-btn-icon-size * -15) @icon-normal-top;
}
&.more-vertical {
background-position: -@icon-width*14 0;
background-position: -@icon-width*14 @icon-normal-top;
background-position: calc(@x-small-btn-icon-size * -14) @icon-normal-top;
}
&.cut {
background-position: -@icon-width*19 0;
background-position: -@icon-width*19 @icon-normal-top;
background-position: calc(@x-small-btn-icon-size * -19) @icon-normal-top;
}
&.copy {
background-position: -@icon-width*20 0;
background-position: -@icon-width*20 @icon-normal-top;
background-position: calc(@x-small-btn-icon-size * -20) @icon-normal-top;
}
&.paste {
background-position: -@icon-width*21 0;
background-position: -@icon-width*21 @icon-normal-top;
background-position: calc(@x-small-btn-icon-size * -21) @icon-normal-top;
}
&.undo {
background-position: -@icon-width*22 0;
background-position: -@icon-width*22 @icon-normal-top;
background-position: calc(@x-small-btn-icon-size * -22) @icon-normal-top;
}
&.redo {
background-position: -@icon-width*23 0;
background-position: -@icon-width*23 @icon-normal-top;
background-position: calc(@x-small-btn-icon-size * -23) @icon-normal-top;
}
&.search {
background-position: -@icon-width*24 0;
background-position: -@icon-width*24 @icon-normal-top;
background-position: calc(@x-small-btn-icon-size * -24) @icon-normal-top;
}
&.btn-sheet-view {
background-position: -@icon-width*25 0;
background-position: -@icon-width*25 @icon-normal-top;
background-position: calc(@x-small-btn-icon-size * -25) @icon-normal-top;
}
&.hide-password {
background-position: -@icon-width*26 0;
background-position: -@icon-width*26 @icon-normal-top;
background-position: calc(@x-small-btn-icon-size * -26) @icon-normal-top;
}
&.search-close {
background-position: -@icon-width*18 0;
background-position: -@icon-width*18 @icon-normal-top;
background-position: calc(@x-small-btn-icon-size * -18) @icon-normal-top;
}
&.search-arrow-up {
background-position: -@icon-width*27 0;
background-position: -@icon-width*27 @icon-normal-top;
background-position: calc(@x-small-btn-icon-size * -27) @icon-normal-top;
}
&.search-arrow-down {
background-position: -@icon-width*28 0;
background-position: -@icon-width*28 @icon-normal-top;
background-position: calc(@x-small-btn-icon-size * -28) @icon-normal-top;
}
&.filing-status {
background-position: -@icon-width*29 0;
background-position: -@icon-width*29 @icon-normal-top;
background-position: calc(@x-small-btn-icon-size * -29) @icon-normal-top;
}
}