bge-ui 1.0.21 → 1.0.23

package/src/icons/ColorPointerHelp.vue

@@ -0,0 +1,108 @@
+<template>
+  <svg
+    class="bge-color-svg"
+    :style="`width: 1em; height: 1em;font-size: ${size}px;`"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g clip-path="url(#clip0_16682_10065)">
+      <path
+        d="M10.5394 15.3552H12.8552V14.7175C12.8552 13.5876 13.2691 12.9835 14.7123 12.1333C16.189 11.2495 17.0616 10.0301 17.0616 8.30723V8.29605C17.0616 5.89078 15.0591 4.14557 12.1168 4.14557C8.87254 4.14557 7.19445 6.06978 7.04901 8.47504L7.03783 8.60929H9.35359L9.36478 8.5086C9.48784 7.14376 10.4499 6.20403 11.9938 6.20403C13.5153 6.20403 14.5221 7.12138 14.5221 8.39673V8.40792C14.5221 9.54902 14.0411 10.1979 12.6874 11.0146C11.1547 11.9319 10.4947 12.9388 10.5283 14.4602L10.5394 15.3552Z"
+        fill="black"
+        style="fill: black; fill-opacity: 1"
+      />
+      <path
+        d="M9.4078 16.9905H14.0008V21H9.4078V16.9905Z"
+        fill="black"
+        style="fill: black; fill-opacity: 1"
+      />
+      <g filter="url(#filter0_d_16682_10065)">
+        <path
+          fill-rule="evenodd"
+          clip-rule="evenodd"
+          d="M9.4081 16.5008L9.38283 14.4798C9.36291 13.5372 9.56013 12.6758 10.0526 11.898C10.5341 11.1376 11.2429 10.5443 12.0973 10.0327C12.7298 9.6509 13.0268 9.3827 13.1789 9.16888C13.3011 8.99713 13.3765 8.79667 13.3765 8.40793V8.39674C13.3765 8.07875 13.2594 7.84725 13.0718 7.68224C12.8742 7.50838 12.5266 7.34961 11.9938 7.34961C11.4595 7.34961 11.1209 7.50805 10.9144 7.69456C10.7073 7.88166 10.545 8.17644 10.5057 8.61149L10.5047 8.62332L10.3789 9.75488H5.79282L5.90636 8.39229C5.99678 6.94597 6.5546 5.57631 7.64204 4.56822C8.73576 3.55431 10.2633 3 12.1168 3C13.8104 3 15.3238 3.50337 16.4338 4.44539C17.5558 5.39753 18.2072 6.7532 18.2072 8.29605V8.30724C18.2072 10.5209 17.0402 12.0752 15.3006 13.1163L15.2938 13.1203C14.6078 13.5245 14.3156 13.7887 14.1756 13.9852C14.0709 14.1323 14.0008 14.3091 14.0008 14.7175V16.5008H9.4081ZM7.03783 8.6093L7.04901 8.47505C7.0701 8.12637 7.12339 7.78779 7.209 7.46372C7.7139 5.55233 9.34286 4.14558 12.1168 4.14558C15.0591 4.14558 17.0616 5.89079 17.0616 8.29605V8.30724C17.0616 10.0301 16.189 11.2495 14.7123 12.1333C13.2691 12.9835 12.8552 13.5876 12.8552 14.7175V15.3552H10.5394L10.5283 14.4602C10.4947 12.9388 11.1547 11.9319 12.6874 11.0146C14.0411 10.1979 14.5221 9.54903 14.5221 8.40793V8.39674C14.5221 7.12139 13.5153 6.20403 11.9938 6.20403C10.4499 6.20403 9.48784 7.14377 9.36478 8.50861L9.35359 8.6093H7.03783Z"
+          fill="white"
+          style="fill: white; fill-opacity: 1"
+        />
+        <path
+          fill-rule="evenodd"
+          clip-rule="evenodd"
+          d="M12.8552 18.1361H10.5534V19.8544H12.8552V18.1361ZM9.40779 16.9905V21H14.0008V16.9905H9.40779Z"
+          fill="white"
+          style="fill: white; fill-opacity: 1"
+        />
+      </g>
+    </g>
+    <defs>
+      <filter
+        id="filter0_d_16682_10065"
+        x="3.39282"
+        y="2.04"
+        width="17.2144"
+        height="22.8"
+        filterUnits="userSpaceOnUse"
+        color-interpolation-filters="sRGB"
+      >
+        <feFlood flood-opacity="0" result="BackgroundImageFix" />
+        <feColorMatrix
+          in="SourceAlpha"
+          type="matrix"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+          result="hardAlpha"
+        />
+        <feOffset dy="1.44" />
+        <feGaussianBlur stdDeviation="1.2" />
+        <feColorMatrix
+          type="matrix"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"
+        />
+        <feBlend
+          mode="normal"
+          in2="BackgroundImageFix"
+          result="effect1_dropShadow_16682_10065"
+        />
+        <feBlend
+          mode="normal"
+          in="SourceGraphic"
+          in2="effect1_dropShadow_16682_10065"
+          result="shape"
+        />
+      </filter>
+      <clipPath id="clip0_16682_10065">
+        <rect
+          width="24"
+          height="24"
+          fill="white"
+          style="fill: white; fill-opacity: 1"
+        />
+      </clipPath>
+    </defs>
+  </svg>
+</template>
+<script lang="ts" setup>
+defineProps({
+  size: {
+    default: 24,
+    type: [Number, String],
+  },
+  color: {
+    default: '',
+    type: String,
+  },
+})
+defineOptions({
+  name: 'ColorPointerHelp',
+})
+</script>
+<style lang="scss">
+.bge-fill-bg-red {
+  fill: var(--bg-red);
+}
+
+.bge-fill-bg-green {
+  fill: var(--bg-green);
+}
+</style>

package/src/icons/ColorPointerMoveLor.vue

@@ -0,0 +1,101 @@
+<template>
+  <svg
+    class="bge-color-svg"
+    :style="`width: 1em; height: 1em;font-size: ${size}px;`"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g clip-path="url(#clip0_16766_13560)">
+      <g filter="url(#filter0_d_16766_13560)">
+        <path
+          d="M12 21C10.7574 21 9.75 19.9927 9.75 18.75V14.25H8.25V17.2469C8.25 17.9151 7.44214 18.2497 6.96967 17.7772L1.72283 12.5304C1.42994 12.2375 1.42994 11.7626 1.72283 11.4697L6.96967 6.22286C7.44214 5.75039 8.25 6.08501 8.25 6.75319V9.75003H9.75V5.25003C9.75 4.00739 10.7574 3.00003 12 3.00003C13.2426 3.00003 14.25 4.00739 14.25 5.25003V9.75003H15.75V6.75183C15.75 6.08385 16.5575 5.74914 17.03 6.22122L22.2838 11.4694C22.5771 11.7624 22.5771 12.2377 22.2838 12.5306L17.03 17.7788C16.5575 18.2509 15.75 17.9162 15.75 17.2482V14.25H14.25V18.75C14.25 19.9927 13.2426 21 12 21Z"
+          fill="#12131A"
+          style="
+            fill: #12131a;
+            fill: color(display-p3 0.0706 0.0745 0.102);
+            fill-opacity: 1;
+          "
+        />
+      </g>
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M12.75 12.75H17.25V15.4389L20.6925 12L17.25 8.56114V11.25H12.75V5.25003C12.75 4.83582 12.4142 4.50003 12 4.50003C11.5858 4.50003 11.25 4.83582 11.25 5.25003V11.25H6.75V8.56385L3.31382 12L6.75 15.4362V12.75H11.25V18.75C11.25 19.1642 11.5858 19.5 12 19.5C12.4142 19.5 12.75 19.1642 12.75 18.75V12.75ZM14.25 18.75C14.25 19.9927 13.2426 21 12 21C10.7574 21 9.75 19.9927 9.75 18.75V14.25H8.25V17.2469C8.25 17.9151 7.44214 18.2497 6.96967 17.7772L1.72283 12.5304C1.42994 12.2375 1.42994 11.7626 1.72283 11.4697L6.96967 6.22286C7.44214 5.75039 8.25 6.08501 8.25 6.75319V9.75003H9.75V5.25003C9.75 4.00739 10.7574 3.00003 12 3.00003C13.2426 3.00003 14.25 4.00739 14.25 5.25003V9.75003H15.75V6.75183C15.75 6.08385 16.5575 5.74914 17.03 6.22122L22.2838 11.4694C22.5771 11.7624 22.5771 12.2377 22.2838 12.5306L17.03 17.7788C16.5575 18.2509 15.75 17.9162 15.75 17.2482V14.25H14.25V18.75Z"
+        fill="white"
+        style="fill: white; fill-opacity: 1"
+      />
+    </g>
+    <defs>
+      <filter
+        id="filter0_d_16766_13560"
+        x="-1.49684"
+        y="1.50003"
+        width="27.0006"
+        height="24"
+        filterUnits="userSpaceOnUse"
+        color-interpolation-filters="sRGB"
+      >
+        <feFlood flood-opacity="0" result="BackgroundImageFix" />
+        <feColorMatrix
+          in="SourceAlpha"
+          type="matrix"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+          result="hardAlpha"
+        />
+        <feOffset dy="1.5" />
+        <feGaussianBlur stdDeviation="1.5" />
+        <feComposite in2="hardAlpha" operator="out" />
+        <feColorMatrix
+          type="matrix"
+          values="0 0 0 0 0.0705882 0 0 0 0 0.0745098 0 0 0 0 0.101961 0 0 0 0.25 0"
+        />
+        <feBlend
+          mode="normal"
+          in2="BackgroundImageFix"
+          result="effect1_dropShadow_16766_13560"
+        />
+        <feBlend
+          mode="normal"
+          in="SourceGraphic"
+          in2="effect1_dropShadow_16766_13560"
+          result="shape"
+        />
+      </filter>
+      <clipPath id="clip0_16766_13560">
+        <rect
+          width="24"
+          height="24"
+          fill="white"
+          style="fill: white; fill-opacity: 1"
+        />
+      </clipPath>
+    </defs>
+  </svg>
+</template>
+<script lang="ts" setup>
+defineProps({
+  size: {
+    default: 24,
+    type: [Number, String],
+  },
+  color: {
+    default: '',
+    type: String,
+  },
+})
+defineOptions({
+  name: 'ColorPointerMoveLor',
+})
+</script>
+<style lang="scss">
+.bge-fill-bg-red {
+  fill: var(--bg-red);
+}
+
+.bge-fill-bg-green {
+  fill: var(--bg-green);
+}
+</style>

package/src/icons/ColorPointerMoveUod.vue

@@ -0,0 +1,101 @@
+<template>
+  <svg
+    class="bge-color-svg"
+    :style="`width: 1em; height: 1em;font-size: ${size}px;`"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g clip-path="url(#clip0_16783_12105)">
+      <g filter="url(#filter0_d_16783_12105)">
+        <path
+          d="M3 12C3 10.7574 4.00736 9.75002 5.25 9.75002H9.75V8.25002H6.75316C6.08498 8.25002 5.75036 7.44216 6.22283 6.96969L11.4697 1.72284C11.7626 1.42995 12.2374 1.42995 12.5303 1.72284L17.7772 6.96968C18.2496 7.44216 17.915 8.25002 17.2468 8.25002H14.25V9.75002H18.75C19.9926 9.75002 21 10.7574 21 12C21 13.2427 19.9926 14.25 18.75 14.25H14.25V15.75H17.2482C17.9162 15.75 18.2509 16.5575 17.7788 17.0301L12.5306 22.2838C12.2377 22.5771 11.7623 22.5771 11.4694 22.2838L6.2212 17.0301C5.74911 16.5575 6.08382 15.75 6.7518 15.75H9.75V14.25H5.25C4.00736 14.25 3 13.2427 3 12Z"
+          fill="#12131A"
+          style="
+            fill: #12131a;
+            fill: color(display-p3 0.0706 0.0745 0.102);
+            fill-opacity: 1;
+          "
+        />
+      </g>
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M11.25 12.75V17.25H8.56111L12 20.6926L15.4389 17.25H12.75V12.75H18.75C19.1642 12.75 19.5 12.4142 19.5 12C19.5 11.5858 19.1642 11.25 18.75 11.25H12.75V6.75002H15.4362L12 3.31383L8.56382 6.75002H11.25V11.25H5.25C4.83579 11.25 4.5 11.5858 4.5 12C4.5 12.4142 4.83579 12.75 5.25 12.75H11.25ZM5.25 14.25C4.00736 14.25 3 13.2427 3 12C3 10.7574 4.00736 9.75002 5.25 9.75002H9.75V8.25002H6.75316C6.08498 8.25002 5.75036 7.44216 6.22283 6.96969L11.4697 1.72284C11.7626 1.42995 12.2374 1.42995 12.5303 1.72284L17.7772 6.96968C18.2496 7.44216 17.915 8.25002 17.2468 8.25002H14.25V9.75002H18.75C19.9926 9.75002 21 10.7574 21 12C21 13.2427 19.9926 14.25 18.75 14.25H14.25V15.75H17.2482C17.9162 15.75 18.2509 16.5575 17.7788 17.0301L12.5306 22.2838C12.2377 22.5771 11.7623 22.5771 11.4694 22.2838L6.2212 17.0301C5.74911 16.5575 6.08382 15.75 6.7518 15.75H9.75V14.25H5.25Z"
+        fill="white"
+        style="fill: white; fill-opacity: 1"
+      />
+    </g>
+    <defs>
+      <filter
+        id="filter0_d_16783_12105"
+        x="1"
+        y="0.503174"
+        width="22"
+        height="25.0006"
+        filterUnits="userSpaceOnUse"
+        color-interpolation-filters="sRGB"
+      >
+        <feFlood flood-opacity="0" result="BackgroundImageFix" />
+        <feColorMatrix
+          in="SourceAlpha"
+          type="matrix"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+          result="hardAlpha"
+        />
+        <feOffset dy="1" />
+        <feGaussianBlur stdDeviation="1" />
+        <feComposite in2="hardAlpha" operator="out" />
+        <feColorMatrix
+          type="matrix"
+          values="0 0 0 0 0.0705882 0 0 0 0 0.0745098 0 0 0 0 0.101961 0 0 0 0.25 0"
+        />
+        <feBlend
+          mode="normal"
+          in2="BackgroundImageFix"
+          result="effect1_dropShadow_16783_12105"
+        />
+        <feBlend
+          mode="normal"
+          in="SourceGraphic"
+          in2="effect1_dropShadow_16783_12105"
+          result="shape"
+        />
+      </filter>
+      <clipPath id="clip0_16783_12105">
+        <rect
+          width="24"
+          height="24"
+          fill="white"
+          style="fill: white; fill-opacity: 1"
+        />
+      </clipPath>
+    </defs>
+  </svg>
+</template>
+<script lang="ts" setup>
+defineProps({
+  size: {
+    default: 24,
+    type: [Number, String],
+  },
+  color: {
+    default: '',
+    type: String,
+  },
+})
+defineOptions({
+  name: 'ColorPointerMoveUod',
+})
+</script>
+<style lang="scss">
+.bge-fill-bg-red {
+  fill: var(--bg-red);
+}
+
+.bge-fill-bg-green {
+  fill: var(--bg-green);
+}
+</style>

package/src/icons/ColorUnavailable.vue

@@ -0,0 +1,117 @@
+<template>
+  <svg
+    class="bge-color-svg"
+    :style="`width: 1em; height: 1em;font-size: ${size}px;`"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g clip-path="url(#clip0_16783_12118)">
+      <g filter="url(#filter0_d_16783_12118)">
+        <path
+          fill-rule="evenodd"
+          clip-rule="evenodd"
+          d="M22.5 12C22.5 17.799 17.799 22.5 12 22.5C6.20101 22.5 1.5 17.799 1.5 12C1.5 6.20101 6.20101 1.5 12 1.5C17.799 1.5 22.5 6.20101 22.5 12ZM14.3432 17.5252C13.6233 17.8309 12.8314 18 12 18C8.68629 18 6 15.3137 6 12C6 11.1686 6.16911 10.3767 6.4748 9.65676L14.3432 17.5252ZM17.5252 14.3432L9.65679 6.47479C10.3767 6.1691 11.1686 6 12 6C15.3137 6 18 8.68629 18 12C18 12.8314 17.8309 13.6233 17.5252 14.3432Z"
+          fill="#12131A"
+          style="
+            fill: #12131a;
+            fill: color(display-p3 0.0706 0.0745 0.102);
+            fill-opacity: 1;
+          "
+        />
+      </g>
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M5.34883 8.53085C4.80661 9.56828 4.5 10.7483 4.5 12C4.5 16.1421 7.85786 19.5 12 19.5C13.2517 19.5 14.4317 19.1934 15.4692 18.6512C15.9244 18.4132 16.3522 18.1299 16.7465 17.8072L6.19278 7.25348C5.87009 7.6478 5.58678 8.07559 5.34883 8.53085ZM14.3432 17.5252C13.6233 17.8309 12.8314 18 12 18C8.68629 18 6 15.3137 6 12C6 11.1686 6.1691 10.3767 6.47478 9.6568L14.3432 17.5252Z"
+        fill="white"
+        style="fill: white; fill-opacity: 1"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M18.6512 15.4691C19.1934 14.4317 19.5 13.2517 19.5 12C19.5 7.85785 16.1421 4.49998 12 4.49998C10.7483 4.49998 9.56826 4.80658 8.53083 5.3488C8.07557 5.58674 7.64778 5.87006 7.25346 6.19275L17.8072 16.7465C18.1299 16.3522 18.4132 15.9244 18.6512 15.4691ZM9.6568 6.47477C10.3767 6.16909 11.1686 5.99998 12 5.99998C15.3137 5.99998 18 8.68628 18 12C18 12.8314 17.8309 13.6233 17.5252 14.3432L9.6568 6.47477Z"
+        fill="white"
+        style="fill: white; fill-opacity: 1"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M12 22.5C17.799 22.5 22.5 17.799 22.5 12C22.5 6.20101 17.799 1.5 12 1.5C6.20101 1.5 1.5 6.20101 1.5 12C1.5 17.799 6.20101 22.5 12 22.5ZM12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z"
+        fill="white"
+        style="fill: white; fill-opacity: 1"
+      />
+    </g>
+    <defs>
+      <filter
+        id="filter0_d_16783_12118"
+        x="-0.5"
+        y="0"
+        width="25"
+        height="25"
+        filterUnits="userSpaceOnUse"
+        color-interpolation-filters="sRGB"
+      >
+        <feFlood flood-opacity="0" result="BackgroundImageFix" />
+        <feColorMatrix
+          in="SourceAlpha"
+          type="matrix"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+          result="hardAlpha"
+        />
+        <feOffset dy="0.5" />
+        <feGaussianBlur stdDeviation="1" />
+        <feComposite in2="hardAlpha" operator="out" />
+        <feColorMatrix
+          type="matrix"
+          values="0 0 0 0 0.0705882 0 0 0 0 0.0745098 0 0 0 0 0.101961 0 0 0 0.25 0"
+        />
+        <feBlend
+          mode="normal"
+          in2="BackgroundImageFix"
+          result="effect1_dropShadow_16783_12118"
+        />
+        <feBlend
+          mode="normal"
+          in="SourceGraphic"
+          in2="effect1_dropShadow_16783_12118"
+          result="shape"
+        />
+      </filter>
+      <clipPath id="clip0_16783_12118">
+        <rect
+          width="24"
+          height="24"
+          fill="white"
+          style="fill: white; fill-opacity: 1"
+        />
+      </clipPath>
+    </defs>
+  </svg>
+</template>
+<script lang="ts" setup>
+defineProps({
+  size: {
+    default: 24,
+    type: [Number, String],
+  },
+  color: {
+    default: '',
+    type: String,
+  },
+})
+defineOptions({
+  name: 'ColorUnavailable',
+})
+</script>
+<style lang="scss">
+.bge-fill-bg-red {
+  fill: var(--bg-red);
+}
+
+.bge-fill-bg-green {
+  fill: var(--bg-green);
+}
+</style>

package/src/icons/IntlCh.vue

@@ -12,17 +12,26 @@
       clip-rule="evenodd"
       d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z"
       fill="#F1361D"
+      style="
+        fill: #f1361d;
+        fill: color(display-p3 0.9451 0.2118 0.1137);
+        fill-opacity: 1;
+      "
     />
     <path
       fill-rule="evenodd"
       clip-rule="evenodd"
-      d="M11.1117 4.90547L9.84688 5.13261L10.7332 4.15114L10.1801 2.98962L11.3274 3.51849L12.2504 2.57349L12.0731 3.88182L13.1967 4.45929L11.9399 4.73901L11.7113 6.04092L11.1117 4.90547ZM14.2699 8.31965L13.4645 9.31998L13.4888 7.99842L12.3084 7.48429L13.5217 7.13157L13.5976 5.8135L14.3232 6.91706L15.5504 6.61658L14.7856 7.65134L15.4681 8.7837L14.2699 8.31965ZM11.0135 16.8819L11.7835 15.8541L12.9972 16.2761L12.2755 15.1683L13.0037 14.1075L11.7877 14.4505L11.024 13.3729L10.9942 14.6929L9.794 15.0877L10.9916 15.5603L11.0135 16.8819ZM13.8723 12.5277L12.7191 13.0943L13.3003 11.9069L12.448 10.9426L13.6968 11.1351L14.3233 9.97259L14.514 11.279L15.7534 11.5248L14.6224 12.1397L14.7619 13.4541L13.8723 12.5277ZM2.62729 13.576L5.625 11.439L8.6227 13.576L7.51665 10.0647L10.4754 7.87404L6.7941 7.8409L5.625 4.35003L4.45589 7.8409L0.774612 7.87404L3.73335 10.0647L2.62729 13.576Z"
+      d="M11.1117 4.90545L9.84688 5.1326L10.7332 4.15113L10.1801 2.9896L11.3274 3.51848L12.2504 2.57347L12.0731 3.8818L13.1967 4.45928L11.9399 4.739L11.7113 6.04091L11.1117 4.90545ZM14.2699 8.31964L13.4645 9.31996L13.4888 7.99841L12.3084 7.48427L13.5217 7.13156L13.5976 5.81348L14.3232 6.91705L15.5504 6.61656L14.7856 7.65132L15.4681 8.78369L14.2699 8.31964ZM11.0135 16.8819L11.7835 15.8541L12.9972 16.2761L12.2755 15.1682L13.0037 14.1075L11.7877 14.4505L11.024 13.3729L10.9942 14.6929L9.794 15.0877L10.9916 15.5603L11.0135 16.8819ZM13.8723 12.5277L12.7191 13.0943L13.3003 11.9068L12.448 10.9426L13.6968 11.1351L14.3233 9.97257L14.514 11.279L15.7534 11.5248L14.6224 12.1397L14.7619 13.4541L13.8723 12.5277ZM2.62729 13.576L5.625 11.439L8.6227 13.576L7.51665 10.0646L10.4754 7.87403L6.7941 7.84088L5.625 4.35002L4.45589 7.84088L0.774612 7.87403L3.73335 10.0646L2.62729 13.576Z"
       fill="#FFDC42"
+      style="
+        fill: #ffdc42;
+        fill: color(display-p3 1 0.8627 0.2588);
+        fill-opacity: 1;
+      "
     />
   </svg>
 </template>
 <script lang="ts" setup>
-import { defineProps } from 'vue'
 defineProps({
   size: {
     default: 24,
@@ -38,39 +47,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/IntlEn.vue

@@ -10,55 +10,110 @@
     <path
       d="M0 12C0 15.1826 1.26428 18.2348 3.51472 20.4853C5.76515 22.7357 8.8174 24 12 24C15.1826 24 18.2348 22.7357 20.4853 20.4853C22.7357 18.2348 24 15.1826 24 12C24 8.8174 22.7357 5.76515 20.4853 3.51472C18.2348 1.26428 15.1826 0 12 0C8.8174 0 5.76515 1.26428 3.51472 3.51472C1.26428 5.76515 0 8.8174 0 12H0Z"
       fill="white"
+      style="fill: white; fill-opacity: 1"
     />
     <path
       d="M23.9059 10.5H13.5001L13.5001 0.0940817C13.0051 0.0317291 12.5042 0 12 0C11.4958 0 10.9949 0.0317263 10.5 0.0940731V10.4957H0.0946106C0.0319086 10.9921 0 11.4944 0 12C0 12.5042 0.0317258 13.005 0.0940718 13.5L10.5 13.5V23.9059C10.9949 23.9683 11.4958 24 12 24C12.5042 24 13.0051 23.9683 13.5001 23.9059V13.5L23.9041 13.5146C23.9676 13.0149 24 12.5091 24 12C24 11.4958 23.9683 10.9949 23.9059 10.5Z"
       fill="#E3223F"
+      style="
+        fill: #e3223f;
+        fill: color(display-p3 0.8917 0.1337 0.2453);
+        fill-opacity: 1;
+      "
     />
     <path
       d="M4.64187 2.52062C5.93754 1.51485 7.42188 0.788558 9 0.381042V6.87875L4.64187 2.52062Z"
       fill="#0052B4"
+      style="
+        fill: #0052b4;
+        fill: color(display-p3 0 0.3216 0.7059);
+        fill-opacity: 1;
+      "
     />
     <path
       d="M2.52056 4.64195C1.5148 5.93761 0.788523 7.42193 0.381012 9.00003H6.87864L2.52056 4.64195Z"
       fill="#0052B4"
+      style="
+        fill: #0052b4;
+        fill: color(display-p3 0 0.3216 0.7059);
+        fill-opacity: 1;
+      "
     />
     <path
       d="M6.87863 15H0.381012C0.788522 16.5781 1.5148 18.0624 2.52055 19.3581L6.87863 15Z"
       fill="#0052B4"
+      style="
+        fill: #0052b4;
+        fill: color(display-p3 0 0.3216 0.7059);
+        fill-opacity: 1;
+      "
     />
     <path
       d="M4.64187 21.4794C5.93754 22.4852 7.42188 23.2115 9 23.619V17.1213L4.64187 21.4794Z"
       fill="#0052B4"
+      style="
+        fill: #0052b4;
+        fill: color(display-p3 0 0.3216 0.7059);
+        fill-opacity: 1;
+      "
     />
     <path
       d="M15 17.1214V23.619C16.5781 23.2115 18.0624 22.4852 19.3581 21.4795L15 17.1214Z"
       fill="#0052B4"
+      style="
+        fill: #0052b4;
+        fill: color(display-p3 0 0.3216 0.7059);
+        fill-opacity: 1;
+      "
     />
     <path
       d="M20.4643 20.5062C20.4713 20.4992 20.4783 20.4923 20.4853 20.4853C20.4923 20.4783 20.4992 20.4714 20.5062 20.4644L20.4643 20.5062Z"
       fill="#0052B4"
+      style="
+        fill: #0052b4;
+        fill: color(display-p3 0 0.3216 0.7059);
+        fill-opacity: 1;
+      "
     />
     <path
       d="M21.4794 19.3582C22.4852 18.0625 23.2115 16.5781 23.619 15H17.1213L21.4794 19.3582Z"
       fill="#0052B4"
+      style="
+        fill: #0052b4;
+        fill: color(display-p3 0 0.3216 0.7059);
+        fill-opacity: 1;
+      "
     />
     <path
       d="M17.1213 9.00003H23.619C23.2115 7.42191 22.4852 5.93757 21.4794 4.6419L17.1213 9.00003Z"
       fill="#0052B4"
+      style="
+        fill: #0052b4;
+        fill: color(display-p3 0 0.3216 0.7059);
+        fill-opacity: 1;
+      "
     />
     <path
       d="M20.5042 3.5337C20.4979 3.52738 20.4916 3.52106 20.4853 3.51475C20.479 3.50843 20.4727 3.50213 20.4663 3.49583L20.5042 3.5337Z"
       fill="#0052B4"
+      style="
+        fill: #0052b4;
+        fill: color(display-p3 0 0.3216 0.7059);
+        fill-opacity: 1;
+      "
     />
     <path
       d="M19.3581 2.52058C18.0624 1.51483 16.5781 0.788552 15 0.381042V6.87866L19.3581 2.52058Z"
       fill="#0052B4"
+      style="
+        fill: #0052b4;
+        fill: color(display-p3 0 0.3216 0.7059);
+        fill-opacity: 1;
+      "
     />
   </svg>
 </template>
 <script lang="ts" setup>
-import { defineProps } from 'vue'
 defineProps({
   size: {
     default: 24,
@@ -74,39 +129,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>