Add Solaris icons for light/dark mode

Orange-OpenSource · Sep 12, 2023 · aff7403 · aff7403
1 parent 98bb40b
commit aff7403
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 16 deletions.
diff --git a/site/layouts/_default/examples.html b/site/layouts/_default/examples.html
@@ -93,12 +93,11 @@
       <symbol id="circle-half" viewBox="0 0 16 16">
         <path d="M8 15A7 7 0 1 0 8 1v14zm0 1A8 8 0 1 1 8 0a8 8 0 0 1 0 16z"/>
       </symbol>
-      <symbol id="moon-stars-fill" viewBox="0 0 16 16">
-        <path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z"/>
-        <path d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z"/>
+      <symbol id="ui-dark-mode" viewBox="0 0 1000 1000">
+        <path d="M675 649.88c-179.493 0-325-145.57-325-325.141A324.478 324.478 0 0 1 465.721 76C247.03 93.463 75 276.537 75 499.815 75 734.638 265.279 925 500 925c223.181 0 406.175-172.106 423.63-390.891A324.222 324.222 0 0 1 675 649.88Z"/>
       </symbol>
-      <symbol id="sun-fill" viewBox="0 0 16 16">
-        <path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"/>
+      <symbol id="ui-light-mode" viewBox="0 0 1000 1000">
+        <path d="M287.868 712.132a25.073 25.073 0 0 0-35.355 0l-53.033 53.033a25 25 0 0 0 35.355 35.355l53.033-53.033a25.073 25.073 0 0 0 0-35.355Zm424.264-424.264a25.073 25.073 0 0 0 35.355 0l53.033-53.033a25 25 0 0 0-35.355-35.355l-53.033 53.033a25.073 25.073 0 0 0 0 35.355Zm35.355 424.264a25.073 25.073 0 0 0-35.355 0 25.073 25.073 0 0 0 0 35.355l53.033 53.033a25 25 0 0 0 35.355-35.355ZM252.513 287.868a25.073 25.073 0 0 0 35.355 0 25.073 25.073 0 0 0 0-35.355l-53.033-53.033a25 25 0 0 0-35.355 35.355ZM200 500a25.073 25.073 0 0 0-25-25h-75a25 25 0 0 0 0 50h75a25.073 25.073 0 0 0 25-25Zm700-25h-75a25 25 0 0 0 0 50h75a25 25 0 0 0 0-50ZM500 800a25.073 25.073 0 0 0-25 25v75a25 25 0 0 0 50 0v-75a25.073 25.073 0 0 0-25-25Zm0-600a25.073 25.073 0 0 0 25-25v-75a25 25 0 0 0-50 0v75a25.073 25.073 0 0 0 25 25Zm0 50c-138.071 0-250 111.929-250 250s111.929 250 250 250 250-111.929 250-250-111.929-250-250-250Z"/>
       </symbol>
     </svg>
 
@@ -115,14 +114,14 @@
       <ul class="dropdown-menu dropdown-menu-end shadow" aria-labelledby="bd-theme-text">
         <li>
           <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="light" aria-pressed="false">
-            <svg class="bi me-2 opacity-50 theme-icon" width="1em" height="1em"><use href="#sun-fill"></use></svg>
+            <svg class="bi me-2 opacity-50 theme-icon" width="1em" height="1em"><use href="#ui-light-mode"></use></svg>
             Light
             <svg class="bi ms-auto d-none" width="1em" height="1em"><use href="#check2"></use></svg>
           </button>
         </li>
         <li>
           <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="dark" aria-pressed="false">
-            <svg class="bi me-2 opacity-50 theme-icon" width="1em" height="1em"><use href="#moon-stars-fill"></use></svg>
+            <svg class="bi me-2 opacity-50 theme-icon" width="1em" height="1em"><use href="#ui-dark-mode"></use></svg>
             Dark
             <svg class="bi ms-auto d-none" width="1em" height="1em"><use href="#check2"></use></svg>
           </button>

diff --git a/site/layouts/partials/docs-navbar.html b/site/layouts/partials/docs-navbar.html
@@ -62,14 +62,14 @@
             <ul class="dropdown-menu dropdown-menu-end dropdown-menu-dark position-absolute" aria-labelledby="bd-theme-text">
               <li>
                 <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="light" aria-pressed="false">
-                  <svg class="bi me-2 theme-icon"><use href="#sun-fill"></use></svg>
+                  <svg class="bi me-2 theme-icon"><use href="#ui-light-mode"></use></svg>
                   Light
                   <svg class="bi ms-auto d-none"><use href="#check2"></use></svg>
                 </button>
               </li>
               <li>
                 <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="dark" aria-pressed="false">
-                  <svg class="bi me-2 theme-icon"><use href="#moon-stars-fill"></use></svg>
+                  <svg class="bi me-2 theme-icon"><use href="#ui-dark-mode"></use></svg>
                   Dark
                   <svg class="bi ms-auto d-none"><use href="#check2"></use></svg>
                 </button>

diff --git a/site/layouts/partials/icons.html b/site/layouts/partials/icons.html
@@ -47,10 +47,6 @@
   <symbol id="menu-button-wide-fill" viewBox="0 0 1000 1000">
     <path fill-rule="evenodd" d="M837.5,275H450L375,175H100V762.5A62.5,62.5,0,0,0,162.5,825H900V337.5A62.5,62.5,0,0,0,837.5,275ZM275,625H175L275,450,375,625H275Zm325,0H425V450H600V625Zm137.5,0A87.5,87.5,0,1,1,825,537.5,87.5,87.5,0,0,1,737.5,625Z"/>
   </symbol>
-  <symbol id="moon-stars-fill" viewBox="0 0 16 16">
-    <path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z"/>
-    <path d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z"/>
-  </symbol>
   <symbol id="palette2" viewBox="0 0 1000 1000">
     <path fill-rule="evenodd" class="cls-1" d="M843.715,331.562l-159.1,159.1-17.678-17.678,159.1-159.1a25.073,25.073,0,0,0,0-35.355L719.971,172.463a25.073,25.073,0,0,0-35.355,0l-17.678,17.678,44.194,44.194a12.5,12.5,0,0,1-17.678,17.678L649.26,207.818l-35.355,35.356,26.516,26.516a12.5,12.5,0,0,1-17.677,17.678l-26.517-26.517-35.355,35.356L605.066,340.4a12.5,12.5,0,1,1-17.678,17.678l-44.194-44.195-17.677,17.678-17.678-17.678,159.1-159.1a50.148,50.148,0,0,1,70.711,0L843.715,260.851A50.148,50.148,0,0,1,843.715,331.562Zm-30.633,322.01a58.843,58.843,0,0,1,13.786,21.609c0.008,0.02.013,0.042,0.021,0.063,0.546,1.567,1.014,3.156,1.417,4.757s0.724,3.194.984,4.807c0.079,0.491.155,0.982,0.221,1.475a56.109,56.109,0,0,1-15.976,47.253l-44.21,44.179-34.84,34.814A56.12,56.12,0,0,1,694.7,829l-0.064,0q-2.571,0-5.135-.241c-0.172-.016-0.344-0.035-0.515-0.052q-2.3-.234-4.581-0.657c-0.309-.057-0.617-0.117-0.926-0.18-10.465-2.117-21.09-6.433-29.2-14.542l-246.5-246.7L225.222,384.567h0l-36.335-121.63h0l-17.561-57.828-3.482-13.9c0-.012-0.006-0.024-0.01-0.036q-0.2-.669-0.353-1.335c-0.036-.162-0.06-0.323-0.093-0.485-0.058-.293-0.119-0.586-0.164-0.877-0.028-.189-0.044-0.375-0.067-0.563-0.032-.263-0.067-0.526-0.088-0.787-0.015-.2-0.019-0.392-0.028-0.588-0.011-.25-0.026-0.5-0.027-0.748,0-.038-0.005-0.078-0.005-0.116,0-.281.013-0.558,0.026-0.836,0-.081,0-0.163.007-0.244,0.024-.4.062-0.8,0.111-1.2,0.013-.1.032-0.2,0.046-0.3,0.042-.292.087-0.582,0.143-0.869,0.027-.14.059-0.278,0.089-0.417,0.053-.245.109-0.491,0.172-0.734,0.039-.148.081-0.3,0.123-0.442,0.067-.231.137-0.46,0.212-0.688,0.049-.146.1-0.292,0.15-0.436,0.081-.228.169-0.454,0.259-0.678,0.055-.137.109-0.274,0.167-0.409,0.1-.239.214-0.474,0.327-0.708,0.054-.114.106-0.229,0.162-0.341q0.249-.492.525-0.967l0.025-.046c0.194-.331.4-0.654,0.613-0.972,0.069-.1.143-0.2,0.214-0.3,0.149-.213.3-0.424,0.456-0.631,0.09-.117.182-0.231,0.274-0.346q0.222-.278.453-0.548c0.1-.117.2-0.231,0.307-0.345q0.234-.26.478-0.51c0.106-.109.213-0.219,0.322-0.326,0.172-.168.349-0.331,0.527-0.493,0.106-.1.21-0.194,0.318-0.288,0.206-.179.417-0.35,0.63-0.52,0.087-.068.171-0.141,0.258-0.208q0.454-.35.929-0.671c0.061-.042.126-0.08,0.189-0.121,0.257-.17.518-0.336,0.784-0.493,0.116-.069.236-0.133,0.354-0.2,0.217-.123.436-0.243,0.659-0.357,0.134-.069.27-0.134,0.405-0.2,0.214-.1.43-0.2,0.648-0.3q0.211-.093.427-0.18c0.221-.09.444-0.174,0.67-0.256,0.142-.051.284-0.1,0.427-0.151,0.241-.081.484-0.153,0.728-0.224,0.132-.038.261-0.079,0.394-0.114,0.3-.081.613-0.151,0.923-0.217,0.075-.015.148-0.035,0.223-0.05q0.579-.114,1.171-0.191c0.1-.014.211-0.021,0.315-0.033,0.291-.033.583-0.062,0.877-0.081,0.145-.009.292-0.013,0.438-0.018,0.258-.011.516-0.018,0.777-0.018,0.158,0,.317,0,0.477.009,0.253,0.007.507,0.02,0.762,0.037,0.162,0.011.323,0.024,0.485,0.039,0.261,0.025.522,0.058,0.784,0.093,0.156,0.022.312,0.042,0.469,0.068,0.286,0.046.573,0.1,0.86,0.164,0.133,0.028.265,0.051,0.4,0.082,0.42,0.1.842,0.208,1.264,0.336L232.8,179.7l30.221,9.164h0l121.462,36.412ZM249.008,201.918l-46.532,46.5,36.59,122.164,21.524-21.716L694.169,782.137l17.682-17.67L278.272,331.2l53.048-53.011L764.9,711.457l17.683-17.67L349,260.514l22.256-22.032Zm82.054,324.1-17.678,17.677,44.195,44.194A12.5,12.5,0,1,1,339.9,605.566l-44.194-44.194-35.356,35.355,26.517,26.517a12.5,12.5,0,0,1-17.678,17.677l-26.516-26.516L207.318,649.76l44.195,44.194a12.5,12.5,0,0,1-17.678,17.678l-44.194-44.194-17.678,17.678a25.073,25.073,0,0,0,0,35.355L278.029,826.537a25.073,25.073,0,0,0,35.355,0l159.1-159.1,17.677,17.678-159.1,159.1a50.148,50.148,0,0,1-70.711,0L154.285,738.149a50.148,50.148,0,0,1,0-70.711l159.1-159.1Z"/>
   </symbol>
@@ -60,12 +56,15 @@
   <symbol id="plus" viewBox="0 0 14 14">
     <polygon fill-rule="evenodd" points="14 6 8 6 8 0 6 0 6 6 0 6 0 8 6 8 6 14 8 14 8 8 14 8 14 6"/>
   </symbol>
-  <symbol id="sun-fill" viewBox="0 0 16 16">
-    <path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"/>
-  </symbol>
   <symbol id="tools" viewBox="0 0 1000 1000">
     <path fill-rule="evenodd" d="M889,746.184l-0.079-.076-259.2-259.2L481.566,635.065,740.842,894.342h0A104.763,104.763,0,1,0,889,746.184Zm-370.4-370.395L439.8,296.981A183.371,183.371,0,0,0,197.732,91.954L314.889,209.111a26.192,26.192,0,0,1,0,37.039h0l-74.078,74.078a26.192,26.192,0,0,1-37.04,0l-0.015-.015L86.613,203.072A183.374,183.374,0,0,0,291.639,445.139l78.808,78.808ZM851.92,79.433L685.243,209.071,648.2,283.15l-277.795,277.8-37.04-37.04L110.147,747.128l0.013,0.013A104.755,104.755,0,0,0,258.292,895.274l0.013,0.013,0.985-.984h0L481.526,672.065l-37.04-37.04,277.8-277.8,74.079-37.039L926,153.512ZM166.69,801.7a13.1,13.1,0,0,1-18.521-18.52h0L314.848,616.505a13.1,13.1,0,0,1,18.52,18.521ZM388.926,690.585L222.25,857.262h0a13.1,13.1,0,1,1-18.519-18.52h0L370.408,672.064A13.1,13.1,0,0,1,388.926,690.585Z"/>
   </symbol>
+  <symbol id="ui-dark-mode" viewBox="0 0 1000 1000">
+    <path d="M675 649.88c-179.493 0-325-145.57-325-325.141A324.478 324.478 0 0 1 465.721 76C247.03 93.463 75 276.537 75 499.815 75 734.638 265.279 925 500 925c223.181 0 406.175-172.106 423.63-390.891A324.222 324.222 0 0 1 675 649.88Z"/>
+  </symbol>
+  <symbol id="ui-light-mode" viewBox="0 0 1000 1000">
+    <path d="M287.868 712.132a25.073 25.073 0 0 0-35.355 0l-53.033 53.033a25 25 0 0 0 35.355 35.355l53.033-53.033a25.073 25.073 0 0 0 0-35.355Zm424.264-424.264a25.073 25.073 0 0 0 35.355 0l53.033-53.033a25 25 0 0 0-35.355-35.355l-53.033 53.033a25.073 25.073 0 0 0 0 35.355Zm35.355 424.264a25.073 25.073 0 0 0-35.355 0 25.073 25.073 0 0 0 0 35.355l53.033 53.033a25 25 0 0 0 35.355-35.355ZM252.513 287.868a25.073 25.073 0 0 0 35.355 0 25.073 25.073 0 0 0 0-35.355l-53.033-53.033a25 25 0 0 0-35.355 35.355ZM200 500a25.073 25.073 0 0 0-25-25h-75a25 25 0 0 0 0 50h75a25.073 25.073 0 0 0 25-25Zm700-25h-75a25 25 0 0 0 0 50h75a25 25 0 0 0 0-50ZM500 800a25.073 25.073 0 0 0-25 25v75a25 25 0 0 0 50 0v-75a25.073 25.073 0 0 0-25-25Zm0-600a25.073 25.073 0 0 0 25-25v-75a25 25 0 0 0-50 0v75a25.073 25.073 0 0 0 25 25Zm0 50c-138.071 0-250 111.929-250 250s111.929 250 250 250 250-111.929 250-250-111.929-250-250-250Z"/>
+  </symbol>
   <symbol id="ui-radios" viewBox="0 0 1000 1000">
     <path fill-rule="evenodd" d="M500,100C265.279,100,75,251.1,75,437.5c0,144.464,114.3,267.724,275,315.873V925L500,775c234.722,0,425-151.1,425-337.5S734.722,100,500,100Zm0,475H325a25,25,0,0,1,0-50H500A25,25,0,0,1,500,575ZM675,450H325a25,25,0,0,1,0-50H675A25,25,0,0,1,675,450Zm0-125H325a25,25,0,0,1,0-50H675A25,25,0,0,1,675,325Z"/>
   </symbol>