From 3f2be51aa8a488a12dc55d81d2d2db3f23f3b502 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julien=20D=C3=A9ramond?= <julien.deramond@orange.com>
Date: Thu, 14 Sep 2023 14:36:05 +0200
Subject: [PATCH] Add Solaris icons for light/dark mode (#2237)

---
 site/assets/scss/_navbar.scss          | 16 ++++++++++++++
 site/layouts/_default/examples.html    | 30 ++++++++++++++++++--------
 site/layouts/partials/docs-navbar.html |  4 ++--
 site/layouts/partials/icons.html       | 15 ++++++-------
 4 files changed, 46 insertions(+), 19 deletions(-)

diff --git a/site/assets/scss/_navbar.scss b/site/assets/scss/_navbar.scss
index 8decf4e8f8..5792538cf1 100644
--- a/site/assets/scss/_navbar.scss
+++ b/site/assets/scss/_navbar.scss
@@ -1,4 +1,6 @@
 .bd-navbar {
+  --bd-navbar-dropdown-item-icon-size: 1.25rem; // Boosted mod
+
   // Boosted mod: no padding
   // Boosted mod: no background-color
   // Boosted mod: no box-shadow
@@ -20,6 +22,11 @@
     &.active {
       color: var(--bs-link-hover-color);
     }
+
+    .bi {
+      width: var(--bd-navbar-dropdown-item-icon-size);
+      height: var(--bd-navbar-dropdown-item-icon-size);
+    }
   }
   // End mod
 
@@ -36,6 +43,15 @@
     --bs-dropdown-line-height: #{$line-height-sm};
     --bs-dropdown-item-padding-y: #{$dropdown-item-padding-y + .0625rem};
 
+    .dropdown-item {
+      height: 2.5rem;
+    }
+
+    .bi {
+      width: var(--bd-navbar-dropdown-item-icon-size);
+      height: var(--bd-navbar-dropdown-item-icon-size);
+    }
+
     .active .bi {
       display: block !important; // stylelint-disable-line declaration-no-important
     }
diff --git a/site/layouts/_default/examples.html b/site/layouts/_default/examples.html
index de61a041c7..82b2a96ddc 100644
--- a/site/layouts/_default/examples.html
+++ b/site/layouts/_default/examples.html
@@ -76,8 +76,21 @@
       /* Boosted mod: no `.btn-bd-primary` custom style */
 
       .bd-mode-toggle {
+        --bd-mode-toggle-icon-size: 1.25rem; /* Boosted mod */
         z-index: 1500;
       }
+
+      .bd-mode-toggle .dropdown-menu .active .bi {
+        display: block !important;
+      }
+
+      /* Boosted mod */
+      .bd-mode-toggle .dropdown-item .bi,
+      #bd-theme .bi {
+        width: var(--bd-mode-toggle-icon-size);
+        height: var(--bd-mode-toggle-icon-size);
+      }
+      /* End mod */
     </style>
 
     {{ range .Page.Params.extra_css }}
@@ -87,18 +100,17 @@
   </head>
   <body{{ with .Page.Params.body_class }} class="{{ . }}"{{ end }}>
     <svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
-      <symbol id="check2" viewBox="0 0 16 16">
-        <path d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
+      <symbol id="check2" viewBox="0 0 15 12">
+        <polygon points="13 0 5 8 2 5 0 7 3 10 5 12 7 10 15 2 13 0"/>
       </symbol>
       <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 +127,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
index d8d57b8ca8..a3d3410141 100644
--- 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
index 4d54a360e6..d8b6ccd838 100644
--- a/site/layouts/partials/icons.html
+++ b/site/layouts/partials/icons.html
@@ -15,7 +15,7 @@
     <path fill-rule="evenodd" d="M198.29,196.607a125,125,0,0,1,176.776,0L799.331,620.871A125,125,0,0,1,622.554,797.648L198.29,373.384A125,125,0,0,1,198.29,196.607Zm53.033,53.033a50,50,0,1,1,0,70.711A50,50,0,0,1,251.323,249.64ZM587.2,479.45L551.843,514.8,587.2,550.16l-35.355,35.356L516.488,550.16l-35.356,35.356L445.777,550.16,481.132,514.8,445.777,479.45l35.355-35.356,35.356,35.356,35.355-35.356ZM529.207,741.656a17.812,17.812,0,0,0-25.456,0L464.86,780.547l-39.082-38.874a17.583,17.583,0,0,0-25.264-.017l-40.305,40.305-53.033-3.535,0,0L348.1,819.351a17.917,17.917,0,0,0,25.544.087l38.89-38.891,38.891,38.891c7.122,7.122,19.013,6.443,26.163-.707l38.184-38.184,38.891,38.891c7.122,7.122,18.857,6.6,26.007-.55L593.554,806Zm68.606-566.422-195.748.018L526.94,300.127l195.748-.018h0C722.694,231.421,666.5,175.227,597.813,175.234Zm-84.88,35.727a12.5,12.5,0,0,1,12.5-12.5h75a12.5,12.5,0,0,1,0,25h-75A12.5,12.5,0,0,1,512.933,210.961Z"/>
   </symbol>
   <symbol id="check2" viewBox="0 0 15 12">
-    <polygon id="tick" points="13 0 5 8 2 5 0 7 3 10 5 12 7 10 15 2 13 0"/>
+    <polygon points="13 0 5 8 2 5 0 7 3 10 5 12 7 10 15 2 13 0"/>
   </symbol>
   <symbol id="chevron-expand" viewBox="0 0 16 16">
     <path fill-rule="evenodd" d="M3.646 9.146a.5.5 0 0 1 .708 0L8 12.793l3.646-3.647a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 0-.708zm0-2.292a.5.5 0 0 0 .708 0L8 3.207l3.646 3.647a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 0 0 0 .708z"/>
@@ -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>