bge-ui 1.0.21 → 1.0.23

package/src/icons/MonoSearch.vue

@@ -12,13 +12,17 @@
     <path
       fill-rule="evenodd"
       clip-rule="evenodd"
-      d="M17.4733 18.8875C15.8415 20.2086 13.7632 21 11.5 21C6.25329 21 2 16.7467 2 11.5C2 6.25329 6.25329 2 11.5 2C16.7467 2 21 6.25329 21 11.5C21 13.7631 20.2086 15.8415 18.8875 17.4733L22.2071 20.7929L20.7929 22.2071L17.4733 18.8875ZM19 11.5C19 15.6421 15.6421 19 11.5 19C7.35786 19 4 15.6421 4 11.5C4 7.35786 7.35786 4 11.5 4C15.6421 4 19 7.35786 19 11.5Z"
+      d="M17.4733 18.8875C15.8415 20.2086 13.7632 21 11.5 21C6.25329 21 2 16.7467 2 11.5C2 6.25329 6.25329 2 11.5 2C16.7467 2 21 6.25329 21 11.5C21 13.7631 20.2086 15.8415 18.8875 17.4733L21.5 20.0858C21.8905 20.4763 21.8905 21.1095 21.5 21.5C21.1095 21.8905 20.4763 21.8905 20.0858 21.5L17.4733 18.8875ZM19 11.5C19 15.6421 15.6421 19 11.5 19C7.35786 19 4 15.6421 4 11.5C4 7.35786 7.35786 4 11.5 4C15.6421 4 19 7.35786 19 11.5Z"
       fill="currentColor"
+      style="
+        fill: currentColor;
+        fill: color(display-p3 0.5 0.5 0.5);
+        fill-opacity: 1;
+      "
     />
   </svg>
 </template>
 <script lang="ts" setup>
-import { defineProps } from 'vue'
 defineProps({
   size: {
     default: 24,
@@ -34,39 +38,11 @@ defineOptions({
 })
 </script>
 <style lang="scss">
-.bge-color-svg {
-  --icon-theme: #fff833;
-  --icon-gray: #9baec2;
-  --icon-gay-dark: #526375;
-
-  .dark & {
-    --icon-theme: #ffff38;
-    --icon-gray: #708397;
-    --icon-gay-dark: #32404d;
-  }
-}
-
-.bge-fill-icon-theme {
-  fill: var(--icon-theme);
-}
-
-.bge-fill-icon-gray {
-  fill: var(--icon-gray);
-}
-
-.bge-fill-gay-dark {
-  fill: var(--icon-gay-dark);
-}
-
-.bge-stroke-icon-theme {
-  stroke: var(--icon-theme);
-}
-
-.bge-stroke-icon-gray {
-  stroke: var(--icon-gray);
+.bge-fill-bg-red {
+  fill: var(--bg-red);
 }
 
-.bge-stroke-gay-dark {
-  stroke: var(--icon-gay-dark);
+.bge-fill-bg-green {
+  fill: var(--bg-green);
 }
 </style>

package/src/icons/MonoSet15.vue

@@ -0,0 +1,59 @@
+<template>
+  <svg
+    :style="`width: 1em; height: 1em; font-size: ${size}px; ${
+      color ? 'color:' + color + ';' : ''
+    };`"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M12 16.5C14.4853 16.5 16.5 14.4853 16.5 12C16.5 9.51472 14.4853 7.5 12 7.5C9.51472 7.5 7.5 9.51472 7.5 12C7.5 14.4853 9.51472 16.5 12 16.5ZM15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12Z"
+      fill="currentColor"
+      style="
+        fill: currentColor;
+        fill: color(display-p3 0.5 0.5 0.5);
+        fill-opacity: 1;
+      "
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M13.375 1.92782C12.5242 1.43658 11.4759 1.43658 10.625 1.92782L3.96475 5.77312C3.1139 6.26436 2.58975 7.17221 2.58975 8.15469V15.8453C2.58975 16.8278 3.1139 17.7356 3.96475 18.2269L10.625 22.0722C11.4759 22.5634 12.5242 22.5634 13.375 22.0722L20.0353 18.2269C20.8861 17.7356 21.4103 16.8278 21.4103 15.8453V8.15469C21.4103 7.17221 20.8861 6.26436 20.0353 5.77312L13.375 1.92782ZM11.375 3.22686C11.7618 3.00356 12.2383 3.00356 12.625 3.22686L19.2853 7.07215C19.672 7.29545 19.9103 7.7081 19.9103 8.15469V15.8453C19.9103 16.2919 19.672 16.7045 19.2853 16.9278L12.625 20.7731C12.2383 20.9964 11.7618 20.9964 11.375 20.7731L4.71475 16.9278C4.328 16.7045 4.08975 16.2919 4.08975 15.8453V8.15469C4.08975 7.7081 4.328 7.29545 4.71475 7.07215L11.375 3.22686Z"
+      fill="currentColor"
+      style="
+        fill: currentColor;
+        fill: color(display-p3 0.5 0.5 0.5);
+        fill-opacity: 1;
+      "
+    />
+  </svg>
+</template>
+<script lang="ts" setup>
+defineProps({
+  size: {
+    default: 24,
+    type: [Number, String],
+  },
+  color: {
+    default: '',
+    type: String,
+  },
+})
+defineOptions({
+  name: 'MonoSet15',
+})
+</script>
+<style lang="scss">
+.bge-fill-bg-red {
+  fill: var(--bg-red);
+}
+
+.bge-fill-bg-green {
+  fill: var(--bg-green);
+}
+</style>

package/src/icons/MonoSetting.vue

@@ -0,0 +1,48 @@
+<template>
+  <svg
+    :style="`width: 1em; height: 1em; font-size: ${size}px; ${
+      color ? 'color:' + color + ';' : ''
+    };`"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M14.035 2.80902C14.405 2.54302 14.925 2.41902 15.436 2.60602C16.5224 3.004 17.5314 3.58768 18.418 4.33102C18.835 4.68102 18.988 5.19202 18.942 5.64402C18.867 6.39702 18.999 7.12402 19.362 7.75002C19.682 8.30702 20.164 8.74702 20.752 9.05702L20.977 9.16702C21.391 9.35402 21.759 9.74302 21.852 10.28C22.0495 11.4182 22.0495 12.5819 21.852 13.72C21.769 14.204 21.462 14.567 21.099 14.771L20.977 14.834C20.287 15.144 19.723 15.624 19.361 16.25C18.999 16.877 18.867 17.603 18.942 18.356C18.987 18.808 18.835 19.32 18.418 19.669C17.5314 20.4124 16.5224 20.996 15.436 21.394C15.2038 21.4771 14.9548 21.502 14.7107 21.4666C14.4667 21.4312 14.235 21.3366 14.036 21.191C13.42 20.75 12.723 20.5 12 20.5C11.277 20.5 10.58 20.749 9.96499 21.191C9.76584 21.3368 9.53399 21.4315 9.28975 21.4669C9.04551 21.5023 8.79632 21.4772 8.56399 21.394C7.47759 20.9961 6.46859 20.4124 5.58199 19.669C5.39421 19.5095 5.2483 19.3064 5.15696 19.0776C5.06563 18.8487 5.03165 18.601 5.05799 18.356C5.13299 17.603 4.99999 16.876 4.63799 16.25C4.30829 15.6911 3.82612 15.2377 3.24799 14.943L3.02299 14.833C2.79734 14.7331 2.5996 14.5794 2.44707 14.3853C2.29454 14.1913 2.19185 13.9629 2.14799 13.72C1.95043 12.5819 1.95043 11.4182 2.14799 10.28C2.23099 9.79602 2.53799 9.43302 2.90099 9.22902L3.02299 9.16702C3.71299 8.85602 4.27699 8.37702 4.63899 7.75002C4.99999 7.12402 5.13299 6.39702 5.05799 5.64402C5.03165 5.39903 5.06563 5.15131 5.15696 4.92246C5.2483 4.6936 5.39421 4.49056 5.58199 4.33102C6.4686 3.58768 7.4776 3.004 8.56399 2.60602C8.7962 2.52305 9.04518 2.49818 9.28921 2.53356C9.53325 2.56894 9.76491 2.66351 9.96399 2.80902C10.579 3.25102 11.276 3.50002 12 3.50002C12.724 3.50002 13.42 3.25102 14.035 2.80902ZM14.992 4.57802C14.126 5.14802 13.105 5.50002 12 5.50002C10.895 5.50002 9.87399 5.14702 9.00799 4.57802C8.31182 4.85902 7.65873 5.23673 7.06799 5.70002C7.12799 6.73302 6.92299 7.79302 6.37099 8.75002C5.81799 9.70602 5.00299 10.413 4.07799 10.878C3.97378 11.6217 3.97378 12.3763 4.07799 13.12C5.00299 13.585 5.81799 14.292 6.37099 15.25C6.92299 16.205 7.12799 17.265 7.06799 18.298C7.65867 18.7617 8.31177 19.1397 9.00799 19.421C9.87399 18.851 10.895 18.499 12 18.499C13.105 18.499 14.126 18.852 14.992 19.421C15.6881 19.14 16.3412 18.7623 16.932 18.299C16.872 17.265 17.077 16.205 17.629 15.249C18.181 14.292 18.997 13.585 19.922 13.119C20.0262 12.376 20.0262 11.6221 19.922 10.879C18.997 10.413 18.182 9.70602 17.629 8.74902C17.077 7.79302 16.872 6.73302 16.932 5.69902C16.3412 5.23573 15.6882 4.85902 14.992 4.57802ZM12 8.00002C13.0609 8.00002 14.0783 8.42145 14.8284 9.17159C15.5786 9.92174 16 10.9392 16 12C16 13.0609 15.5786 14.0783 14.8284 14.8284C14.0783 15.5786 13.0609 16 12 16C10.9391 16 9.92171 15.5786 9.17156 14.8284C8.42142 14.0783 7.99999 13.0609 7.99999 12C7.99999 10.9392 8.42142 9.92174 9.17156 9.17159C9.92171 8.42145 10.9391 8.00002 12 8.00002ZM12 10C11.4696 10 10.9608 10.2107 10.5858 10.5858C10.2107 10.9609 9.99999 11.4696 9.99999 12C9.99999 12.5305 10.2107 13.0392 10.5858 13.4142C10.9608 13.7893 11.4696 14 12 14C12.5304 14 13.0391 13.7893 13.4142 13.4142C13.7893 13.0392 14 12.5305 14 12C14 11.4696 13.7893 10.9609 13.4142 10.5858C13.0391 10.2107 12.5304 10 12 10Z"
+      fill="currentColor"
+      style="
+        fill: currentColor;
+        fill: color(display-p3 0.5 0.5 0.5);
+        fill-opacity: 1;
+      "
+    />
+  </svg>
+</template>
+<script lang="ts" setup>
+defineProps({
+  size: {
+    default: 24,
+    type: [Number, String],
+  },
+  color: {
+    default: '',
+    type: String,
+  },
+})
+defineOptions({
+  name: 'MonoSetting',
+})
+</script>
+<style lang="scss">
+.bge-fill-bg-red {
+  fill: var(--bg-red);
+}
+
+.bge-fill-bg-green {
+  fill: var(--bg-green);
+}
+</style>

package/src/icons/MonoSort.vue

@@ -0,0 +1,55 @@
+<template>
+  <svg
+    :style="`width: 1em; height: 1em; font-size: ${size}px; ${
+      color ? 'color:' + color + ';' : ''
+    };`"
+    width="20"
+    height="20"
+    viewBox="0 0 20 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M5 5H15V7H5V5Z"
+      fill="currentColor"
+      fill-opacity="0.48"
+      style="fill: color(display-p3 0.76 0.84 1); fill-opacity: 0.48"
+    />
+    <path
+      d="M5 9H15V11H5V9Z"
+      fill="currentColor"
+      fill-opacity="0.48"
+      style="fill: color(display-p3 0.76 0.84 1); fill-opacity: 0.48"
+    />
+    <path
+      d="M15 13H5V15H15V13Z"
+      fill="currentColor"
+      fill-opacity="0.48"
+      style="fill: color(display-p3 0.76 0.84 1); fill-opacity: 0.48"
+    />
+  </svg>
+</template>
+<script lang="ts" setup>
+defineProps({
+  size: {
+    default: 24,
+    type: [Number, String],
+  },
+  color: {
+    default: '',
+    type: String,
+  },
+})
+defineOptions({
+  name: 'MonoSort',
+})
+</script>
+<style lang="scss">
+.bge-fill-bg-red {
+  fill: var(--bg-red);
+}
+
+.bge-fill-bg-green {
+  fill: var(--bg-green);
+}
+</style>

package/src/icons/MonoStar.vue

@@ -0,0 +1,48 @@
+<template>
+  <svg
+    :style="`width: 1em; height: 1em; font-size: ${size}px; ${
+      color ? 'color:' + color + ';' : ''
+    };`"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M16.1737 7.84948C15.9422 7.78499 15.7416 7.63928 15.6087 7.43901L12.8333 3.25591C12.4377 2.65973 11.5623 2.65973 11.1667 3.25591L8.39129 7.43901C8.25842 7.63928 8.05786 7.78499 7.82634 7.84948L2.99031 9.19644C2.30107 9.38841 2.03055 10.221 2.47532 10.7814L5.59602 14.7137C5.74543 14.9019 5.82203 15.1377 5.81182 15.3778L5.59844 20.3934C5.56803 21.1082 6.27626 21.6228 6.9467 21.373L11.6509 19.6201C11.8761 19.5362 12.124 19.5362 12.3492 19.6201L17.0533 21.373C17.7238 21.6228 18.432 21.1082 18.4016 20.3934L18.1882 15.3778C18.178 15.1377 18.2546 14.9019 18.404 14.7137L21.5247 10.7814C21.9695 10.221 21.699 9.38841 21.0097 9.19644L16.1737 7.84948ZM19.0212 10.7187L14.9192 9.57619C14.6876 9.5117 14.4871 9.36599 14.3542 9.16572L12 5.61753L9.64582 9.16572C9.51295 9.36599 9.31239 9.5117 9.08086 9.57619L4.97885 10.7187L7.62589 14.0541C7.7753 14.2424 7.8519 14.4782 7.84169 14.7183L7.66069 18.9726L11.6509 17.4858C11.8761 17.4019 12.124 17.4019 12.3492 17.4858L16.3393 18.9726L16.1583 14.7183C16.1481 14.4782 16.2247 14.2424 16.3741 14.0541L19.0212 10.7187Z"
+      fill="currentColor"
+      style="
+        fill: currentColor;
+        fill: color(display-p3 0.5 0.5 0.5);
+        fill-opacity: 1;
+      "
+    />
+  </svg>
+</template>
+<script lang="ts" setup>
+defineProps({
+  size: {
+    default: 24,
+    type: [Number, String],
+  },
+  color: {
+    default: '',
+    type: String,
+  },
+})
+defineOptions({
+  name: 'MonoStar',
+})
+</script>
+<style lang="scss">
+.bge-fill-bg-red {
+  fill: var(--bg-red);
+}
+
+.bge-fill-bg-green {
+  fill: var(--bg-green);
+}
+</style>

package/src/icons/MonoStar15.vue

@@ -0,0 +1,48 @@
+<template>
+  <svg
+    :style="`width: 1em; height: 1em; font-size: ${size}px; ${
+      color ? 'color:' + color + ';' : ''
+    };`"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M12 5.65338L9.91163 8.70057C9.58655 9.1749 9.10789 9.52266 8.55633 9.68525L5.01293 10.7298L7.26564 13.6576C7.6163 14.1133 7.79913 14.676 7.78332 15.2508L7.68176 18.9436L11.1624 17.7059C11.7042 17.5132 12.2958 17.5132 12.8376 17.7059L16.3182 18.9436L16.2167 15.2508C16.2009 14.676 16.3837 14.1133 16.7344 13.6576L18.9871 10.7298L15.4437 9.68525C14.8921 9.52266 14.4135 9.1749 14.0884 8.70057L12 5.65338ZM12.8249 4.2036C12.4277 3.62403 11.5723 3.62403 11.1751 4.2036L8.67432 7.85259C8.54429 8.04232 8.35283 8.18142 8.1322 8.24646L3.88902 9.49727C3.21507 9.69594 2.95076 10.5094 3.37922 11.0663L6.07682 14.5723C6.21708 14.7546 6.29021 14.9797 6.28389 15.2096L6.16227 19.6316C6.14295 20.334 6.83493 20.8367 7.49694 20.6013L11.665 19.1192C11.8817 19.0421 12.1183 19.0421 12.335 19.1192L16.5031 20.6013C17.1651 20.8367 17.8571 20.334 17.8377 19.6316L17.7161 15.2096C17.7098 14.9797 17.7829 14.7546 17.9232 14.5723L20.6208 11.0663C21.0492 10.5094 20.7849 9.69594 20.111 9.49727L15.8678 8.24646C15.6472 8.18142 15.4557 8.04232 15.3257 7.85259L12.8249 4.2036Z"
+      fill="currentColor"
+      style="
+        fill: currentColor;
+        fill: color(display-p3 0.5 0.5 0.5);
+        fill-opacity: 1;
+      "
+    />
+  </svg>
+</template>
+<script lang="ts" setup>
+defineProps({
+  size: {
+    default: 24,
+    type: [Number, String],
+  },
+  color: {
+    default: '',
+    type: String,
+  },
+})
+defineOptions({
+  name: 'MonoStar15',
+})
+</script>
+<style lang="scss">
+.bge-fill-bg-red {
+  fill: var(--bg-red);
+}
+
+.bge-fill-bg-green {
+  fill: var(--bg-green);
+}
+</style>

package/src/icons/MonoStar15Fill.vue

@@ -0,0 +1,48 @@
+<template>
+  <svg
+    :style="`width: 1em; height: 1em; font-size: ${size}px; ${
+      color ? 'color:' + color + ';' : ''
+    };`"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M12.8249 4.2036C12.4277 3.62403 11.5723 3.62403 11.1751 4.2036L8.67432 7.85259C8.54429 8.04232 8.35283 8.18142 8.1322 8.24646L3.88902 9.49727C3.21507 9.69594 2.95076 10.5094 3.37922 11.0663L6.07682 14.5723C6.21708 14.7546 6.29021 14.9797 6.28389 15.2096L6.16227 19.6316C6.14295 20.334 6.83493 20.8367 7.49694 20.6013L11.665 19.1192C11.8817 19.0421 12.1183 19.0421 12.335 19.1192L16.5031 20.6013C17.1651 20.8367 17.8571 20.334 17.8377 19.6316L17.7161 15.2096C17.7098 14.9797 17.7829 14.7546 17.9232 14.5723L20.6208 11.0663C21.0492 10.5094 20.7849 9.69594 20.111 9.49727L15.8678 8.24646C15.6472 8.18142 15.4557 8.04232 15.3257 7.85259L12.8249 4.2036Z"
+      fill="currentColor"
+      style="
+        fill: currentColor;
+        fill: color(display-p3 0.5 0.5 0.5);
+        fill-opacity: 1;
+      "
+    />
+  </svg>
+</template>
+<script lang="ts" setup>
+defineProps({
+  size: {
+    default: 24,
+    type: [Number, String],
+  },
+  color: {
+    default: '',
+    type: String,
+  },
+})
+defineOptions({
+  name: 'MonoStar15Fill',
+})
+</script>
+<style lang="scss">
+.bge-fill-bg-red {
+  fill: var(--bg-red);
+}
+
+.bge-fill-bg-green {
+  fill: var(--bg-green);
+}
+</style>

package/src/icons/MonoStarFill.vue

@@ -0,0 +1,48 @@
+<template>
+  <svg
+    :style="`width: 1em; height: 1em; font-size: ${size}px; ${
+      color ? 'color:' + color + ';' : ''
+    };`"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M15.8147 7.7495L12.8333 3.25591C12.4377 2.65973 11.5623 2.65973 11.1667 3.25591L8.18529 7.7495L2.99031 9.19644C2.30107 9.38841 2.03055 10.221 2.47532 10.7814L5.82766 15.0055L5.59844 20.3934C5.56803 21.1082 6.27626 21.6228 6.9467 21.373L12 19.49L17.0533 21.373C17.7238 21.6228 18.432 21.1082 18.4016 20.3934L18.1724 15.0055L21.5247 10.7814C21.9695 10.221 21.699 9.38841 21.0097 9.19644L15.8147 7.7495Z"
+      fill="currentColor"
+      style="
+        fill: currentColor;
+        fill: color(display-p3 0.5 0.5 0.5);
+        fill-opacity: 1;
+      "
+    />
+  </svg>
+</template>
+<script lang="ts" setup>
+defineProps({
+  size: {
+    default: 24,
+    type: [Number, String],
+  },
+  color: {
+    default: '',
+    type: String,
+  },
+})
+defineOptions({
+  name: 'MonoStarFill',
+})
+</script>
+<style lang="scss">
+.bge-fill-bg-red {
+  fill: var(--bg-red);
+}
+
+.bge-fill-bg-green {
+  fill: var(--bg-green);
+}
+</style>

package/src/icons/MonoSun.vue

@@ -9,39 +9,92 @@
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
   >
-    <path d="M11 1H13V5H11V1Z" fill="currentColor" />
+    <path
+      d="M11 2C11 1.44772 11.4477 1 12 1C12.5523 1 13 1.44772 13 2V4C13 4.55228 12.5523 5 12 5C11.4477 5 11 4.55228 11 4V2Z"
+      fill="currentColor"
+      style="
+        fill: currentColor;
+        fill: color(display-p3 0.5 0.5 0.5);
+        fill-opacity: 1;
+      "
+    />
     <path
       fill-rule="evenodd"
       clip-rule="evenodd"
       d="M18 12C18 15.3137 15.3137 18 12 18C8.6863 18 6 15.3137 6 12C6 8.6863 8.6863 6 12 6C15.3137 6 18 8.6863 18 12ZM12 8C9.79087 8 8 9.79087 8 12C8 14.2091 9.79087 16 12 16C14.2091 16 16 14.2091 16 12C16 9.79087 14.2091 8 12 8Z"
       fill="currentColor"
+      style="
+        fill: currentColor;
+        fill: color(display-p3 0.5 0.5 0.5);
+        fill-opacity: 1;
+      "
+    />
+    <path
+      d="M12 23C12.5523 23 13 22.5523 13 22V20C13 19.4477 12.5523 19 12 19C11.4477 19 11 19.4477 11 20V22C11 22.5523 11.4477 23 12 23Z"
+      fill="currentColor"
+      style="
+        fill: currentColor;
+        fill: color(display-p3 0.5 0.5 0.5);
+        fill-opacity: 1;
+      "
     />
-    <path d="M13 23V19H11V23H13Z" fill="currentColor" />
     <path
-      d="M19.0711 3.51472L20.4853 4.92893L17.6569 7.75736L16.2426 6.34315L19.0711 3.51472Z"
+      d="M18.364 4.22183C18.7545 3.8313 19.3877 3.8313 19.7782 4.22183C20.1687 4.61235 20.1687 5.24551 19.7782 5.63604L18.364 7.05025C17.9734 7.44078 17.3403 7.44078 16.9497 7.05025C16.5592 6.65973 16.5592 6.02656 16.9497 5.63604L18.364 4.22183Z"
       fill="currentColor"
+      style="
+        fill: currentColor;
+        fill: color(display-p3 0.5 0.5 0.5);
+        fill-opacity: 1;
+      "
     />
     <path
-      d="M7.75736 17.6569L6.34315 16.2426L3.51472 19.0711L4.92893 20.4853L7.75736 17.6569Z"
+      d="M7.05025 18.364C7.44078 17.9734 7.44078 17.3403 7.05025 16.9497C6.65973 16.5592 6.02657 16.5592 5.63604 16.9497L4.22183 18.364C3.8313 18.7545 3.8313 19.3877 4.22183 19.7782C4.61235 20.1687 5.24552 20.1687 5.63604 19.7782L7.05025 18.364Z"
       fill="currentColor"
+      style="
+        fill: currentColor;
+        fill: color(display-p3 0.5 0.5 0.5);
+        fill-opacity: 1;
+      "
     />
-    <path d="M23 11V13H19V11H23Z" fill="currentColor" />
     <path
-      d="M4.99999 13V11H0.999992L0.999992 13H4.99999Z"
+      d="M22 11C22.5523 11 23 11.4477 23 12C23 12.5523 22.5523 13 22 13H20C19.4477 13 19 12.5523 19 12C19 11.4477 19.4477 11 20 11H22Z"
       fill="currentColor"
+      style="
+        fill: currentColor;
+        fill: color(display-p3 0.5 0.5 0.5);
+        fill-opacity: 1;
+      "
     />
     <path
-      d="M20.4853 19.0711L19.0711 20.4853L16.2426 17.6569L17.6568 16.2426L20.4853 19.0711Z"
+      d="M3.99999 13C4.55228 13 4.99999 12.5523 4.99999 12C4.99999 11.4477 4.55228 11 3.99999 11H1.99999C1.44771 11 0.999992 11.4477 0.999992 12C0.999992 12.5523 1.44771 13 1.99999 13H3.99999Z"
       fill="currentColor"
+      style="
+        fill: currentColor;
+        fill: color(display-p3 0.5 0.5 0.5);
+        fill-opacity: 1;
+      "
     />
     <path
-      d="M6.34315 7.75736L7.75736 6.34314L4.92894 3.51472L3.51472 4.92893L6.34315 7.75736Z"
+      d="M19.7782 18.364C20.1687 18.7545 20.1687 19.3877 19.7782 19.7782C19.3876 20.1687 18.7545 20.1687 18.364 19.7782L16.9497 18.364C16.5592 17.9734 16.5592 17.3403 16.9497 16.9498C17.3403 16.5592 17.9734 16.5592 18.364 16.9498L19.7782 18.364Z"
       fill="currentColor"
+      style="
+        fill: currentColor;
+        fill: color(display-p3 0.5 0.5 0.5);
+        fill-opacity: 1;
+      "
+    />
+    <path
+      d="M5.63604 7.05025C6.02657 7.44077 6.65973 7.44077 7.05026 7.05025C7.44078 6.65973 7.44078 6.02656 7.05026 5.63604L5.63604 4.22182C5.24552 3.8313 4.61235 3.8313 4.22183 4.22182C3.8313 4.61235 3.8313 5.24551 4.22183 5.63604L5.63604 7.05025Z"
+      fill="currentColor"
+      style="
+        fill: currentColor;
+        fill: color(display-p3 0.5 0.5 0.5);
+        fill-opacity: 1;
+      "
     />
   </svg>
 </template>
 <script lang="ts" setup>
-import { defineProps } from 'vue'
 defineProps({
   size: {
     default: 24,
@@ -57,39 +110,11 @@ defineOptions({
 })
 </script>
 <style lang="scss">
-.bge-color-svg {
-  --icon-theme: #fff833;
-  --icon-gray: #9baec2;
-  --icon-gay-dark: #526375;
-
-  .dark & {
-    --icon-theme: #ffff38;
-    --icon-gray: #708397;
-    --icon-gay-dark: #32404d;
-  }
-}
-
-.bge-fill-icon-theme {
-  fill: var(--icon-theme);
-}
-
-.bge-fill-icon-gray {
-  fill: var(--icon-gray);
-}
-
-.bge-fill-gay-dark {
-  fill: var(--icon-gay-dark);
-}
-
-.bge-stroke-icon-theme {
-  stroke: var(--icon-theme);
-}
-
-.bge-stroke-icon-gray {
-  stroke: var(--icon-gray);
+.bge-fill-bg-red {
+  fill: var(--bg-red);
 }
 
-.bge-stroke-gay-dark {
-  stroke: var(--icon-gay-dark);
+.bge-fill-bg-green {
+  fill: var(--bg-green);
 }
 </style>

package/src/icons/MonoTransfer.vue

@@ -10,17 +10,17 @@
     xmlns="http://www.w3.org/2000/svg"
   >
     <path
-      d="M20.4951 9.5L13 3.5V7.5H3.73828V9.5H20.4951Z"
-      fill="currentColor"
-    />
-    <path
-      d="M3.49515 14.5L11 20.5L11 16.5L20.2578 16.5V14.5L3.49515 14.5Z"
+      d="M8.207 11.757C8.29997 11.8498 8.37373 11.9601 8.42406 12.0815C8.47438 12.2029 8.50028 12.3331 8.50028 12.4645C8.50028 12.5959 8.47438 12.726 8.42406 12.8474C8.37373 12.9688 8.29997 13.0791 8.207 13.172L6.38 15H16C16.2652 15 16.5196 15.1053 16.7071 15.2929C16.8946 15.4804 17 15.7348 17 16C17 16.2652 16.8946 16.5195 16.7071 16.7071C16.5196 16.8946 16.2652 17 16 17H6.38L8.208 18.828C8.30091 18.9208 8.37462 19.0311 8.42493 19.1524C8.47524 19.2737 8.50115 19.4038 8.5012 19.5351C8.50125 19.6665 8.47542 19.7965 8.4252 19.9179C8.37498 20.0393 8.30134 20.1496 8.2085 20.2425C8.11565 20.3354 8.00542 20.4091 7.88408 20.4594C7.76275 20.5097 7.6327 20.5356 7.50135 20.5357C7.37 20.5357 7.23993 20.5099 7.11856 20.4597C6.99719 20.4095 6.88691 20.3358 6.794 20.243L3.258 16.707C3.07053 16.5194 2.96521 16.2651 2.96521 16C2.96521 15.7348 3.07053 15.4805 3.258 15.293L6.794 11.757C6.98152 11.5695 7.23583 11.4642 7.501 11.4642C7.76616 11.4642 8.02047 11.5695 8.208 11.757H8.207ZM15.793 3.75697C15.9652 3.5848 16.1943 3.48136 16.4373 3.46608C16.6803 3.4508 16.9206 3.52472 17.113 3.67397L17.207 3.75697L20.743 7.29297C20.9152 7.46517 21.0186 7.69427 21.0339 7.93729C21.0492 8.18032 20.9752 8.42057 20.826 8.61297L20.743 8.70697L17.207 12.242C17.027 12.4213 16.7856 12.5254 16.5316 12.5332C16.2777 12.541 16.0303 12.4518 15.8397 12.2837C15.6492 12.1157 15.5297 11.8814 15.5056 11.6285C15.4815 11.3756 15.5546 11.123 15.71 10.922L15.793 10.828L17.62 8.99997H8C7.74512 8.99969 7.49996 8.90209 7.31463 8.72712C7.12929 8.55216 7.01776 8.31302 7.00282 8.05858C6.98789 7.80414 7.07067 7.55359 7.23426 7.35814C7.39785 7.16269 7.6299 7.03708 7.883 7.00697L8 6.99997H17.621L15.793 5.16997C15.6055 4.98245 15.5002 4.72814 15.5002 4.46297C15.5002 4.19781 15.6055 3.9445 15.793 3.75697Z"
       fill="currentColor"
+      style="
+        fill: currentColor;
+        fill: color(display-p3 0.5 0.5 0.5);
+        fill-opacity: 1;
+      "
     />
   </svg>
 </template>
 <script lang="ts" setup>
-import { defineProps } from 'vue'
 defineProps({
   size: {
     default: 24,
@@ -36,39 +36,11 @@ defineOptions({
 })
 </script>
 <style lang="scss">
-.bge-color-svg {
-  --icon-theme: #fff833;
-  --icon-gray: #9baec2;
-  --icon-gay-dark: #526375;
-
-  .dark & {
-    --icon-theme: #ffff38;
-    --icon-gray: #708397;
-    --icon-gay-dark: #32404d;
-  }
-}
-
-.bge-fill-icon-theme {
-  fill: var(--icon-theme);
-}
-
-.bge-fill-icon-gray {
-  fill: var(--icon-gray);
-}
-
-.bge-fill-gay-dark {
-  fill: var(--icon-gay-dark);
-}
-
-.bge-stroke-icon-theme {
-  stroke: var(--icon-theme);
-}
-
-.bge-stroke-icon-gray {
-  stroke: var(--icon-gray);
+.bge-fill-bg-red {
+  fill: var(--bg-red);
 }
 
-.bge-stroke-gay-dark {
-  stroke: var(--icon-gay-dark);
+.bge-fill-bg-green {
+  fill: var(--bg-green);
 }
 </style>