Package_html_media.mk | 6 + help3xsl/default.css | 130 +++++++++++++++++++--------- help3xsl/online_transform.xsl | 6 - source/media/helpimg/moon-line.svg | 1 source/media/helpimg/search-line-dark.svg | 1 source/media/helpimg/search-line-light.svg | 1 source/media/helpimg/service-line-dark.svg | 1 source/media/helpimg/service-line-light.svg | 1 source/media/helpimg/sun-line.svg | 1 9 files changed, 108 insertions(+), 40 deletions(-)
New commits: commit f3767597234d95fc87e40b93c902633637cad59d Author: teseu <[email protected]> AuthorDate: Tue Aug 18 06:51:46 2026 -0300 Commit: Olivier Hallot <[email protected]> CommitDate: Wed Sep 2 13:10:30 2026 +0200 Changing icons from data-uri to files - using svg's with mask in css has some issues with server configuration - new files replaced this approach - adjustments were made to this to work in both dark and light themes Change-Id: I57010ab8261328eae62d80f56051ccf5d217aa6e Reviewed-on: https://gerrit.libreoffice.org/c/help/+/209263 Reviewed-by: Olivier Hallot <[email protected]> Tested-by: Jenkins diff --git a/Package_html_media.mk b/Package_html_media.mk index 9882ff9a42..03b5a1307a 100644 --- a/Package_html_media.mk +++ b/Package_html_media.mk @@ -391,6 +391,12 @@ $(eval $(call gb_Package_add_files_with_dir,helpcontent2_html_media,$(LIBO_SHARE helpimg/impress_remote01.png \ helpimg/impress_remote02.png \ helpimg/legacy_rect.png \ + helpimg/moon-line.svg \ + helpimg/search-line-dark.svg \ + helpimg/search-line-light.svg \ + helpimg/service-line-dark.svg \ + helpimg/service-line-light.svg \ + helpimg/sun-line.svg \ navigation/favicon.ico \ navigation/libo-base.svg \ navigation/libo-basic.svg \ diff --git a/help3xsl/default.css b/help3xsl/default.css index 475c5f841d..f1b473ba7b 100644 --- a/help3xsl/default.css +++ b/help3xsl/default.css @@ -195,23 +195,17 @@ grid-area: 1 / 1; width: 2rem; height: 2rem; - background-color: var(--text-color); - -webkit-mask: no-repeat center / contain; - mask: no-repeat center / contain; transition: opacity 0.3s ease, - transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), - background-color 0.2s linear; + transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); } #theme-toggle .sun { - -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 18C8.68629 18 6 15.3137 6 12C6 8.68629 8.68629 6 12 6C15.3137 6 18 8.68629 18 12C18 15.3137 15.3137 18 12 18ZM12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16ZM11 1H13V4H11V1ZM11 20H13V23H11V20ZM3.51472 4.92893L4.92893 3.51472L7.05025 5.63604L5.63604 7.05025L3.51472 4.92893ZM16.9497 18.364L18.364 16.9497L20.4853 19.0711L19.0711 20.4853L16.9497 18.364ZM19.0711 3.51472L20.4853 4.92893L18.364 7.05025L16.9497 5.63604L19.0711 3.51472ZM5.63604 16.9497L7.05025 18.364L4.92893 20.4853L3.51472 19.0711L5.63604 16.9497ZM23 11V13H20V11H23ZM4 11V13H1V11H4Z'%3E%3C/path%3E%3C/svg%3E"); - mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 18C8.68629 18 6 15.3137 6 12C6 8.68629 8.68629 6 12 6C15.3137 6 18 8.68629 18 12C18 15.3137 15.3137 18 12 18ZM12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16ZM11 1H13V4H11V1ZM11 20H13V23H11V20ZM3.51472 4.92893L4.92893 3.51472L7.05025 5.63604L5.63604 7.05025L3.51472 4.92893ZM16.9497 18.364L18.364 16.9497L20.4853 19.0711L19.0711 20.4853L16.9497 18.364ZM19.0711 3.51472L20.4853 4.92893L18.364 7.05025L16.9497 5.63604L19.0711 3.51472ZM5.63604 16.9497L7.05025 18.364L4.92893 20.4853L3.51472 19.0711L5.63604 16.9497ZM23 11V13H20V11H23ZM4 11V13H1V11H4Z'%3E%3C/path%3E%3C/svg%3E"); + background-image: url('media/helpimg/sun-line.svg'); } #theme-toggle .moon { - -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M10 7C10 10.866 13.134 14 17 14C18.9584 14 20.729 13.1957 21.9995 11.8995C22 11.933 22 11.9665 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C12.0335 2 12.067 2 12.1005 2.00049C10.8043 3.27098 10 5.04157 10 7ZM4 12C4 16.4183 7.58172 20 12 20C15.0583 20 17.7158 18.2839 19.062 15.7621C18.3945 15.9187 17.7035 16 17 16C12.0294 16 8 11.9706 8 7C8 6.29648 8.08133 5.60547 8.2379 4.938C5.71611 6.28423 4 8.9417 4 12Z'%3E%3C/path%3E%3C/svg%3E"); - mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M10 7C10 10.866 13.134 14 17 14C18.9584 14 20.729 13.1957 21.9995 11.8995C22 11.933 22 11.9665 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C12.0335 2 12.067 2 12.1005 2.00049C10.8043 3.27098 10 5.04157 10 7ZM4 12C4 16.4183 7.58172 20 12 20C15.0583 20 17.7158 18.2839 19.062 15.7621C18.3945 15.9187 17.7035 16 17 16C12.0294 16 8 11.9706 8 7C8 6.29648 8.08133 5.60547 8.2379 4.938C5.71611 6.28423 4 8.9417 4 12Z'%3E%3C/path%3E%3C/svg%3E"); + background-image: url('media/helpimg/moon-line.svg'); } @@ -227,26 +221,49 @@ transform: rotate(90deg) scale(0); } -#DonationFrame .service { +#DonationFrame span { width: 1.5rem; height: 1.5rem; padding: 0.5rem 0.5rem 0.5rem 0.5rem; - background-color: var(--text-accent-color); border-radius: 0.25rem; - transition: background-color 0.3s ease; - -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M3.16113 4.46875C5.58508 2.0448 9.44716 1.9355 12.0008 4.14085C14.5528 1.9355 18.4149 2.0448 20.8388 4.46875C23.2584 6.88836 23.3716 10.741 21.1785 13.2947L13.4142 21.0858C12.6686 21.8313 11.4809 21.8652 10.6952 21.1874L10.5858 21.0858L2.82141 13.2947C0.628282 10.741 0.741522 6.88836 3.16113 4.46875ZM4.57534 5.88296C2.86819 7.59011 2.81942 10.3276 4.42902 12.0937L4.57534 12.2469L12 19.6715L17.3026 14.3675L13.7677 10.8327L12.7071 11.8934C11.5355 13.0649 9.636 13.0649 8.46443 11.8934C7.29286 10.7218 7.29286 8.8223 8.46443 7.65073L10.5656 5.54823C8.85292 4.17713 6.37076 4.23993 4.7286 5.73663L4.57534 5.88296ZM13.0606 8.71139C13.4511 8.32086 14.0843 8.32086 14.4748 8.71139L18.7168 12.9533L19.4246 12.2469C21.1819 10.4896 21.1819 7.64032 19.4246 5.88296C17.7174 4.17581 14.9799 4.12704 13.2139 5.73663L13.0606 5.88296L9.87864 9.06494C9.51601 9.42757 9.49011 9.99942 9.80094 10.3919L9.87864 10.4792C10.2413 10.8418 10.8131 10.8677 11.2056 10.5569L11.2929 10.4792L13.0606 8.71139Z'%3E%3C/path%3E%3C/svg%3E");; - mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M3.16113 4.46875C5.58508 2.0448 9.44716 1.9355 12.0008 4.14085C14.5528 1.9355 18.4149 2.0448 20.8388 4.46875C23.2584 6.88836 23.3716 10.741 21.1785 13.2947L13.4142 21.0858C12.6686 21.8313 11.4809 21.8652 10.6952 21.1874L10.5858 21.0858L2.82141 13.2947C0.628282 10.741 0.741522 6.88836 3.16113 4.46875ZM4.57534 5.88296C2.86819 7.59011 2.81942 10.3276 4.42902 12.0937L4.57534 12.2469L12 19.6715L17.3026 14.3675L13.7677 10.8327L12.7071 11.8934C11.5355 13.0649 9.636 13.0649 8.46443 11.8934C7.29286 10.7218 7.29286 8.8223 8.46443 7.65073L10.5656 5.54823C8.85292 4.17713 6.37076 4.23993 4.7286 5.73663L4.57534 5.88296ZM13.0606 8.71139C13.4511 8.32086 14.0843 8.32086 14.4748 8.71139L18.7168 12.9533L19.4246 12.2469C21.1819 10.4896 21.1819 7.64032 19.4246 5.88296C17.7174 4.17581 14.9799 4.12704 13.2139 5.73663L13.0606 5.88296L9.87864 9.06494C9.51601 9.42757 9.49011 9.99942 9.80094 10.3919L9.87864 10.4792C10.2413 10.8418 10.8131 10.8677 11.2056 10.5569L11.2929 10.4792L13.0606 8.71139Z'%3E%3C/path%3E%3C/svg%3E"); + transition: opacity 0.8s ease-in-out, color 0.8s ease-in-out; } -.xapian-omega-search-button .search { +#DonationFrame .service-light { + position: absolute; + left: 0.5rem; + background-image: url('media/helpimg/service-line-light.svg'); + opacity: 1; +} + +#DonationFrame .service-dark { + position: absolute; + left: 0.5rem; + background-image: url('media/helpimg/service-line-dark.svg'); + opacity: 0; +} + +.xapian-omega-search-button span { width: .5rem; height: .5rem; padding: 0.5rem 0.5rem 0.5rem 0.5rem; - background-color: var(--background-color); border-radius: 0.25rem; - transition: background-color 0.3s ease; - -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M18.031 16.6168L22.3137 20.8995L20.8995 22.3137L16.6168 18.031C15.0769 19.263 13.124 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2C15.968 2 20 6.032 20 11C20 13.124 19.263 15.0769 18.031 16.6168ZM16.0247 15.8748C17.2475 14.6146 18 12.8956 18 11C18 7.1325 14.8675 4 11 4C7.1325 4 4 7.1325 4 11C4 14.8675 7.1325 18 11 18C12.8956 18 14.6146 17.2475 15.8748 16.0247L16.0247 15.8748Z'%3E%3C/path%3E%3C/svg%3E"); - mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M18.031 16.6168L22.3137 20.8995L20.8995 22.3137L16.6168 18.031C15.0769 19.263 13.124 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2C15.968 2 20 6.032 20 11C20 13.124 19.263 15.0769 18.031 16.6168ZM16.0247 15.8748C17.2475 14.6146 18 12.8956 18 11C18 7.1325 14.8675 4 11 4C7.1325 4 4 7.1325 4 11C4 14.8675 7.1325 18 11 18C12.8956 18 14.6146 17.2475 15.8748 16.0247L16.0247 15.8748Z'%3E%3C/path%3E%3C/svg%3E"); + transition: opacity 0.3s ease; + background-repeat: no-repeat; +} + +.xapian-omega-search-button .search-light { + position: absolute; + left: 0.3rem; + background-image: url('media/helpimg/search-line-light.svg'); + opacity: 1; +} + +.xapian-omega-search-button .search-dark { + position: absolute; + left: 0.3rem; + background-image: url('media/helpimg/search-line-dark.svg'); + opacity: 0; } /* ============================================================ @@ -313,6 +330,22 @@ transform: rotate(0deg) scale(1); } + #DonationFrame .service-light { + opacity: 0; + } + + #DonationFrame .service-dark { + opacity: 1; + } + + .xapian-omega-search-button .search-light { + opacity: 0; + } + + .xapian-omega-search-button .search-dark { + opacity: 1; + } + ::selection { color: var(--color-neutral-900); background-color: var(--color-neutral-50); @@ -377,6 +410,7 @@ html.dark-mode { #theme-toggle { position: relative; } + /* --- Theme icons (sun/moon) --- */ #theme-toggle .sun, #TopLeftHeader .sun { @@ -390,6 +424,22 @@ html.dark-mode { transform: rotate(0deg) scale(1); } + #DonationFrame .service-light { + opacity: 0; + } + + #DonationFrame .service-dark { + opacity: 1; + } + + .xapian-omega-search-button .search-light { + opacity: 0; + } + + .xapian-omega-search-button .search-dark { + opacity: 1; + } + ::selection { color: var(--color-neutral-900); background-color: var(--color-neutral-50); @@ -450,6 +500,7 @@ html.light-mode { #theme-toggle { position: relative; } + /* Theme icons: show sun, hide moon */ #theme-toggle .sun, #TopLeftHeader .sun { @@ -463,6 +514,22 @@ html.light-mode { transform: rotate(90deg) scale(0); } + #DonationFrame .service-light { + opacity: 1; + } + + #DonationFrame .service-dark { + opacity: 0; + } + + .xapian-omega-search-button .search-light { + opacity: 1; + } + + .xapian-omega-search-button .search-dark { + opacity: 0; + } + ::selection { color: var(--color-neutral-50); background-color: var(--color-neutral-900); @@ -628,8 +695,10 @@ h6 { } #DonationFrame a { + position: relative; display: flex; align-items: center; + justify-content: end; gap: .5rem; padding: .5rem 1rem; font-weight: bold; @@ -652,10 +721,6 @@ h6 { } } -#DonationFrame i { - font-size: 2rem; -} - @keyframes mover-e-voltar { 0% { transform: translateY(0); @@ -1462,29 +1527,18 @@ input:not([type="submit"]):not([type="search"]):not([type="text"]):not([type="ch } .xapian-omega-search-button { - height: 36px; - width: 36px; - min-width: 36px; display: flex; justify-content: center; align-items: center; + position: relative; + width: 2rem; + height: 2rem; + min-width: 1rem; background-color: var(--link-color); border: none; border-radius: 5rem; cursor: pointer; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); - /* color: var(--text-color); */ - padding: 0; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.xapian-omega-search-button i { - font-family: "remixicon"; - font-size: 1.4rem; - color: var(--xapian-search-color); - display: flex; - align-items: center; - justify-content: center; } .xapian-omega-search-button:hover { diff --git a/help3xsl/online_transform.xsl b/help3xsl/online_transform.xsl index 013166d7a8..367d1602e2 100644 --- a/help3xsl/online_transform.xsl +++ b/help3xsl/online_transform.xsl @@ -243,7 +243,8 @@ </div> <div id="DonationFrame"> <a href="https://www.libreoffice.org/donate/?pk_campaign=help"; target ="_blank"> - <span class="service" aria-hidden="true"></span> + <span class="service-light" aria-hidden="true"></span> + <span class="service-dark" aria-hidden="true"></span> <p dir="auto"><xsl:value-of select="$ui_donate"/></p> </a> </div> @@ -272,7 +273,8 @@ <form name="P" method="get" action="/{$productversion}/{$lang}/search" target="_top"> <input id="omega-autofocus" type="search" name="P" placeholder="{$ui_pholderfullsearch}" dir="auto"/> <button type="submit" class="xapian-omega-search-button"> - <span class="search" aria-hidden="true"></span> + <span class="search-light" aria-hidden="true"></span> + <span class="search-dark" aria-hidden="true"></span> </button> </form> </div> diff --git a/source/media/helpimg/moon-line.svg b/source/media/helpimg/moon-line.svg new file mode 100644 index 0000000000..93083218d9 --- /dev/null +++ b/source/media/helpimg/moon-line.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg"; viewBox="0 0 24 24" fill="#fcfcfc"><path d="M10 7C10 10.866 13.134 14 17 14C18.9584 14 20.729 13.1957 21.9995 11.8995C22 11.933 22 11.9665 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C12.0335 2 12.067 2 12.1005 2.00049C10.8043 3.27098 10 5.04157 10 7ZM4 12C4 16.4183 7.58172 20 12 20C15.0583 20 17.7158 18.2839 19.062 15.7621C18.3945 15.9187 17.7035 16 17 16C12.0294 16 8 11.9706 8 7C8 6.29648 8.08133 5.60547 8.2379 4.938C5.71611 6.28423 4 8.9417 4 12Z"></path></svg> diff --git a/source/media/helpimg/search-line-dark.svg b/source/media/helpimg/search-line-dark.svg new file mode 100644 index 0000000000..eb6020d3ee --- /dev/null +++ b/source/media/helpimg/search-line-dark.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg"; viewBox="0 0 24 24" fill="#0d0d0d"><path d="M18.031 16.6168L22.3137 20.8995L20.8995 22.3137L16.6168 18.031C15.0769 19.263 13.124 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2C15.968 2 20 6.032 20 11C20 13.124 19.263 15.0769 18.031 16.6168ZM16.0247 15.8748C17.2475 14.6146 18 12.8956 18 11C18 7.1325 14.8675 4 11 4C7.1325 4 4 7.1325 4 11C4 14.8675 7.1325 18 11 18C12.8956 18 14.6146 17.2475 15.8748 16.0247L16.0247 15.8748Z"></path></svg> diff --git a/source/media/helpimg/search-line-light.svg b/source/media/helpimg/search-line-light.svg new file mode 100644 index 0000000000..46acb78154 --- /dev/null +++ b/source/media/helpimg/search-line-light.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg"; viewBox="0 0 24 24" fill="#fcfcfc"><path d="M18.031 16.6168L22.3137 20.8995L20.8995 22.3137L16.6168 18.031C15.0769 19.263 13.124 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2C15.968 2 20 6.032 20 11C20 13.124 19.263 15.0769 18.031 16.6168ZM16.0247 15.8748C17.2475 14.6146 18 12.8956 18 11C18 7.1325 14.8675 4 11 4C7.1325 4 4 7.1325 4 11C4 14.8675 7.1325 18 11 18C12.8956 18 14.6146 17.2475 15.8748 16.0247L16.0247 15.8748Z"></path></svg> diff --git a/source/media/helpimg/service-line-dark.svg b/source/media/helpimg/service-line-dark.svg new file mode 100644 index 0000000000..7d500a88d0 --- /dev/null +++ b/source/media/helpimg/service-line-dark.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg"; viewBox="0 0 24 24" fill="#fcfcfc"><path d="M3.16113 4.46875C5.58508 2.0448 9.44716 1.9355 12.0008 4.14085C14.5528 1.9355 18.4149 2.0448 20.8388 4.46875C23.2584 6.88836 23.3716 10.741 21.1785 13.2947L13.4142 21.0858C12.6686 21.8313 11.4809 21.8652 10.6952 21.1874L10.5858 21.0858L2.82141 13.2947C0.628282 10.741 0.741522 6.88836 3.16113 4.46875ZM4.57534 5.88296C2.86819 7.59011 2.81942 10.3276 4.42902 12.0937L4.57534 12.2469L12 19.6715L17.3026 14.3675L13.7677 10.8327L12.7071 11.8934C11.5355 13.0649 9.636 13.0649 8.46443 11.8934C7.29286 10.7218 7.29286 8.8223 8.46443 7.65073L10.5656 5.54823C8.85292 4.17713 6.37076 4.23993 4.7286 5.73663L4.57534 5.88296ZM13.0606 8.71139C13.4511 8.32086 14.0843 8.32086 14.4748 8.71139L18.7168 12.9533L19.4246 12.2469C21.1819 10.4896 21.1819 7.64032 19.4246 5.88296C17.7174 4.17581 14.9799 4.12704 13.2139 5.73663L13.0606 5.88296L9.87864 9.06494C9.51601 9.42757 9.49011 9.99942 9.80094 10.3919L9.87864 10.4792C10.2413 10. 8418 10.8131 10.8677 11.2056 10.5569L11.2929 10.4792L13.0606 8.71139Z"></path></svg> diff --git a/source/media/helpimg/service-line-light.svg b/source/media/helpimg/service-line-light.svg new file mode 100644 index 0000000000..fb0d5ade66 --- /dev/null +++ b/source/media/helpimg/service-line-light.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg"; viewBox="0 0 24 24" fill="#551b7d"><path d="M3.16113 4.46875C5.58508 2.0448 9.44716 1.9355 12.0008 4.14085C14.5528 1.9355 18.4149 2.0448 20.8388 4.46875C23.2584 6.88836 23.3716 10.741 21.1785 13.2947L13.4142 21.0858C12.6686 21.8313 11.4809 21.8652 10.6952 21.1874L10.5858 21.0858L2.82141 13.2947C0.628282 10.741 0.741522 6.88836 3.16113 4.46875ZM4.57534 5.88296C2.86819 7.59011 2.81942 10.3276 4.42902 12.0937L4.57534 12.2469L12 19.6715L17.3026 14.3675L13.7677 10.8327L12.7071 11.8934C11.5355 13.0649 9.636 13.0649 8.46443 11.8934C7.29286 10.7218 7.29286 8.8223 8.46443 7.65073L10.5656 5.54823C8.85292 4.17713 6.37076 4.23993 4.7286 5.73663L4.57534 5.88296ZM13.0606 8.71139C13.4511 8.32086 14.0843 8.32086 14.4748 8.71139L18.7168 12.9533L19.4246 12.2469C21.1819 10.4896 21.1819 7.64032 19.4246 5.88296C17.7174 4.17581 14.9799 4.12704 13.2139 5.73663L13.0606 5.88296L9.87864 9.06494C9.51601 9.42757 9.49011 9.99942 9.80094 10.3919L9.87864 10.4792C10.2413 10. 8418 10.8131 10.8677 11.2056 10.5569L11.2929 10.4792L13.0606 8.71139Z"></path></svg> diff --git a/source/media/helpimg/sun-line.svg b/source/media/helpimg/sun-line.svg new file mode 100644 index 0000000000..5dda2cced8 --- /dev/null +++ b/source/media/helpimg/sun-line.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg"; viewBox="0 0 24 24" fill="currentColor"><path d="M12 18C8.68629 18 6 15.3137 6 12C6 8.68629 8.68629 6 12 6C15.3137 6 18 8.68629 18 12C18 15.3137 15.3137 18 12 18ZM12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16ZM11 1H13V4H11V1ZM11 20H13V23H11V20ZM3.51472 4.92893L4.92893 3.51472L7.05025 5.63604L5.63604 7.05025L3.51472 4.92893ZM16.9497 18.364L18.364 16.9497L20.4853 19.0711L19.0711 20.4853L16.9497 18.364ZM19.0711 3.51472L20.4853 4.92893L18.364 7.05025L16.9497 5.63604L19.0711 3.51472ZM5.63604 16.9497L7.05025 18.364L4.92893 20.4853L3.51472 19.0711L5.63604 16.9497ZM23 11V13H20V11H23ZM4 11V13H1V11H4Z"></path></svg> \ No newline at end of file
