test-version22
/
MeterSphere
mirror of https://gitee.com/fit2cloud-feizhiyun/MeterSphere.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

feat(暗黑主题): 工作台配置&模板&服务集成暗黑插图替换

This commit is contained in:
xinxin.wu 2024-12-20 11:34:09 +08:00 committed by 刘瑞斌
parent 86c8fbf545
commit a4412107ec
42 changed files with 2764 additions and 80 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
frontend/src/assets/style/global.less
View File

@ -224,3 +224,21 @@ body {
background: var(--color-fill-1) !important; background: var(--color-fill-1) !important;
} }
} }
/** 无权限明亮样式 **/
.no-permission-svg-bright {
margin: 0 auto;
width: 160px;
height: 90px;
background: url('@/assets/svg/no_resource.svg');
background-size: cover;
}
/** 无权限暗黑样式 **/
.no-permission-svg-dark {
margin: 0 auto;
width: 160px;
height: 90px;
background: url('@/assets/svg/no_resource-dark.svg');
background-size: cover;
}

120
frontend/src/assets/svg/api-change-dark-img.svg Normal file
View File

@ -0,0 +1,120 @@
<svg width="104" height="78" viewBox="0 0 104 78" fill="none" xmlns="http://www.w3.org/2000/svg">
<ellipse opacity="0.1" cx="74.4888" cy="27.8986" rx="27.5113" ry="27.8986" fill="#60626F"/>
<g filter="url(#filter0_d_5607_29085)">
<path d="M10.9629 6.08709C10.9629 4.96651 11.8697 4.05811 12.9884 4.05811H90.971C92.0897 4.05811 92.9965 4.96651 92.9965 6.08709V11.1596H10.9629V6.08709Z" fill="#434552"/>
<path d="M10.9629 11.1597H92.9965V56.8541C92.9965 57.9513 92.0897 58.8408 90.971 58.8408H12.9884C11.8697 58.8408 10.9629 57.9513 10.9629 56.8541V11.1597Z" fill="#242633"/>
<rect x="13.9639" y="14.2031" width="35.0144" height="41.5942" rx="1" fill="#2E313D"/>
<g opacity="0.4">
<path d="M35.6275 34.6122C35.6275 37.2142 33.5685 39.304 31.0525 39.304C28.5365 39.304 26.4775 37.2142 26.4775 34.6122C26.4775 32.0102 28.5365 29.9204 31.0525 29.9204C33.5685 29.9204 35.6275 32.0102 35.6275 34.6122Z" stroke="#F2FCF7"/>
<mask id="path-6-inside-1_5607_29085" fill="white">
<path d="M31.0525 29.4204C31.719 29.4204 32.3789 29.5547 32.9946 29.8156C33.6103 30.0765 34.1698 30.459 34.6411 30.9411C35.1123 31.4232 35.4861 31.9955 35.7412 32.6254C35.9962 33.2553 36.1275 33.9304 36.1275 34.6122L34.8596 34.6122C34.8596 34.1008 34.7611 33.5943 34.5698 33.1218C34.3785 32.6492 34.0981 32.2199 33.7445 31.8582C33.391 31.4965 32.9713 31.2097 32.5094 31.0139C32.0475 30.8182 31.5525 30.7175 31.0525 30.7175V29.4204Z"/>
</mask>
<path d="M31.0525 29.4204C31.719 29.4204 32.3789 29.5547 32.9946 29.8156C33.6103 30.0765 34.1698 30.459 34.6411 30.9411C35.1123 31.4232 35.4861 31.9955 35.7412 32.6254C35.9962 33.2553 36.1275 33.9304 36.1275 34.6122L34.8596 34.6122C34.8596 34.1008 34.7611 33.5943 34.5698 33.1218C34.3785 32.6492 34.0981 32.2199 33.7445 31.8582C33.391 31.4965 32.9713 31.2097 32.5094 31.0139C32.0475 30.8182 31.5525 30.7175 31.0525 30.7175V29.4204Z" stroke="#00C261" stroke-width="2" mask="url(#path-6-inside-1_5607_29085)"/>
<mask id="path-7-inside-2_5607_29085" fill="white">
<path d="M36.1169 34.9472C36.068 35.7217 35.8499 36.4752 35.4787 37.1521C35.1076 37.829 34.5928 38.4122 33.9722 38.8588C33.3517 39.3053 32.6412 39.6038 31.893 39.7324C31.1448 39.8609 30.3779 39.8162 29.6488 39.6015L29.9995 38.355C30.5464 38.5161 31.1217 38.5496 31.683 38.4532C32.2443 38.3568 32.7773 38.1328 33.2428 37.7979C33.7083 37.4629 34.0945 37.0254 34.3729 36.5176C34.6514 36.0097 34.815 35.4445 34.8517 34.8635L36.1169 34.9472Z"/>
</mask>
<path d="M36.1169 34.9472C36.068 35.7217 35.8499 36.4752 35.4787 37.1521C35.1076 37.829 34.5928 38.4122 33.9722 38.8588C33.3517 39.3053 32.6412 39.6038 31.893 39.7324C31.1448 39.8609 30.3779 39.8162 29.6488 39.6015L29.9995 38.355C30.5464 38.5161 31.1217 38.5496 31.683 38.4532C32.2443 38.3568 32.7773 38.1328 33.2428 37.7979C33.7083 37.4629 34.0945 37.0254 34.3729 36.5176C34.6514 36.0097 34.815 35.4445 34.8517 34.8635L36.1169 34.9472Z" stroke="#FFA200" stroke-width="2" mask="url(#path-7-inside-2_5607_29085)"/>
<mask id="path-8-inside-3_5607_29085" fill="white">
<path d="M29.2498 39.4654C28.6268 39.2233 28.0565 38.8579 27.5716 38.3903C27.0866 37.9226 26.6964 37.3618 26.4233 36.7399C26.1502 36.118 25.9994 35.4471 25.9798 34.7656C25.9601 34.0841 26.0718 33.4053 26.3085 32.768L27.4937 33.2287C27.3161 33.7068 27.2323 34.2161 27.2471 34.7273C27.2618 35.2385 27.3749 35.7418 27.5798 36.2083C27.7847 36.6749 28.0774 37.0956 28.4412 37.4464C28.805 37.7972 29.2328 38.0713 29.7001 38.253L29.2498 39.4654Z"/>
</mask>
<path d="M29.2498 39.4654C28.6268 39.2233 28.0565 38.8579 27.5716 38.3903C27.0866 37.9226 26.6964 37.3618 26.4233 36.7399C26.1502 36.118 25.9994 35.4471 25.9798 34.7656C25.9601 34.0841 26.0718 33.4053 26.3085 32.768L27.4937 33.2287C27.3161 33.7068 27.2323 34.2161 27.2471 34.7273C27.2618 35.2385 27.3749 35.7418 27.5798 36.2083C27.7847 36.6749 28.0774 37.0956 28.4412 37.4464C28.805 37.7972 29.2328 38.0713 29.7001 38.253L29.2498 39.4654Z" stroke="#3370FF" stroke-width="2" mask="url(#path-8-inside-3_5607_29085)"/>
</g>
<rect x="16.9653" y="17.2466" width="7.00287" height="3.04348" rx="1" fill="#242633"/>
<rect x="25.9688" y="17.2466" width="20.0082" height="3.04348" rx="1" fill="#242633"/>
<rect x="16.9653" y="23.3335" width="7.00287" height="3.04348" rx="1" fill="#E9E8EC"/>
<rect x="25.9688" y="23.3335" width="20.0082" height="3.04348" rx="1" fill="#242633"/>
<rect opacity="0.5" x="17.9653" y="48.6958" width="3.00123" height="5.07246" fill="#D96CFF"/>
<rect opacity="0.5" x="23.9678" y="44.6377" width="3.00123" height="9.13043" fill="#D96CFF"/>
<rect opacity="0.5" x="29.9702" y="46.667" width="3.00123" height="7.10145" fill="#D96CFF"/>
<rect opacity="0.5" x="35.9731" y="48.6958" width="3.00123" height="5.07246" fill="#D96CFF"/>
<rect opacity="0.5" x="41.9756" y="48.6958" width="3.00123" height="5.07246" fill="#D96CFF"/>
</g>
<g filter="url(#filter1_d_5607_29085)">
<rect x="2" y="15.6348" width="23.479" height="24.0196" rx="1" fill="#434552"/>
<g clip-path="url(#clip0_5607_29085)">
<path d="M14.8548 20.9111C15.1628 20.9111 15.4126 21.1666 15.4126 21.4818V23.7644C15.4126 24.0795 15.1628 24.335 14.8548 24.335C14.5467 24.335 14.297 24.0795 14.297 23.7644V21.4818C14.297 21.1666 14.5467 20.9111 14.8548 20.9111ZM13.1934 26.7867C13.1089 26.3541 13.4816 25.9728 13.9044 26.0593L19.9467 27.2956C20.4746 27.4036 20.6113 28.1106 20.1634 28.416L18.9642 29.2338L20.2555 30.5553C20.4733 30.7782 20.49 31.1288 20.3057 31.3713L20.2555 31.4295L18.4428 33.2839C18.2068 33.5253 17.8242 33.5253 17.5883 33.2839L16.2965 31.9629L15.4971 33.1897C15.2121 33.6271 14.5695 33.5196 14.4198 33.0392L14.4019 32.9681L13.1934 26.7867ZM14.5557 27.4529L15.3007 31.2619L15.7001 30.6495C15.8975 30.3466 16.3017 30.2868 16.5739 30.5044L16.6301 30.5553L18.0155 31.9722L18.9732 30.9924L17.5883 29.5751C17.3366 29.3177 17.3586 28.9005 17.6206 28.6701L17.6804 28.6237L18.279 28.2151L14.5557 27.4529ZM18.3311 22.7962C18.5567 22.5654 18.9224 22.5654 19.148 22.7962C19.3736 23.0269 19.3736 23.4011 19.148 23.6318L17.5143 25.3032C17.2887 25.534 16.9229 25.534 16.6974 25.3032C16.4718 25.0725 16.4718 24.6983 16.6974 24.4675L18.3311 22.7962ZM11.6375 29.6439C11.8631 29.4131 12.2288 29.4131 12.4544 29.6439C12.68 29.8747 12.68 30.2488 12.4544 30.4796L10.8206 32.151C10.595 32.3818 10.2293 32.3818 10.0037 32.151C9.77815 31.9202 9.77815 31.5461 10.0037 31.3153L11.6375 29.6439ZM10.9502 27.1882C11.2582 27.1882 11.508 27.4437 11.508 27.7589C11.508 28.0741 11.2582 28.3295 10.9502 28.3295H8.71894C8.41087 28.3295 8.16113 28.0741 8.16113 27.7589C8.16113 27.4437 8.41087 27.1882 8.71894 27.1882H10.9502ZM10.0037 22.7962C10.2293 22.5654 10.595 22.5654 10.8206 22.7962L12.4544 24.4675C12.68 24.6983 12.68 25.0725 12.4544 25.3032C12.2288 25.534 11.8631 25.534 11.6375 25.3032L10.0037 23.6318C9.77815 23.4011 9.77815 23.0269 10.0037 22.7962Z" fill="#3D8EFF"/>
</g>
</g>
<g filter="url(#filter2_d_5607_29085)">
<rect x="53.8828" y="15.2173" width="46.1165" height="54.7826" rx="1" fill="#434552"/>
<path d="M82.5738 42.0978C82.5738 45.6089 79.7944 48.4358 76.3897 48.4358C72.985 48.4358 70.2056 45.6089 70.2056 42.0978C70.2056 38.5866 72.985 35.7598 76.3897 35.7598C79.7944 35.7598 82.5738 38.5866 82.5738 42.0978Z" stroke="#434552"/>
<mask id="path-22-inside-4_5607_29085" fill="white">
<path d="M76.3897 35.2598C78.1217 35.2598 79.7861 35.9476 81.0322 37.1783C82.2783 38.409 83.0087 40.0864 83.0696 41.8573L81.4008 41.9173C81.3551 40.5889 80.8071 39.3305 79.8724 38.4073C78.9376 37.4841 77.689 36.9681 76.3897 36.9681V35.2598Z"/>
</mask>
<path d="M76.3897 35.2598C78.1217 35.2598 79.7861 35.9476 81.0322 37.1783C82.2783 38.409 83.0087 40.0864 83.0696 41.8573L81.4008 41.9173C81.3551 40.5889 80.8071 39.3305 79.8724 38.4073C78.9376 37.4841 77.689 36.9681 76.3897 36.9681V35.2598Z" stroke="#00C261" stroke-width="2" mask="url(#path-22-inside-4_5607_29085)"/>
<mask id="path-23-inside-5_5607_29085" fill="white">
<path d="M83.0598 42.5389C82.9954 43.559 82.7082 44.5514 82.2193 45.443C81.7305 46.3345 81.0525 47.1026 80.2352 47.6908C79.4179 48.2789 78.4821 48.6721 77.4966 48.8413C76.5112 49.0106 75.5012 48.9517 74.5409 48.669L75.0028 47.0273C75.7231 47.2394 76.4808 47.2836 77.2201 47.1566C77.9593 47.0296 78.6613 46.7347 79.2745 46.2935C79.8876 45.8523 80.3962 45.2761 80.7629 44.6072C81.1296 43.9384 81.3451 43.194 81.3935 42.4287L83.0598 42.5389Z"/>
</mask>
<path d="M83.0598 42.5389C82.9954 43.559 82.7082 44.5514 82.2193 45.443C81.7305 46.3345 81.0525 47.1026 80.2352 47.6908C79.4179 48.2789 78.4821 48.6721 77.4966 48.8413C76.5112 49.0106 75.5012 48.9517 74.5409 48.669L75.0028 47.0273C75.7231 47.2394 76.4808 47.2836 77.2201 47.1566C77.9593 47.0296 78.6613 46.7347 79.2745 46.2935C79.8876 45.8523 80.3962 45.2761 80.7629 44.6072C81.1296 43.9384 81.3451 43.194 81.3935 42.4287L83.0598 42.5389Z" stroke="#FFA200" stroke-width="2" mask="url(#path-23-inside-5_5607_29085)"/>
<mask id="path-24-inside-6_5607_29085" fill="white">
<path d="M74.0153 48.4898C73.1948 48.1708 72.4437 47.6896 71.805 47.0737C71.1663 46.4578 70.6524 45.7192 70.2926 44.9001C69.9329 44.081 69.7344 43.1974 69.7085 42.2998C69.6826 41.4022 69.8297 40.5082 70.1415 39.6688L71.7024 40.2756C71.4685 40.9053 71.3582 41.576 71.3776 42.2493C71.3971 42.9227 71.546 43.5855 71.8158 44.2C72.0857 44.8145 72.4712 45.3685 72.9504 45.8306C73.4295 46.2926 73.993 46.6536 74.6085 46.8929L74.0153 48.4898Z"/>
</mask>
<path d="M74.0153 48.4898C73.1948 48.1708 72.4437 47.6896 71.805 47.0737C71.1663 46.4578 70.6524 45.7192 70.2926 44.9001C69.9329 44.081 69.7344 43.1974 69.7085 42.2998C69.6826 41.4022 69.8297 40.5082 70.1415 39.6688L71.7024 40.2756C71.4685 40.9053 71.3582 41.576 71.3776 42.2493C71.3971 42.9227 71.546 43.5855 71.8158 44.2C72.0857 44.8145 72.4712 45.3685 72.9504 45.8306C73.4295 46.2926 73.993 46.6536 74.6085 46.8929L74.0153 48.4898Z" stroke="#3370FF" stroke-width="2" mask="url(#path-24-inside-6_5607_29085)"/>
<rect x="57.835" y="19.2261" width="9.2233" height="4.00848" rx="1" fill="#5B5E6A"/>
<rect x="69.6943" y="19.2261" width="26.3523" height="4.00848" rx="1" fill="#2E313D"/>
<rect x="57.835" y="27.2427" width="9.2233" height="4.00848" rx="1" fill="#5B5E6A"/>
<rect x="69.6943" y="27.2427" width="26.3523" height="4.00848" rx="1" fill="#2E313D"/>
<rect x="59.1528" y="60.647" width="3.95284" height="6.68081" fill="#945DED"/>
<rect x="67.0591" y="55.3018" width="3.95284" height="12.0255" fill="#945DED"/>
<rect x="74.9644" y="57.9746" width="3.95284" height="9.35313" fill="#945DED"/>
<rect x="82.8706" y="60.647" width="3.95284" height="6.68081" fill="#945DED"/>
<rect x="90.7764" y="60.647" width="3.95284" height="6.68081" fill="#945DED"/>
</g>
<g filter="url(#filter3_d_5607_29085)">
<ellipse cx="51.9794" cy="35.5072" rx="7.00287" ry="7.10145" fill="#EDAC2C"/>
</g>
<g clip-path="url(#clip1_5607_29085)">
<path d="M52.6028 32.5715L52.367 32.8106C52.3019 32.8766 52.3019 32.9837 52.367 33.0497L54.4571 35.1691L48.7595 35.1693C48.6674 35.1693 48.5928 35.245 48.5928 35.3383V35.6765C48.5928 35.7699 48.6674 35.8456 48.7595 35.8456L54.4573 35.8455L52.367 37.9651C52.3069 38.0261 52.3023 38.122 52.3531 38.1883L52.367 38.2042L52.6028 38.4434C52.6629 38.5043 52.7575 38.509 52.8229 38.4574L52.8386 38.4434L55.5991 35.644C55.636 35.6066 55.652 35.5561 55.6471 35.5074C55.6519 35.4587 55.6359 35.4082 55.5991 35.3709L52.8386 32.5715C52.7735 32.5055 52.6679 32.5055 52.6028 32.5715Z" fill="white"/>
</g>
<path d="M17.1182 7.60889C17.1182 8.43731 16.4466 9.10889 15.6182 9.10889C14.7897 9.10889 14.1182 8.43731 14.1182 7.60889C14.1182 6.78046 14.7897 6.10889 15.6182 6.10889C16.4466 6.10889 17.1182 6.78046 17.1182 7.60889Z" fill="#E2324F"/>
<path d="M23.1182 7.60889C23.1182 8.43731 22.4466 9.10889 21.6182 9.10889C20.7897 9.10889 20.1182 8.43731 20.1182 7.60889C20.1182 6.78046 20.7897 6.10889 21.6182 6.10889C22.4466 6.10889 23.1182 6.78046 23.1182 7.60889Z" fill="#EDAC2C"/>
<path d="M29.1182 7.60889C29.1182 8.43731 28.4466 9.10889 27.6182 9.10889C26.7897 9.10889 26.1182 8.43731 26.1182 7.60889C26.1182 6.78046 26.7897 6.10889 27.6182 6.10889C28.4466 6.10889 29.1182 6.78046 29.1182 7.60889Z" fill="#11B671"/>
<defs>
<filter id="filter0_d_5607_29085" x="6.96289" y="4.05811" width="90.0337" height="62.7827" 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="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29085"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29085" result="shape"/>
</filter>
<filter id="filter1_d_5607_29085" x="0" y="14.6348" width="31.479" height="32.0195" 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 dx="2" dy="3"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.218229 0 0 0 0 0.144106 0 0 0 0 0.014989 0 0 0 0.06 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29085"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29085" result="shape"/>
</filter>
<filter id="filter2_d_5607_29085" x="49.8828" y="15.2173" width="54.1167" height="62.7827" 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="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29085"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29085" result="shape"/>
</filter>
<filter id="filter3_d_5607_29085" x="42.9766" y="26.4058" width="22.0059" height="22.2031" 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 dx="2" dy="2"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.638802 0 0 0 0 0.412778 0 0 0 0 0.019058 0 0 0 0.3 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29085"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29085" result="shape"/>
</filter>
<clipPath id="clip0_5607_29085">
<rect width="13.3873" height="13.6955" fill="white" transform="translate(7.60352 20.3403)"/>
</clipPath>
<clipPath id="clip1_5607_29085">
<rect width="8.00328" height="8.11594" fill="white" transform="translate(47.978 31.4492)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

135
frontend/src/assets/svg/api-count-dark-img.svg Normal file
View File

@ -0,0 +1,135 @@
<svg width="104" height="74" viewBox="0 0 104 74" fill="none" xmlns="http://www.w3.org/2000/svg">
<ellipse opacity="0.1" cx="71.4284" cy="28.8235" rx="28.5714" ry="28.8235" fill="#60626F"/>
<ellipse opacity="0.1" cx="14.2857" cy="55.588" rx="14.2857" ry="14.4118" fill="#60626F"/>
<g filter="url(#filter0_d_5607_29082)">
<path d="M13.2656 7.14697C13.2656 6.0424 14.1611 5.14697 15.2656 5.14697H84.735C85.8396 5.14697 86.735 6.0424 86.735 7.14697V52.4999H13.2656V7.14697Z" fill="#242633"/>
<path d="M13.2656 52.5H86.735V58.7353C86.735 59.8399 85.8396 60.7353 84.735 60.7353H15.2656C14.1611 60.7353 13.2656 59.8399 13.2656 58.7353V52.5Z" fill="#60626F"/>
<ellipse cx="50.5106" cy="56.1027" rx="1.53061" ry="1.54412" fill="#D4D3D7"/>
<rect x="16.3267" y="8.23535" width="67.3469" height="41.1765" rx="1" fill="#2E313D"/>
<rect x="16.3267" y="15.4409" width="67.3469" height="1.02941" rx="0.1" fill="#242633"/>
<ellipse cx="21.9388" cy="11.8381" rx="1.53061" ry="1.54412" fill="#E2324F"/>
<ellipse cx="28.0614" cy="11.8381" rx="1.53061" ry="1.54412" fill="#EDAC2C"/>
<ellipse cx="34.1839" cy="11.8381" rx="1.53061" ry="1.54412" fill="#11B671"/>
<rect x="18.3677" y="18.5293" width="15.3061" height="28.8235" rx="1" fill="#242633"/>
<ellipse cx="26.0208" cy="24.1911" rx="1.53061" ry="1.54412" fill="#2E313D"/>
<rect x="20.4087" y="27.7939" width="11.2245" height="1.02941" rx="0.514706" fill="#2E313D"/>
<rect x="20.4087" y="30.8823" width="11.2245" height="1.02941" rx="0.514706" fill="#2E313D"/>
<rect x="20.4087" y="33.9707" width="11.2245" height="1.02941" rx="0.514706" fill="#2E313D"/>
<rect x="20.4087" y="37.0586" width="11.2245" height="1.02941" rx="0.514706" fill="#2E313D"/>
<rect x="20.4087" y="40.147" width="5.10204" height="1.02941" rx="0.514706" fill="#2E313D"/>
<path d="M43.3781 22.6469C43.3781 24.6491 41.7704 26.2646 39.7965 26.2646C37.8225 26.2646 36.2148 24.6491 36.2148 22.6469C36.2148 20.6448 37.8225 19.0293 39.7965 19.0293C41.7704 19.0293 43.3781 20.6448 43.3781 22.6469Z" stroke="#252734"/>
<mask id="path-19-inside-1_5607_29082" fill="white">
<path d="M39.7965 18.5293C40.7224 18.5293 41.6209 18.8469 42.3443 19.43C43.0677 20.0131 43.5731 20.827 43.7775 21.7381C43.9818 22.6492 43.873 23.6034 43.469 24.4438C43.0649 25.2843 42.3895 25.9612 41.5538 26.3634L41.1147 25.435C41.7417 25.1332 42.2483 24.6255 42.5515 23.9949C42.8546 23.3644 42.9362 22.6487 42.7829 21.9652C42.6296 21.2817 42.2505 20.6711 41.7078 20.2337C41.1651 19.7963 40.4911 19.558 39.7965 19.558V18.5293Z"/>
</mask>
<path d="M39.7965 18.5293C40.7224 18.5293 41.6209 18.8469 42.3443 19.43C43.0677 20.0131 43.5731 20.827 43.7775 21.7381C43.9818 22.6492 43.873 23.6034 43.469 24.4438C43.0649 25.2843 42.3895 25.9612 41.5538 26.3634L41.1147 25.435C41.7417 25.1332 42.2483 24.6255 42.5515 23.9949C42.8546 23.3644 42.9362 22.6487 42.7829 21.9652C42.6296 21.2817 42.2505 20.6711 41.7078 20.2337C41.1651 19.7963 40.4911 19.558 39.7965 19.558V18.5293Z" stroke="#00C261" stroke-width="2" mask="url(#path-19-inside-1_5607_29082)"/>
<path d="M61.7453 22.6469C61.7453 24.6491 60.1376 26.2646 58.1637 26.2646C56.1897 26.2646 54.582 24.6491 54.582 22.6469C54.582 20.6448 56.1897 19.0293 58.1637 19.0293C60.1376 19.0293 61.7453 20.6448 61.7453 22.6469Z" stroke="#252734"/>
<mask id="path-21-inside-2_5607_29082" fill="white">
<path d="M58.1637 18.5293C58.8349 18.5293 59.4958 18.6963 60.0877 19.0155C60.6797 19.3347 61.1845 19.7963 61.5574 20.3593C61.9303 20.9223 62.1599 21.5695 62.2256 22.2433C62.2914 22.9172 62.1915 23.5971 61.9346 24.2227C61.6777 24.8483 61.2719 25.4003 60.753 25.8299C60.2342 26.2595 59.6183 26.5534 58.96 26.6855C58.3016 26.8176 57.6212 26.7839 56.9788 26.5873C56.3365 26.3907 55.7521 26.0374 55.2775 25.5586L55.9985 24.8312C56.3546 25.1904 56.793 25.4554 57.2748 25.6029C57.7567 25.7503 58.2672 25.7756 58.761 25.6765C59.2549 25.5774 59.7169 25.357 60.1061 25.0347C60.4954 24.7125 60.7998 24.2983 60.9925 23.829C61.1852 23.3597 61.2602 22.8497 61.2109 22.3442C61.1615 21.8386 60.9893 21.3532 60.7096 20.9308C60.4298 20.5084 60.0511 20.1622 59.607 19.9227C59.163 19.6833 58.6672 19.558 58.1637 19.558V18.5293Z"/>
</mask>
<path d="M58.1637 18.5293C58.8349 18.5293 59.4958 18.6963 60.0877 19.0155C60.6797 19.3347 61.1845 19.7963 61.5574 20.3593C61.9303 20.9223 62.1599 21.5695 62.2256 22.2433C62.2914 22.9172 62.1915 23.5971 61.9346 24.2227C61.6777 24.8483 61.2719 25.4003 60.753 25.8299C60.2342 26.2595 59.6183 26.5534 58.96 26.6855C58.3016 26.8176 57.6212 26.7839 56.9788 26.5873C56.3365 26.3907 55.7521 26.0374 55.2775 25.5586L55.9985 24.8312C56.3546 25.1904 56.793 25.4554 57.2748 25.6029C57.7567 25.7503 58.2672 25.7756 58.761 25.6765C59.2549 25.5774 59.7169 25.357 60.1061 25.0347C60.4954 24.7125 60.7998 24.2983 60.9925 23.829C61.1852 23.3597 61.2602 22.8497 61.2109 22.3442C61.1615 21.8386 60.9893 21.3532 60.7096 20.9308C60.4298 20.5084 60.0511 20.1622 59.607 19.9227C59.163 19.6833 58.6672 19.558 58.1637 19.558V18.5293Z" stroke="#11B671" stroke-width="2" mask="url(#path-21-inside-2_5607_29082)"/>
<path d="M80.113 22.6469C80.113 24.6491 78.5053 26.2646 76.5313 26.2646C74.5574 26.2646 72.9497 24.6491 72.9497 22.6469C72.9497 20.6448 74.5574 19.0293 76.5313 19.0293C78.5053 19.0293 80.113 20.6448 80.113 22.6469Z" stroke="#252734"/>
<mask id="path-23-inside-3_5607_29082" fill="white">
<path d="M78.9427 25.9692C78.2528 26.4788 77.4218 26.7569 76.5668 26.7644C75.7119 26.7719 74.8762 26.5084 74.1777 26.011C73.4792 25.5137 72.9531 24.8076 72.6737 23.9924C72.3944 23.1772 72.3758 22.2941 72.6207 21.4677L73.5977 21.7623C73.414 22.3822 73.4279 23.0447 73.6375 23.6562C73.847 24.2678 74.2417 24.7975 74.7657 25.1706C75.2897 25.5437 75.9166 25.7414 76.558 25.7358C77.1993 25.7302 77.8228 25.5215 78.3403 25.1392L78.9427 25.9692Z"/>
</mask>
<path d="M78.9427 25.9692C78.2528 26.4788 77.4218 26.7569 76.5668 26.7644C75.7119 26.7719 74.8762 26.5084 74.1777 26.011C73.4792 25.5137 72.9531 24.8076 72.6737 23.9924C72.3944 23.1772 72.3758 22.2941 72.6207 21.4677L73.5977 21.7623C73.414 22.3822 73.4279 23.0447 73.6375 23.6562C73.847 24.2678 74.2417 24.7975 74.7657 25.1706C75.2897 25.5437 75.9166 25.7414 76.558 25.7358C77.1993 25.7302 77.8228 25.5215 78.3403 25.1392L78.9427 25.9692Z" stroke="#11B671" stroke-width="2" mask="url(#path-23-inside-3_5607_29082)"/>
<rect x="36.7349" y="27.7939" width="1.02041" height="19.5588" rx="0.510204" fill="#242633"/>
<rect x="48.98" y="27.7939" width="1.02041" height="19.5588" rx="0.510204" fill="#242633"/>
<rect x="59.1841" y="27.7939" width="1.02041" height="19.5588" rx="0.510204" fill="#242633"/>
<rect x="69.3877" y="27.7939" width="1.02041" height="19.5588" rx="0.510204" fill="#242633"/>
<rect x="79.5918" y="27.7939" width="1.02041" height="19.5588" rx="0.510204" fill="#242633"/>
<path opacity="0.4" d="M48.1008 29.0947L36.7349 41.5013V47.3527H80.6124V28.8232L70.4083 33.9703L59.9642 34.2954L48.6826 28.9802C48.4845 28.8868 48.2487 28.9333 48.1008 29.0947Z" fill="url(#paint0_linear_5607_29082)"/>
<path d="M36.7349 42.2056L48.1072 29.1024C48.2512 28.9365 48.4866 28.884 48.6874 28.973L59.9642 33.9703H70.2883L80.6124 28.8232" stroke="#FFA200" stroke-width="0.5"/>
<g filter="url(#filter1_d_5607_29082)">
<rect x="2.04102" y="14.4116" width="23.4694" height="23.6765" rx="1" fill="#434552"/>
<g filter="url(#filter2_d_5607_29082)">
<ellipse cx="13.7756" cy="26.2496" rx="6.51927" ry="6.5768" fill="#945DED"/>
</g>
<g clip-path="url(#clip0_5607_29082)">
<path d="M10.8418 23.0271C10.8418 22.8455 10.9877 22.6982 11.1678 22.6982H17.0351C17.2151 22.6982 17.3611 22.8455 17.3611 23.0271V23.6848H10.8418V23.0271Z" fill="white"/>
<path d="M10.8418 24.3424H17.3611V27.0577C17.0511 26.7995 16.6536 26.6443 16.2202 26.6443C15.2301 26.6443 14.4274 27.4541 14.4274 28.4529C14.4274 28.6239 14.4509 28.7894 14.4949 28.9462H11.1678C10.9877 28.9462 10.8418 28.799 10.8418 28.6174V24.3424Z" fill="white"/>
<path d="M16.2204 29.7684C16.9405 29.7684 17.5242 29.1795 17.5242 28.4531C17.5242 27.7266 16.9405 27.1377 16.2204 27.1377C15.5003 27.1377 14.9165 27.7266 14.9165 28.4531C14.9165 29.1795 15.5003 29.7684 16.2204 29.7684ZM16.2555 27.6711L16.3731 27.6857C16.4056 27.6897 16.4287 27.7196 16.4247 27.7523L16.2514 29.1766C16.2474 29.2093 16.2178 29.2327 16.1853 29.2286L16.0677 29.214C16.0352 29.21 16.0121 29.1802 16.0161 29.1474L16.1894 27.7232C16.1934 27.6904 16.223 27.6671 16.2555 27.6711ZM15.6075 28.4537L15.7758 28.6962C15.7946 28.7233 15.7881 28.7605 15.7613 28.7795L15.6642 28.8481C15.6374 28.867 15.6004 28.8604 15.5817 28.8334L15.3437 28.4906C15.3317 28.4732 15.33 28.4517 15.3375 28.4335C15.3391 28.4261 15.3422 28.419 15.3467 28.4125L15.5846 28.0697C15.6034 28.0426 15.6404 28.0361 15.6672 28.055L15.7643 28.1236C15.7911 28.1425 15.7976 28.1798 15.7788 28.2069L15.6075 28.4537ZM16.6649 28.2099C16.6461 28.1828 16.6526 28.1456 16.6794 28.1266L16.7765 28.058C16.8033 28.0391 16.8403 28.0457 16.8591 28.0727L17.097 28.4156C17.1091 28.4329 17.1107 28.4544 17.1033 28.4727C17.1016 28.48 17.0986 28.4871 17.094 28.4936L16.8561 28.8364C16.8373 28.8635 16.8003 28.87 16.7735 28.8511L16.6764 28.7825C16.6496 28.7636 16.6431 28.7263 16.6619 28.6992L16.8332 28.4524L16.6649 28.2099Z" fill="white"/>
<path d="M12.8904 26.0087L13.1026 25.4056H13.1072L13.3126 26.0087H12.8904ZM12.9247 25.0005L12.3086 26.644H12.6691L12.7969 26.278H13.4061L13.5293 26.644H13.9013L13.292 25.0005H12.9247Z" fill="#945DED"/>
<path d="M14.4 25.7739V25.2813H14.6783C14.7194 25.2813 14.759 25.2844 14.797 25.2905C14.835 25.2967 14.8685 25.3089 14.8974 25.3274C14.9263 25.3442 14.9491 25.3688 14.9658 25.401C14.9841 25.4332 14.9932 25.4754 14.9932 25.5276C14.9932 25.5798 14.9841 25.622 14.9658 25.6542C14.9491 25.6864 14.9263 25.7118 14.8974 25.7302C14.8685 25.7471 14.835 25.7586 14.797 25.7647C14.759 25.7709 14.7194 25.7739 14.6783 25.7739H14.4ZM14.0417 25.0005V26.644H14.4V26.0547H14.7765C14.8784 26.0547 14.9651 26.0402 15.0366 26.011C15.1081 25.9803 15.1659 25.9404 15.21 25.8913C15.2556 25.8422 15.2883 25.7862 15.3081 25.7233C15.3294 25.6588 15.3401 25.5936 15.3401 25.5276C15.3401 25.4601 15.3294 25.3949 15.3081 25.332C15.2883 25.269 15.2556 25.213 15.21 25.1639C15.1659 25.1148 15.1081 25.0757 15.0366 25.0465C14.9651 25.0158 14.8784 25.0005 14.7765 25.0005H14.0417Z" fill="#945DED"/>
<path d="M15.5636 25.0005V26.644H15.9219V25.0005H15.5636Z" fill="#945DED"/>
</g>
</g>
<g filter="url(#filter3_d_5607_29082)">
<g opacity="0.1" filter="url(#filter4_d_5607_29082)">
<rect x="46.311" y="38.0884" width="51.6483" height="28.8235" rx="2" fill="url(#paint1_linear_5607_29082)"/>
<rect x="46.461" y="38.2384" width="51.3484" height="28.5235" rx="1.85" stroke="white" stroke-width="0.3"/>
</g>
<rect x="46.311" y="38.0884" width="50.5494" height="27.7149" rx="1" fill="#434552"/>
<rect opacity="0.5" x="48.5088" y="56.9346" width="46.1538" height="1.1086" rx="0.554299" fill="#242633"/>
<rect opacity="0.5" x="48.5088" y="50.2832" width="46.1538" height="1.1086" rx="0.554299" fill="#242633"/>
<rect opacity="0.5" x="48.5088" y="42.5225" width="46.1538" height="1.1086" rx="0.554299" fill="#242633"/>
<path d="M54.2568 59.1284C54.2568 58.5761 54.7046 58.1284 55.2568 58.1284H57.2298C57.7821 58.1284 58.2298 58.5761 58.2298 59.1284V61.1344H54.2568V59.1284Z" fill="#3D8EFF"/>
<path d="M62.2026 54.1182C62.2026 53.5659 62.6504 53.1182 63.2026 53.1182H65.1756C65.7279 53.1182 66.1756 53.5659 66.1756 54.1182V61.1342H62.2026V54.1182Z" fill="#3D8EFF"/>
<path d="M70.1484 49.1084C70.1484 48.5561 70.5962 48.1084 71.1484 48.1084H73.1214C73.6737 48.1084 74.1214 48.5561 74.1214 49.1084V61.1344H70.1484V49.1084Z" fill="#3D8EFF"/>
<path d="M78.0947 45.1001C78.0947 44.5478 78.5424 44.1001 79.0947 44.1001H81.0677C81.62 44.1001 82.0677 44.5478 82.0677 45.1001V61.1341H78.0947V45.1001Z" fill="#3D8EFF"/>
<path d="M86.0405 41.0923C86.0405 40.54 86.4882 40.0923 87.0405 40.0923H89.0135C89.5658 40.0923 90.0135 40.54 90.0135 41.0923V61.1343H86.0405V41.0923Z" fill="#3D8EFF"/>
</g>
</g>
<defs>
<filter id="filter0_d_5607_29082" x="0.0410156" y="3.14697" width="103.918" height="69.7651" 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 dx="2" dy="2"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.13092 0 0 0 0 0 0 0 0 0 0.342773 0 0 0 0.11 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29082"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29082" result="shape"/>
</filter>
<filter id="filter1_d_5607_29082" x="0.0410156" y="13.4116" width="31.4692" height="31.6763" 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 dx="2" dy="3"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.218229 0 0 0 0 0.144106 0 0 0 0 0.014989 0 0 0 0.06 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29082"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29082" result="shape"/>
</filter>
<filter id="filter2_d_5607_29082" x="5.25635" y="17.6729" width="21.0386" height="21.1538" 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 dx="2" dy="2"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.138925 0 0 0 0 0.000902143 0 0 0 0 0.362272 0 0 0 0.18 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29082"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29082" result="shape"/>
</filter>
<filter id="filter3_d_5607_29082" x="44.311" y="37.0884" width="59.6484" height="36.8237" 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 dx="2" dy="3"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.218229 0 0 0 0 0.144106 0 0 0 0 0.014989 0 0 0 0.06 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29082"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29082" result="shape"/>
</filter>
<filter id="filter4_d_5607_29082" x="46.311" y="38.0884" width="53.6484" height="30.8237" 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 dx="1" dy="1"/>
<feGaussianBlur stdDeviation="0.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.292035 0 0 0 0 0.00276408 0 0 0 0 0.735173 0 0 0 0.2 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29082"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29082" result="shape"/>
</filter>
<linearGradient id="paint0_linear_5607_29082" x1="59.694" y1="18.5291" x2="59.2758" y2="43.0047" gradientUnits="userSpaceOnUse">
<stop stop-color="#EDAC2C" stop-opacity="0.74"/>
<stop offset="1" stop-color="#FFFDFD" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint1_linear_5607_29082" x1="46.8605" y1="66.3576" x2="98.0756" y2="46.7058" gradientUnits="userSpaceOnUse">
<stop stop-color="#EAF0FD"/>
<stop offset="1" stop-color="#DAE2F7"/>
</linearGradient>
<clipPath id="clip0_5607_29082">
<rect width="7.82313" height="7.89216" fill="white" transform="translate(10.1899 22.0405)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

91
frontend/src/assets/svg/api-use-case-dark-img.svg Normal file
View File

@ -0,0 +1,91 @@
<svg width="102" height="72" viewBox="0 0 102 72" fill="none" xmlns="http://www.w3.org/2000/svg">
<ellipse opacity="0.1" cx="71.9392" cy="28.3088" rx="28.0612" ry="28.3088" fill="#60626F"/>
<ellipse opacity="0.1" cx="13.2653" cy="56.6177" rx="13.2653" ry="13.3824" fill="#60626F"/>
<g filter="url(#filter0_d_5607_29083)">
<path d="M6.12207 9.20605C6.12207 8.10149 7.04706 7.20605 8.18808 7.20605H87.7295C88.8706 7.20605 89.7955 8.10149 89.7955 9.20605V14.2061H6.12207V9.20605Z" fill="#434552"/>
<path d="M6.12207 14.2061H89.7955V60.2061C89.7955 61.3106 88.8705 62.2061 87.7295 62.2061H8.18808C7.04705 62.2061 6.12207 61.3106 6.12207 60.2061V14.2061Z" fill="#242633"/>
<path d="M14.2871 10.7646C14.2871 11.5931 13.6155 12.2646 12.7871 12.2646C11.9587 12.2646 11.2871 11.5931 11.2871 10.7646C11.2871 9.93622 11.9587 9.26465 12.7871 9.26465C13.6155 9.26465 14.2871 9.93622 14.2871 10.7646Z" fill="#E2324F"/>
<path d="M20.2871 10.7646C20.2871 11.5931 19.6155 12.2646 18.7871 12.2646C17.9587 12.2646 17.2871 11.5931 17.2871 10.7646C17.2871 9.93622 17.9587 9.26465 18.7871 9.26465C19.6155 9.26465 20.2871 9.93622 20.2871 10.7646Z" fill="#EDAC2C"/>
<path d="M26.2871 10.7646C26.2871 11.5931 25.6155 12.2646 24.7871 12.2646C23.9587 12.2646 23.2871 11.5931 23.2871 10.7646C23.2871 9.93622 23.9587 9.26465 24.7871 9.26465C25.6155 9.26465 26.2871 9.93622 26.2871 10.7646Z" fill="#11B671"/>
<rect x="10.2041" y="35" width="1.02041" height="24.7059" rx="0.510204" fill="#2E313D"/>
<rect x="22.4492" y="35" width="1.02041" height="24.7059" rx="0.510204" fill="#2E313D"/>
<rect x="32.6533" y="35" width="1.02041" height="24.7059" rx="0.510204" fill="#2E313D"/>
<rect x="42.8574" y="35" width="1.02041" height="24.7059" rx="0.510204" fill="#2E313D"/>
<rect x="53.0615" y="35" width="1.02041" height="24.7059" rx="0.510204" fill="#2E313D"/>
<path opacity="0.3" d="M21.8187 40.7017L10.2041 53.7048V59.7062H54.0816V40.7017L43.7575 50.704L33.4334 53.7048L21.8187 40.7017Z" fill="url(#paint0_linear_5607_29083)"/>
<path d="M10.2041 54.0048L21.8187 40.7017L33.4334 54.0048L43.7575 50.9349L54.0817 40.7017" stroke="#945DED" stroke-width="0.5"/>
<path d="M68.8879 39.1176C68.8879 41.1198 67.2802 42.7353 65.3062 42.7353C63.3323 42.7353 61.7246 41.1198 61.7246 39.1176C61.7246 37.1155 63.3323 35.5 65.3062 35.5C67.2802 35.5 68.8879 37.1155 68.8879 39.1176Z" stroke="#F4EFF7"/>
<mask id="path-16-inside-1_5607_29083" fill="white">
<path d="M69.3879 39.1176C69.3879 39.932 69.1485 40.7281 68.7 41.4053C68.2515 42.0824 67.614 42.6102 66.8682 42.9219C66.1224 43.2335 65.3017 43.3151 64.51 43.1562C63.7182 42.9973 62.9909 42.6051 62.4201 42.0293C61.8493 41.4534 61.4605 40.7197 61.303 39.921C61.1455 39.1222 61.2264 38.2943 61.5353 37.5419C61.8442 36.7895 62.3674 36.1464 63.0386 35.6939C63.7098 35.2415 64.499 35 65.3062 35L65.3062 36.0287C64.7006 36.0287 64.1087 36.2099 63.6051 36.5493C63.1016 36.8887 62.7091 37.3711 62.4774 37.9356C62.2456 38.5 62.185 39.1211 62.3031 39.7203C62.4213 40.3195 62.7129 40.8699 63.1411 41.3019C63.5693 41.7339 64.1149 42.0281 64.7089 42.1472C65.3028 42.2664 65.9185 42.2053 66.478 41.9715C67.0375 41.7377 67.5157 41.3418 67.8521 40.8338C68.1886 40.3258 68.3682 39.7286 68.3682 39.1176H69.3879Z"/>
</mask>
<path d="M69.3879 39.1176C69.3879 39.932 69.1485 40.7281 68.7 41.4053C68.2515 42.0824 67.614 42.6102 66.8682 42.9219C66.1224 43.2335 65.3017 43.3151 64.51 43.1562C63.7182 42.9973 62.9909 42.6051 62.4201 42.0293C61.8493 41.4534 61.4605 40.7197 61.303 39.921C61.1455 39.1222 61.2264 38.2943 61.5353 37.5419C61.8442 36.7895 62.3674 36.1464 63.0386 35.6939C63.7098 35.2415 64.499 35 65.3062 35L65.3062 36.0287C64.7006 36.0287 64.1087 36.2099 63.6051 36.5493C63.1016 36.8887 62.7091 37.3711 62.4774 37.9356C62.2456 38.5 62.185 39.1211 62.3031 39.7203C62.4213 40.3195 62.7129 40.8699 63.1411 41.3019C63.5693 41.7339 64.1149 42.0281 64.7089 42.1472C65.3028 42.2664 65.9185 42.2053 66.478 41.9715C67.0375 41.7377 67.5157 41.3418 67.8521 40.8338C68.1886 40.3258 68.3682 39.7286 68.3682 39.1176H69.3879Z" stroke="#FFCA59" stroke-width="2" mask="url(#path-16-inside-1_5607_29083)"/>
<path d="M83.173 39.1176C83.173 41.1198 81.5653 42.7353 79.5914 42.7353C77.6174 42.7353 76.0098 41.1198 76.0098 39.1176C76.0098 37.1155 77.6174 35.5 79.5914 35.5C81.5653 35.5 83.173 37.1155 83.173 39.1176Z" stroke="#F4EFF7"/>
<mask id="path-18-inside-2_5607_29083" fill="white">
<path d="M79.5914 35C80.2626 35 80.9235 35.167 81.5155 35.4862C82.1074 35.8054 82.6122 36.267 82.9852 36.83C83.3581 37.393 83.5876 38.0402 83.6534 38.714C83.7192 39.3879 83.6192 40.0678 83.3623 40.6934C83.1055 41.319 82.6996 41.8711 82.1808 42.3006C81.6619 42.7302 81.046 43.0241 80.3877 43.1562C79.7294 43.2883 79.0489 43.2546 78.4066 43.058C77.7642 42.8614 77.1799 42.5081 76.7052 42.0293L77.4263 41.3019C77.7823 41.6611 78.2207 41.9261 78.7026 42.0736C79.1844 42.221 79.6949 42.2463 80.1888 42.1472C80.6826 42.0481 81.1446 41.8277 81.5339 41.5054C81.9231 41.1832 82.2276 40.7691 82.4203 40.2997C82.613 39.8304 82.6879 39.3204 82.6386 38.8149C82.5892 38.3093 82.4171 37.8239 82.1373 37.4015C81.8576 36.9791 81.4789 36.6329 81.0348 36.3934C80.5907 36.154 80.0949 36.0287 79.5914 36.0287V35Z"/>
</mask>
<path d="M79.5914 35C80.2626 35 80.9235 35.167 81.5155 35.4862C82.1074 35.8054 82.6122 36.267 82.9852 36.83C83.3581 37.393 83.5876 38.0402 83.6534 38.714C83.7192 39.3879 83.6192 40.0678 83.3623 40.6934C83.1055 41.319 82.6996 41.8711 82.1808 42.3006C81.6619 42.7302 81.046 43.0241 80.3877 43.1562C79.7294 43.2883 79.0489 43.2546 78.4066 43.058C77.7642 42.8614 77.1799 42.5081 76.7052 42.0293L77.4263 41.3019C77.7823 41.6611 78.2207 41.9261 78.7026 42.0736C79.1844 42.221 79.6949 42.2463 80.1888 42.1472C80.6826 42.0481 81.1446 41.8277 81.5339 41.5054C81.9231 41.1832 82.2276 40.7691 82.4203 40.2997C82.613 39.8304 82.6879 39.3204 82.6386 38.8149C82.5892 38.3093 82.4171 37.8239 82.1373 37.4015C81.8576 36.9791 81.4789 36.6329 81.0348 36.3934C80.5907 36.154 80.0949 36.0287 79.5914 36.0287V35Z" stroke="#945DED" stroke-width="2" mask="url(#path-18-inside-2_5607_29083)"/>
<path d="M68.8879 55.5884C68.8879 57.5905 67.2802 59.206 65.3062 59.206C63.3323 59.206 61.7246 57.5905 61.7246 55.5884C61.7246 53.5862 63.3323 51.9707 65.3062 51.9707C67.2802 51.9707 68.8879 53.5862 68.8879 55.5884Z" stroke="#434552"/>
<mask id="path-20-inside-3_5607_29083" fill="white">
<path d="M61.4186 56.8427C61.0888 55.8025 61.1822 54.6728 61.6781 53.7021C62.174 52.7313 63.0318 51.9991 64.0629 51.6664C65.094 51.3337 66.2138 51.4279 67.176 51.9282C68.1383 52.4284 68.8641 53.2939 69.1939 54.334L68.2227 54.6474C67.9753 53.8671 67.4308 53.2179 66.7089 52.8426C65.9871 52.4673 65.147 52.3966 64.3735 52.6462C63.6 52.8958 62.9565 53.4451 62.5845 54.1733C62.2125 54.9015 62.1425 55.749 62.3898 56.5293L61.4186 56.8427Z"/>
</mask>
<path d="M61.4186 56.8427C61.0888 55.8025 61.1822 54.6728 61.6781 53.7021C62.174 52.7313 63.0318 51.9991 64.0629 51.6664C65.094 51.3337 66.2138 51.4279 67.176 51.9282C68.1383 52.4284 68.8641 53.2939 69.1939 54.334L68.2227 54.6474C67.9753 53.8671 67.4308 53.2179 66.7089 52.8426C65.9871 52.4673 65.147 52.3966 64.3735 52.6462C63.6 52.8958 62.9565 53.4451 62.5845 54.1733C62.2125 54.9015 62.1425 55.749 62.3898 56.5293L61.4186 56.8427Z" stroke="#00C261" stroke-width="2" mask="url(#path-20-inside-3_5607_29083)"/>
<path d="M83.173 55.5884C83.173 57.5905 81.5653 59.206 79.5914 59.206C77.6174 59.206 76.0098 57.5905 76.0098 55.5884C76.0098 53.5862 77.6174 51.9707 79.5914 51.9707C81.5653 51.9707 83.173 53.5862 83.173 55.5884Z" stroke="#434552"/>
<mask id="path-22-inside-4_5607_29083" fill="white">
<path d="M83.5911 54.7676C83.7065 55.3399 83.6999 55.9304 83.5718 56.4999C83.4436 57.0694 83.1969 57.6049 82.8478 58.0708C82.4988 58.5367 82.0556 58.9224 81.5475 59.2023C81.0394 59.4822 80.4781 59.6499 79.9009 59.6941C79.3237 59.7384 78.7437 59.6583 78.1995 59.4592C77.6554 59.26 77.1594 58.9464 76.7445 58.5391C76.3297 58.1317 76.0055 57.6401 75.7935 57.0967C75.5814 56.5532 75.4864 55.9705 75.5146 55.3872L76.5331 55.4375C76.5119 55.8751 76.5832 56.3122 76.7423 56.7198C76.9014 57.1275 77.1446 57.4963 77.4558 57.8019C77.767 58.1075 78.139 58.3428 78.5473 58.4922C78.9555 58.6416 79.3906 58.7016 79.8236 58.6684C80.2566 58.6352 80.6777 58.5094 81.0588 58.2995C81.44 58.0895 81.7725 57.8002 82.0343 57.4506C82.2961 57.1011 82.4812 56.6994 82.5774 56.2721C82.6735 55.8449 82.6785 55.4019 82.5919 54.9726L83.5911 54.7676Z"/>
</mask>
<path d="M83.5911 54.7676C83.7065 55.3399 83.6999 55.9304 83.5718 56.4999C83.4436 57.0694 83.1969 57.6049 82.8478 58.0708C82.4988 58.5367 82.0556 58.9224 81.5475 59.2023C81.0394 59.4822 80.4781 59.6499 79.9009 59.6941C79.3237 59.7384 78.7437 59.6583 78.1995 59.4592C77.6554 59.26 77.1594 58.9464 76.7445 58.5391C76.3297 58.1317 76.0055 57.6401 75.7935 57.0967C75.5814 56.5532 75.4864 55.9705 75.5146 55.3872L76.5331 55.4375C76.5119 55.8751 76.5832 56.3122 76.7423 56.7198C76.9014 57.1275 77.1446 57.4963 77.4558 57.8019C77.767 58.1075 78.139 58.3428 78.5473 58.4922C78.9555 58.6416 79.3906 58.7016 79.8236 58.6684C80.2566 58.6352 80.6777 58.5094 81.0588 58.2995C81.44 58.0895 81.7725 57.8002 82.0343 57.4506C82.2961 57.1011 82.4812 56.6994 82.5774 56.2721C82.6735 55.8449 82.6785 55.4019 82.5919 54.9726L83.5911 54.7676Z" stroke="#3370FF" stroke-width="2" mask="url(#path-22-inside-4_5607_29083)"/>
</g>
<rect x="10.2041" y="17.5" width="35.7143" height="11.3235" rx="1" fill="#434552"/>
<rect x="12.2451" y="19.5586" width="11.2245" height="2.05926" rx="0.5" fill="#2E313D"/>
<rect x="12.2451" y="23.6763" width="28.5714" height="3.08889" rx="0.5" fill="#2E313D"/>
<rect x="50" y="17.5" width="35.7143" height="11.3235" rx="1" fill="#E9E8EC"/>
<rect x="52.041" y="19.5586" width="11.2245" height="2.05926" rx="0.5" fill="white"/>
<rect x="52.041" y="23.6763" width="28.5714" height="3.08889" rx="0.5" fill="white"/>
<g filter="url(#filter1_d_5607_29083)">
<rect x="50" y="17.5" width="47.9592" height="20.5882" rx="1" fill="#434552"/>
<path d="M60.2246 20.5884C60.7769 20.5884 61.2246 21.0361 61.2246 21.5884L61.2246 21.6476C61.2246 22.1999 60.7769 22.6476 60.2246 22.6476L53.0613 22.6476L53.0613 20.5884L60.2246 20.5884Z" fill="#3370FF"/>
<path d="M70.4287 24.7061C70.981 24.7061 71.4287 25.1538 71.4287 25.7061L71.4287 25.7653C71.4287 26.3176 70.981 26.7653 70.4287 26.7653L53.0614 26.7653L53.0614 24.7061L70.4287 24.7061Z" fill="#3370FF"/>
<path d="M84.7139 28.8237C85.2662 28.8237 85.7139 29.2714 85.7139 29.8237L85.7139 29.883C85.7139 30.4353 85.2662 30.883 84.7139 30.883L53.0608 30.883L53.0608 28.8237L84.7139 28.8237Z" fill="#3370FF"/>
<path d="M93.8984 32.9414C94.4507 32.9414 94.8984 33.3891 94.8984 33.9414L94.8984 34.0007C94.8984 34.553 94.4507 35.0007 93.8984 35.0007L53.0617 35.0007L53.0617 32.9414L93.8984 32.9414Z" fill="#3370FF"/>
</g>
<g filter="url(#filter2_d_5607_29083)">
<ellipse cx="12.2452" cy="56.6177" rx="9.18367" ry="9.26471" fill="#EDAC2C"/>
</g>
<path d="M13.6225 51.522L13.6597 51.5234L13.6909 51.5271C13.6987 51.5283 13.7067 51.5297 13.7147 51.5313C13.7248 51.5334 13.7347 51.5358 13.7446 51.5385C13.7518 51.5405 13.7588 51.5427 13.7658 51.545C13.7749 51.548 13.7839 51.5513 13.7929 51.5549L13.8168 51.5654C13.8263 51.5699 13.8357 51.5747 13.8449 51.5798C13.8504 51.5829 13.8561 51.5862 13.8616 51.5896C13.8733 51.5969 13.8848 51.6047 13.8958 51.6129L13.9058 51.6206C13.907 51.6216 13.9084 51.6227 13.9097 51.6237L13.9472 51.6577L16.2431 53.9738L16.2743 54.0095L16.2875 54.0256C16.2957 54.0368 16.3034 54.0483 16.3105 54.0602L16.3204 54.0772C16.3254 54.0863 16.3301 54.0958 16.3346 54.1054L16.3449 54.1294C16.3485 54.1385 16.3518 54.1477 16.3549 54.157C16.3571 54.1639 16.3592 54.171 16.3612 54.1782C16.3639 54.1882 16.3663 54.1982 16.3684 54.2084C16.3699 54.2164 16.3714 54.2245 16.3726 54.2326C16.3733 54.2373 16.3739 54.2423 16.3745 54.2474L16.3759 54.2614C16.3766 54.2698 16.3771 54.2781 16.3774 54.2864L16.3776 54.3014V56.6176H15.4592V54.7646H13.6225C13.387 54.7646 13.1929 54.5858 13.1664 54.3554L13.1633 54.3014V52.4484H9.03067V60.7867H13.1633V61.7132H9.03067C8.52347 61.7132 8.1123 61.2984 8.1123 60.7867V52.4484C8.1123 51.9368 8.52347 51.522 9.03067 51.522H13.6225ZM16.2895 57.2198C17.1003 57.2198 17.6803 57.7587 17.7552 58.45H16.776C16.7199 58.2105 16.5889 58.0254 16.2833 58.0254H15.6284C15.2667 58.0254 15.0359 58.2921 15.0359 58.6133L15.0422 60.3196C15.0422 60.6408 15.2729 60.9075 15.6347 60.9075H16.2895C16.5889 60.9075 16.7136 60.7333 16.776 60.4993H17.7614C17.6866 61.1797 17.1003 61.7132 16.2958 61.7132H15.6284C14.7802 61.7132 14.0879 61.1089 14.0879 60.3686L14.0817 58.5697C14.0817 57.824 14.774 57.2198 15.6222 57.2198H16.2895ZM14.0817 53.1039V53.8381H14.8095L14.0817 53.1039Z" fill="#E3E6F3"/>
<defs>
<filter id="filter0_d_5607_29083" x="4.12207" y="5.20605" width="91.6733" height="64.6177" 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 dx="2" dy="2"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.13092 0 0 0 0 0 0 0 0 0 0.342773 0 0 0 0.11 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29083"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29083" result="shape"/>
</filter>
<filter id="filter1_d_5607_29083" x="46" y="17.5" width="55.959" height="28.5884" 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="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.141176 0 0 0 0 0.14902 0 0 0 0 0.2 0 0 0 1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29083"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29083" result="shape"/>
</filter>
<filter id="filter2_d_5607_29083" x="1.06152" y="45.353" width="26.3672" height="26.5293" 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 dx="2" dy="2"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.234009 0 0 0 0 0 0 0 0 0 0.612679 0 0 0 0.2 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29083"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29083" result="shape"/>
</filter>
<linearGradient id="paint0_linear_5607_29083" x1="32.6531" y1="36.9008" x2="33.1214" y2="64.4517" gradientUnits="userSpaceOnUse">
<stop stop-color="#945DED"/>
<stop offset="1" stop-color="#242633"/>
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

0
frontend/src/assets/svg/api_ui_Template.svg → frontend/src/assets/svg/apiTemplate.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.4 KiB

After

Width:  |  Height:  |  Size: 4.4 KiB

39
frontend/src/assets/svg/apiTemplateDark.svg Normal file
View File

@ -0,0 +1,39 @@
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="48" height="48" rx="2" fill="#242633"/>
<path d="M32.015 17.8826L41.9999 23.6474V35.177L32.015 40.9418L22.03 35.177V23.6474L32.015 17.8826Z" fill="#CD3BFF"/>
<g filter="url(#filter0_i_5917_1716)">
<path d="M18.8378 8L31.6755 15.4119V30.2357L18.8378 37.6476L6 30.2357V15.4119L18.8378 8Z" fill="#5F2D7A"/>
</g>
<g filter="url(#filter1_f_5917_1716)">
<path d="M28.3088 14.5884C29.4459 14.5884 30.3677 15.0153 30.3677 15.542L30.3677 31.7528C30.3677 32.2794 29.4459 32.7063 28.3088 32.7063L15.9557 32.7063C14.8186 32.7063 13.8968 32.2794 13.8968 31.7528L13.8968 15.542C13.8968 15.0153 14.8186 14.5884 15.9557 14.5884L28.3088 14.5884Z" fill="#9A35C2"/>
</g>
<g filter="url(#filter2_d_5917_1716)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M26.8324 15.9943C27.1541 15.6726 27.1541 15.1512 26.8324 14.8296C26.5108 14.508 25.9894 14.508 25.6678 14.8296L24.1325 16.3648C23.2369 15.7784 22.2581 15.6798 21.4171 15.8073C20.413 15.9594 19.5255 16.4424 19.0794 16.8885L19.0794 16.8885L17.8441 18.1238C17.6897 18.2782 17.6029 18.4877 17.6029 18.7061C17.6029 18.9245 17.6897 19.134 17.8441 19.2885L22.3736 23.8179C22.6952 24.1396 23.2167 24.1396 23.5383 23.8179L24.7736 22.5826L24.7736 22.5826C25.2196 22.1366 25.7026 21.2491 25.8548 20.2449C25.9822 19.404 25.8836 18.4252 25.2972 17.5295L26.8324 15.9943ZM20.2441 18.0531C20.4157 17.8815 20.9694 17.541 21.6638 17.4358C22.3151 17.3371 23.0099 17.4541 23.6089 18.0531C24.2079 18.6522 24.3249 19.347 24.2263 19.9982C24.1211 20.6926 23.7805 21.2463 23.6089 21.418L22.9559 22.0709L19.5911 18.7061L20.2441 18.0531L20.2441 18.0531ZM14.7201 21.5884C14.9385 21.5884 15.148 21.6752 15.3024 21.8297L15.5439 22.0711L16.6088 21.0062C16.9304 20.6845 17.4518 20.6845 17.7735 21.0062C18.0951 21.3278 18.0951 21.8492 17.7735 22.1708L16.7085 23.2358L18.4263 24.9535L19.4912 23.8886C19.8128 23.567 20.3342 23.567 20.6559 23.8886C20.9775 24.2102 20.9775 24.7316 20.6559 25.0532L19.5909 26.1182L19.8319 26.3591C20.1535 26.6808 20.1535 27.2022 19.8319 27.5238L18.5966 28.7591C18.1506 29.2052 17.2631 29.6882 16.2589 29.8404C15.4181 29.9678 14.4393 29.8692 13.5437 29.2829L12.0087 30.818C11.687 31.1396 11.1656 31.1396 10.844 30.818C10.5224 30.4964 10.5224 29.975 10.844 29.6534L12.379 28.1184C11.7924 27.2226 11.6938 26.2437 11.8213 25.4027C11.9734 24.3985 12.4564 23.511 12.9024 23.065L14.1378 21.8297C14.2922 21.6752 14.5017 21.5884 14.7201 21.5884ZM16.0122 28.2119C15.3656 28.3098 14.676 28.1951 14.0798 27.6071L14.0675 27.5945L14.0549 27.5822C13.4665 26.986 13.3518 26.2962 13.4498 25.6494C13.555 24.955 13.8955 24.4013 14.0671 24.2296L14.7201 23.5767L18.0849 26.9415L17.4319 27.5945C17.2603 27.7661 16.7066 28.1066 16.0122 28.2119Z" fill="#242633"/>
</g>
<defs>
<filter id="filter0_i_5917_1716" x="6" y="8" width="25.6755" height="30.6475" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.2 0 0 0 0 0.439216 0 0 0 0 1 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_5917_1716"/>
</filter>
<filter id="filter1_f_5917_1716" x="8.89673" y="9.58838" width="26.4709" height="28.1179" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_5917_1716"/>
</filter>
<filter id="filter2_d_5917_1716" x="10.6028" y="14.5884" width="16.4709" height="16.5709" 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.1"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.00986111 0 0 0 0 0.0953724 0 0 0 0 0.295833 0 0 0 0.22 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5917_1716"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5917_1716" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.5 KiB

107
frontend/src/assets/svg/bug-count-dark-img.svg Normal file
View File

@ -0,0 +1,107 @@
<svg width="102" height="78" viewBox="0 0 102 78" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle opacity="0.1" cx="74.5" cy="27.5" r="27.5" fill="#60626F"/>
<g filter="url(#filter0_d_5607_29092)">
<path d="M11 11C11 9.89543 11.9065 9 13.0247 9H90.9753C92.0935 9 93 9.89543 93 11V16H11V11Z" fill="#434552"/>
<path d="M11 16.0771H93V62.0771C93 63.1817 92.0935 64.0771 90.9753 64.0771H13.0247C11.9065 64.0771 11 63.1817 11 62.0771V16.0771Z" fill="#242633"/>
<mask id="path-4-inside-1_5607_29092" fill="white">
<path d="M80.6841 19C81.5619 19 82.431 19.1769 83.242 19.5205C84.053 19.8642 84.7898 20.3678 85.4105 21.0028C86.0312 21.6378 86.5235 22.3916 86.8594 23.2212C87.1953 24.0508 87.3682 24.94 87.3682 25.838L85.6983 25.838C85.6983 25.1644 85.5686 24.4973 85.3167 23.875C85.0647 23.2526 84.6953 22.6871 84.2297 22.2108C83.7641 21.7344 83.2113 21.3566 82.603 21.0988C81.9946 20.841 81.3426 20.7083 80.6841 20.7083V19Z"/>
</mask>
<path d="M80.6841 19C81.5619 19 82.431 19.1769 83.242 19.5205C84.053 19.8642 84.7898 20.3678 85.4105 21.0028C86.0312 21.6378 86.5235 22.3916 86.8594 23.2212C87.1953 24.0508 87.3682 24.94 87.3682 25.838L85.6983 25.838C85.6983 25.1644 85.5686 24.4973 85.3167 23.875C85.0647 23.2526 84.6953 22.6871 84.2297 22.2108C83.7641 21.7344 83.2113 21.3566 82.603 21.0988C81.9946 20.841 81.3426 20.7083 80.6841 20.7083V19Z" stroke="#00C261" stroke-width="2" mask="url(#path-4-inside-1_5607_29092)"/>
<mask id="path-5-inside-2_5607_29092" fill="white">
<path d="M87.3543 26.2791C87.2898 27.2993 87.0026 28.2916 86.5138 29.1832C86.0249 30.0748 85.3469 30.8429 84.5296 31.431C83.7123 32.0191 82.7765 32.4123 81.791 32.5816C80.8056 32.7509 79.7956 32.692 78.8353 32.4092L79.2972 30.7676C80.0176 30.9797 80.7753 31.0239 81.5145 30.8969C82.2538 30.7699 82.9558 30.4749 83.5689 30.0337C84.182 29.5925 84.6907 29.0163 85.0574 28.3475C85.4241 27.6786 85.6395 26.9342 85.6879 26.1689L87.3543 26.2791Z"/>
</mask>
<path d="M87.3543 26.2791C87.2898 27.2993 87.0026 28.2916 86.5138 29.1832C86.0249 30.0748 85.3469 30.8429 84.5296 31.431C83.7123 32.0191 82.7765 32.4123 81.791 32.5816C80.8056 32.7509 79.7956 32.692 78.8353 32.4092L79.2972 30.7676C80.0176 30.9797 80.7753 31.0239 81.5145 30.8969C82.2538 30.7699 82.9558 30.4749 83.5689 30.0337C84.182 29.5925 84.6907 29.0163 85.0574 28.3475C85.4241 27.6786 85.6395 26.9342 85.6879 26.1689L87.3543 26.2791Z" stroke="#FFA200" stroke-width="2" mask="url(#path-5-inside-2_5607_29092)"/>
<mask id="path-6-inside-3_5607_29092" fill="white">
<path d="M78.3098 32.23C77.1547 31.781 76.1439 31.0132 75.3896 30.0119C74.6354 29.0105 74.1672 27.8149 74.0371 26.5578L75.6977 26.378C75.7953 27.321 76.1465 28.218 76.7123 28.9691C77.2781 29.7203 78.0364 30.2963 78.9029 30.6332L78.3098 32.23Z"/>
</mask>
<path d="M78.3098 32.23C77.1547 31.781 76.1439 31.0132 75.3896 30.0119C74.6354 29.0105 74.1672 27.8149 74.0371 26.5578L75.6977 26.378C75.7953 27.321 76.1465 28.218 76.7123 28.9691C77.2781 29.7203 78.0364 30.2963 78.9029 30.6332L78.3098 32.23Z" stroke="#F02929" stroke-width="2" mask="url(#path-6-inside-3_5607_29092)"/>
<rect opacity="0.4" x="53" y="43" width="4" height="15" fill="#FFF6E5" fill-opacity="0.929412"/>
<rect x="61" y="31" width="4" height="27" fill="#B1842E"/>
<rect opacity="0.4" x="69" y="37" width="4" height="21" fill="#FFF6E5" fill-opacity="0.929412"/>
<rect x="77" y="43" width="4" height="15" fill="#B1842E"/>
<rect opacity="0.4" x="85" y="43" width="4" height="15" fill="#FFF6E5" fill-opacity="0.929412"/>
<path d="M53 53.5278L60.7525 36.5999C61.5075 34.9513 63.8909 35.0778 64.4672 36.797L69.7754 52.6324C70.3314 54.291 72.5986 54.4869 73.4308 52.9482L77.5975 45.2442C78.3023 43.9411 80.1299 43.8299 80.9875 45.038L88 54.9167" stroke="#EDAC2C" stroke-width="0.5"/>
<rect x="16" y="21" width="34" height="39" rx="1" fill="#434552"/>
<rect x="19" y="27" width="16" height="2" rx="1" fill="url(#paint0_linear_5607_29092)"/>
<rect opacity="0.4" x="19" y="33" width="25" height="2" rx="1" fill="url(#paint1_linear_5607_29092)"/>
<rect opacity="0.4" x="19" y="39" width="28" height="2" rx="1" fill="url(#paint2_linear_5607_29092)"/>
<rect opacity="0.4" x="19" y="44" width="28" height="2" rx="1" fill="url(#paint3_linear_5607_29092)"/>
<rect opacity="0.4" x="19" y="50" width="28" height="2" rx="1" fill="url(#paint4_linear_5607_29092)"/>
<rect x="19" y="55" width="28" height="2" rx="1" fill="url(#paint5_linear_5607_29092)"/>
<path d="M16.0361 12.4521C16.0361 13.2806 15.3646 13.9521 14.5361 13.9521C13.7077 13.9521 13.0361 13.2806 13.0361 12.4521C13.0361 11.6237 13.7077 10.9521 14.5361 10.9521C15.3646 10.9521 16.0361 11.6237 16.0361 12.4521Z" fill="#ED0303"/>
<path d="M22.0361 12.4521C22.0361 13.2806 21.3646 13.9521 20.5361 13.9521C19.7077 13.9521 19.0361 13.2806 19.0361 12.4521C19.0361 11.6237 19.7077 10.9521 20.5361 10.9521C21.3646 10.9521 22.0361 11.6237 22.0361 12.4521Z" fill="#FFA200"/>
<path d="M28.0361 12.4521C28.0361 13.2806 27.3646 13.9521 26.5361 13.9521C25.7077 13.9521 25.0361 13.2806 25.0361 12.4521C25.0361 11.6237 25.7077 10.9521 26.5361 10.9521C27.3646 10.9521 28.0361 11.6237 28.0361 12.4521Z" fill="#00C261"/>
</g>
<g filter="url(#filter1_d_5607_29092)">
<rect x="57" y="55" width="45" height="15" rx="1" fill="#434552"/>
<rect opacity="0.4" x="70" y="62" width="28" height="2" rx="1" fill="#242633"/>
<rect opacity="0.4" x="70" y="62" width="13" height="2" rx="1" fill="#E2324F"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M63.0423 60.7498C63.067 59.9506 63.6995 59.2915 64.4998 59.2915C65.3002 59.2915 65.9327 59.9506 65.9574 60.7498H66.4207L67.2103 59.9603C67.3242 59.8464 67.5088 59.8464 67.6227 59.9603C67.7366 60.0742 67.7366 60.2588 67.6227 60.3727L66.8332 61.1623V62.6457H67.4165C67.5776 62.6457 67.7082 62.7763 67.7082 62.9373C67.7082 63.0984 67.5776 63.229 67.4165 63.229H66.8275C66.8044 63.5428 66.705 64.0193 66.4253 64.4503L67.1852 65.2103C67.2991 65.3242 67.2991 65.5088 67.1852 65.6228C67.0713 65.7367 66.8867 65.7367 66.7728 65.6228L66.0427 64.8927C66.0364 64.8982 66.03 64.9037 66.0236 64.9091L66.0199 64.9124C65.9442 64.9761 65.8626 65.0353 65.7748 65.089C65.4476 65.2891 65.029 65.4165 64.4998 65.4165C63.9811 65.4165 63.5686 65.2932 63.2445 65.099C63.2332 65.0922 63.2219 65.0853 63.2108 65.0783C63.1317 65.0288 63.0576 64.9748 62.9885 64.917L62.9843 64.9134C62.9756 64.906 62.967 64.8986 62.9585 64.8912L62.2269 65.6228C62.113 65.7367 61.9283 65.7367 61.8144 65.6228C61.7005 65.5088 61.7005 65.3242 61.8144 65.2103L62.5762 64.4485C62.2959 64.0168 62.1958 63.5401 62.1723 63.229H61.5832C61.4221 63.229 61.2915 63.0984 61.2915 62.9373C61.2915 62.7763 61.4221 62.6457 61.5832 62.6457H62.1665V61.1623L61.3769 60.3727C61.263 60.2588 61.263 60.0742 61.3769 59.9603C61.4908 59.8464 61.6755 59.8464 61.7894 59.9603L62.579 60.7498H63.0423ZM64.7915 61.2785C64.7915 61.1476 64.6609 61.0415 64.4998 61.0415C64.3388 61.0415 64.2082 61.1476 64.2082 61.2785V64.5962C64.2082 64.7271 64.3388 64.8332 64.4998 64.8332C64.6609 64.8332 64.7915 64.7271 64.7915 64.5962V61.2785Z" fill="#E2324F"/>
</g>
<g filter="url(#filter2_d_5607_29092)">
<rect x="2" width="31.0555" height="35.5337" rx="1" fill="#434552"/>
<rect x="6.00684" y="24.3657" width="10.0179" height="2.0305" rx="1" fill="#BFF8DB"/>
<rect x="6.00684" y="28.4272" width="23.0412" height="2.0305" rx="1" fill="#22CC77"/>
<path d="M22.0358 5.14937C20.4624 4.22875 18.627 3.87725 16.8306 4.1525C15.0342 4.42775 13.3833 5.31341 12.1488 6.66427C10.9142 8.01513 10.1692 9.75102 10.0359 11.5873C9.90263 13.4236 10.3889 15.2513 11.4151 16.7707C12.4413 18.2901 13.9465 19.4111 15.6838 19.9498C17.4211 20.4885 19.2875 20.413 20.9769 19.7357C22.6664 19.0583 24.0786 17.8193 24.982 16.2218C25.8854 14.6244 26.2264 12.7632 25.9491 10.9435L18.0287 12.1832L22.0358 5.14937Z" fill="url(#paint6_angular_5607_29092)"/>
</g>
<defs>
<filter id="filter0_d_5607_29092" x="7" y="9" width="90" height="63.0771" 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="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29092"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29092" result="shape"/>
</filter>
<filter id="filter1_d_5607_29092" x="49" y="55" width="53" height="23" 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 dx="-4" dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29092"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29092" result="shape"/>
</filter>
<filter id="filter2_d_5607_29092" x="0" y="0" width="39.0557" height="43.5337" 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 dx="2" dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.141176 0 0 0 0 0.14902 0 0 0 0 0.2 0 0 0 1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29092"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29092" result="shape"/>
</filter>
<linearGradient id="paint0_linear_5607_29092" x1="8.5" y1="28" x2="42" y2="28.5" gradientUnits="userSpaceOnUse">
<stop stop-color="#11B671"/>
<stop offset="1" stop-color="#E3E6F3"/>
</linearGradient>
<linearGradient id="paint1_linear_5607_29092" x1="19" y1="34" x2="54.913" y2="35.2199" gradientUnits="userSpaceOnUse">
<stop stop-color="#ED0303"/>
<stop offset="1" stop-color="#F7CCCC"/>
</linearGradient>
<linearGradient id="paint2_linear_5607_29092" x1="0.625" y1="40" x2="59.2231" y2="41.5305" gradientUnits="userSpaceOnUse">
<stop stop-color="#11B671"/>
<stop offset="1" stop-color="#E3E6F3"/>
</linearGradient>
<linearGradient id="paint3_linear_5607_29092" x1="0.625" y1="45" x2="59.2231" y2="46.5305" gradientUnits="userSpaceOnUse">
<stop stop-color="#11B671"/>
<stop offset="1" stop-color="#E3E6F3"/>
</linearGradient>
<linearGradient id="paint4_linear_5607_29092" x1="0.625" y1="51" x2="59.2231" y2="52.5305" gradientUnits="userSpaceOnUse">
<stop stop-color="#11B671"/>
<stop offset="1" stop-color="#E3E6F3"/>
</linearGradient>
<linearGradient id="paint5_linear_5607_29092" x1="0.625" y1="56" x2="59.2231" y2="57.5305" gradientUnits="userSpaceOnUse">
<stop stop-color="#00C261"/>
<stop offset="1" stop-color="#FDFFFE"/>
</linearGradient>
<radialGradient id="paint6_angular_5607_29092" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(18.0287 12.1832) rotate(-46.989) scale(7.91985 7.91322)">
<stop stop-color="#00C261"/>
<stop offset="1" stop-color="#D9FFEC"/>
</radialGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

205
frontend/src/assets/svg/bug-handler-dark-img.svg Normal file
View File

@ -0,0 +1,205 @@
<svg width="110" height="74" viewBox="0 0 110 74" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle opacity="0.1" cx="31.5" cy="27.5" r="27.5" fill="#60626F"/>
<circle opacity="0.1" cx="85" cy="51" r="19" fill="#60626F"/>
<g filter="url(#filter0_d_5607_29095)">
<path d="M13 10C13 8.89543 13.8954 8 15 8H92C93.1046 8 94 8.89543 94 10V15H13V10Z" fill="#434552"/>
<path d="M13 15H94V61C94 62.1046 93.1046 63 92 63H15C13.8954 63 13 62.1046 13 61V15Z" fill="#242633"/>
<path d="M21 11.5C21 12.3284 20.3284 13 19.5 13C18.6716 13 18 12.3284 18 11.5C18 10.6716 18.6716 10 19.5 10C20.3284 10 21 10.6716 21 11.5Z" fill="#E2324F"/>
<path d="M27 11.5C27 12.3284 26.3284 13 25.5 13C24.6716 13 24 12.3284 24 11.5C24 10.6716 24.6716 10 25.5 10C26.3284 10 27 10.6716 27 11.5Z" fill="#EDAC2C"/>
<path d="M33 11.5C33 12.3284 32.3284 13 31.5 13C30.6716 13 30 12.3284 30 11.5C30 10.6716 30.6716 10 31.5 10C32.3284 10 33 10.6716 33 11.5Z" fill="#11B671"/>
</g>
<rect x="46" y="46" width="4" height="12" fill="#59472A"/>
<rect x="55" y="33" width="4" height="25" fill="#3D8EFF"/>
<rect x="64" y="40" width="4" height="18" fill="#59472A"/>
<rect x="73" y="45" width="4" height="13" fill="#178B5E"/>
<rect x="82" y="37" width="4" height="21" fill="#59472A"/>
<path d="M46.6934 53.0556L52.4705 47.3727C55.8949 44.0041 61.506 44.4367 64.3736 48.2906L64.8593 48.9433C67.3073 52.2333 72.0158 52.7928 75.1666 50.1683V50.1683C77.5524 48.1811 80.9483 47.9617 83.5699 49.6254L90.2003 53.8333" stroke="url(#paint0_linear_5607_29095)" stroke-width="0.5"/>
<rect opacity="0.2" x="18" y="31" width="19" height="7" rx="1" fill="#945DED"/>
<g opacity="0.9">
<circle cx="21.5" cy="34.5" r="1.5" fill="white"/>
<rect x="24" y="35" width="11" height="1" rx="0.5" fill="white"/>
<rect x="24" y="33" width="11" height="1" rx="0.5" fill="white"/>
</g>
<rect opacity="0.2" x="18" y="41" width="19" height="7" rx="1" fill="#709BFF"/>
<g opacity="0.9">
<circle cx="21.5" cy="44.5" r="1.5" fill="white"/>
<rect x="24" y="45" width="11" height="1" rx="0.5" fill="white"/>
<rect x="24" y="43" width="11" height="1" rx="0.5" fill="white"/>
</g>
<rect opacity="0.2" x="18" y="51" width="19" height="7" rx="1" fill="#F24F4F"/>
<g opacity="0.9">
<circle cx="21.5" cy="54.5" r="1.5" fill="white"/>
<rect x="24" y="55" width="11" height="1" rx="0.5" fill="white"/>
<rect x="24" y="53" width="11" height="1" rx="0.5" fill="white"/>
</g>
<g filter="url(#filter1_d_5607_29095)">
<g filter="url(#filter2_d_5607_29095)">
<rect x="75" y="4" width="29" height="10" rx="1" fill="#434552"/>
</g>
<g filter="url(#filter3_d_5607_29095)">
<circle cx="80" cy="9" r="3" fill="#A92E47"/>
</g>
<path d="M80 10.6875C80.932 10.6875 81.6875 9.93198 81.6875 9C81.6875 8.06802 80.932 7.3125 80 7.3125C79.068 7.3125 78.3125 8.06802 78.3125 9C78.3125 9.93198 79.068 10.6875 80 10.6875ZM80 11.0625C78.8609 11.0625 77.9375 10.1391 77.9375 9C77.9375 7.86091 78.8609 6.9375 80 6.9375C81.1391 6.9375 82.0625 7.86091 82.0625 9C82.0625 10.1391 81.1391 11.0625 80 11.0625ZM80 8.73483L80.3977 8.33708C80.471 8.26386 80.5897 8.26386 80.6629 8.33708C80.7361 8.41031 80.7361 8.52902 80.6629 8.60225L80.2652 9L80.6629 9.39774C80.7361 9.47097 80.7361 9.58968 80.6629 9.66291C80.5897 9.73613 80.471 9.73613 80.3977 9.66291L80 9.26516L79.6023 9.66291C79.529 9.73613 79.4103 9.73613 79.3371 9.66291C79.2639 9.58968 79.2639 9.47097 79.3371 9.39774L79.7348 9L79.3371 8.60225C79.2639 8.52902 79.2639 8.41031 79.3371 8.33708C79.4103 8.26386 79.529 8.26386 79.6023 8.33708L80 8.73483Z" fill="white"/>
<rect opacity="0.4" x="84" y="7" width="6" height="2" rx="1" fill="#54293A"/>
<rect opacity="0.4" x="84" y="10" width="14" height="2" rx="1" fill="#54293A"/>
</g>
<path d="M53.3781 24.6469C53.3781 26.6491 51.7704 28.2646 49.7965 28.2646C47.8225 28.2646 46.2148 26.6491 46.2148 24.6469C46.2148 22.6448 47.8225 21.0293 49.7965 21.0293C51.7704 21.0293 53.3781 22.6448 53.3781 24.6469Z" stroke="#434552"/>
<mask id="path-32-inside-1_5607_29095" fill="white">
<path d="M49.7965 20.5293C50.7224 20.5293 51.6209 20.8469 52.3443 21.43C53.0677 22.0131 53.5731 22.827 53.7775 23.7381C53.9818 24.6492 53.873 25.6034 53.469 26.4438C53.0649 27.2843 52.3895 27.9612 51.5538 28.3634L51.1147 27.435C51.7417 27.1332 52.2483 26.6255 52.5515 25.9949C52.8546 25.3644 52.9362 24.6487 52.7829 23.9652C52.6296 23.2817 52.2505 22.6711 51.7078 22.2337C51.1651 21.7963 50.4911 21.558 49.7965 21.558V20.5293Z"/>
</mask>
<path d="M49.7965 20.5293C50.7224 20.5293 51.6209 20.8469 52.3443 21.43C53.0677 22.0131 53.5731 22.827 53.7775 23.7381C53.9818 24.6492 53.873 25.6034 53.469 26.4438C53.0649 27.2843 52.3895 27.9612 51.5538 28.3634L51.1147 27.435C51.7417 27.1332 52.2483 26.6255 52.5515 25.9949C52.8546 25.3644 52.9362 24.6487 52.7829 23.9652C52.6296 23.2817 52.2505 22.6711 51.7078 22.2337C51.1651 21.7963 50.4911 21.558 49.7965 21.558V20.5293Z" stroke="#E9657B" stroke-width="2" mask="url(#path-32-inside-1_5607_29095)"/>
<path d="M71.7453 24.6469C71.7453 26.6491 70.1376 28.2646 68.1637 28.2646C66.1897 28.2646 64.582 26.6491 64.582 24.6469C64.582 22.6448 66.1897 21.0293 68.1637 21.0293C70.1376 21.0293 71.7453 22.6448 71.7453 24.6469Z" stroke="#434552"/>
<mask id="path-34-inside-2_5607_29095" fill="white">
<path d="M68.1637 20.5293C68.8349 20.5293 69.4958 20.6963 70.0877 21.0155C70.6797 21.3347 71.1845 21.7963 71.5574 22.3593C71.9303 22.9223 72.1599 23.5695 72.2256 24.2433C72.2914 24.9172 72.1915 25.5971 71.9346 26.2227C71.6777 26.8483 71.2719 27.4003 70.753 27.8299C70.2342 28.2595 69.6183 28.5534 68.96 28.6855C68.3016 28.8176 67.6212 28.7839 66.9788 28.5873C66.3365 28.3907 65.7521 28.0374 65.2775 27.5586L65.9985 26.8312C66.3546 27.1904 66.793 27.4554 67.2748 27.6029C67.7567 27.7503 68.2672 27.7756 68.761 27.6765C69.2549 27.5774 69.7169 27.357 70.1061 27.0347C70.4954 26.7125 70.7998 26.2983 70.9925 25.829C71.1852 25.3597 71.2602 24.8497 71.2109 24.3442C71.1615 23.8386 70.9893 23.3532 70.7096 22.9308C70.4298 22.5084 70.0511 22.1622 69.607 21.9227C69.163 21.6833 68.6672 21.558 68.1637 21.558V20.5293Z"/>
</mask>
<path d="M68.1637 20.5293C68.8349 20.5293 69.4958 20.6963 70.0877 21.0155C70.6797 21.3347 71.1845 21.7963 71.5574 22.3593C71.9303 22.9223 72.1599 23.5695 72.2256 24.2433C72.2914 24.9172 72.1915 25.5971 71.9346 26.2227C71.6777 26.8483 71.2719 27.4003 70.753 27.8299C70.2342 28.2595 69.6183 28.5534 68.96 28.6855C68.3016 28.8176 67.6212 28.7839 66.9788 28.5873C66.3365 28.3907 65.7521 28.0374 65.2775 27.5586L65.9985 26.8312C66.3546 27.1904 66.793 27.4554 67.2748 27.6029C67.7567 27.7503 68.2672 27.7756 68.761 27.6765C69.2549 27.5774 69.7169 27.357 70.1061 27.0347C70.4954 26.7125 70.7998 26.2983 70.9925 25.829C71.1852 25.3597 71.2602 24.8497 71.2109 24.3442C71.1615 23.8386 70.9893 23.3532 70.7096 22.9308C70.4298 22.5084 70.0511 22.1622 69.607 21.9227C69.163 21.6833 68.6672 21.558 68.1637 21.558V20.5293Z" stroke="#11B671" stroke-width="2" mask="url(#path-34-inside-2_5607_29095)"/>
<path d="M90.113 24.6469C90.113 26.6491 88.5053 28.2646 86.5313 28.2646C84.5574 28.2646 82.9497 26.6491 82.9497 24.6469C82.9497 22.6448 84.5574 21.0293 86.5313 21.0293C88.5053 21.0293 90.113 22.6448 90.113 24.6469Z" stroke="#434552"/>
<mask id="path-36-inside-3_5607_29095" fill="white">
<path d="M88.9427 27.9692C88.2528 28.4788 87.4218 28.7569 86.5668 28.7644C85.7119 28.7719 84.8762 28.5084 84.1777 28.011C83.4792 27.5137 82.9531 26.8076 82.6737 25.9924C82.3944 25.1772 82.3758 24.2941 82.6207 23.4677L83.5977 23.7623C83.414 24.3822 83.4279 25.0447 83.6375 25.6562C83.847 26.2678 84.2417 26.7975 84.7657 27.1706C85.2897 27.5437 85.9166 27.7414 86.558 27.7358C87.1993 27.7302 87.8228 27.5215 88.3403 27.1392L88.9427 27.9692Z"/>
</mask>
<path d="M88.9427 27.9692C88.2528 28.4788 87.4218 28.7569 86.5668 28.7644C85.7119 28.7719 84.8762 28.5084 84.1777 28.011C83.4792 27.5137 82.9531 26.8076 82.6737 25.9924C82.3944 25.1772 82.3758 24.2941 82.6207 23.4677L83.5977 23.7623C83.414 24.3822 83.4279 25.0447 83.6375 25.6562C83.847 26.2678 84.2417 26.7975 84.7657 27.1706C85.2897 27.5437 85.9166 27.7414 86.558 27.7358C87.1993 27.7302 87.8228 27.5215 88.3403 27.1392L88.9427 27.9692Z" stroke="#3D8EFF" stroke-width="2" mask="url(#path-36-inside-3_5607_29095)"/>
<g filter="url(#filter4_d_5607_29095)">
<g filter="url(#filter5_d_5607_29095)">
<rect x="9" y="42" width="24" height="24" rx="1" fill="#434552"/>
</g>
<g filter="url(#filter6_d_5607_29095)">
<circle cx="21.333" cy="54.3335" r="7" fill="#E2324F"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.3332 53.3332L19.7498 53.3332V54.9371L19.7498 54.9373L19.7498 54.9376V55.0832C19.7498 55.2954 19.8145 55.7459 20.0671 56.1335C20.2754 56.453 20.6188 56.7439 21.2082 56.8161V53.3332L20.3332 53.3332ZM21.7915 53.3332V56.8162C22.3817 56.7445 22.7249 56.4555 22.9328 56.1376C23.185 55.752 23.2498 55.3019 23.2498 55.0832V54.9373V53.3332L22.6665 53.3332L21.7915 53.3332ZM22.9574 52.7498H23.4207L24.2103 51.9603C24.3242 51.8464 24.5088 51.8464 24.6227 51.9603C24.7366 52.0742 24.7366 52.2588 24.6227 52.3727L23.8332 53.1623V54.6457H24.4165C24.5776 54.6457 24.7082 54.7763 24.7082 54.9373C24.7082 55.0984 24.5776 55.229 24.4165 55.229H23.8275C23.8044 55.5428 23.705 56.0192 23.4253 56.4503L24.1852 57.2103C24.2991 57.3242 24.2991 57.5088 24.1852 57.6227C24.0713 57.7366 23.8867 57.7366 23.7728 57.6227L23.0427 56.8927C22.6867 57.2022 22.1862 57.4165 21.4998 57.4165C20.8142 57.4165 20.3142 57.2011 19.9585 56.8912L19.2269 57.6227C19.113 57.7366 18.9283 57.7366 18.8144 57.6227C18.7005 57.5088 18.7005 57.3242 18.8144 57.2103L19.5762 56.4485C19.2959 56.0168 19.1958 55.5401 19.1723 55.229H18.5832C18.4221 55.229 18.2915 55.0984 18.2915 54.9373C18.2915 54.7763 18.4221 54.6457 18.5832 54.6457H19.1665V53.1623L18.3769 52.3727C18.263 52.2588 18.263 52.0742 18.3769 51.9603C18.4908 51.8464 18.6755 51.8464 18.7894 51.9603L19.579 52.7498H20.0423C20.067 51.9506 20.6995 51.2915 21.4998 51.2915C22.3002 51.2915 22.9327 51.9506 22.9574 52.7498ZM22.3737 52.7498C22.3495 52.2522 21.9572 51.8748 21.4998 51.8748C21.0425 51.8748 20.6501 52.2522 20.626 52.7498L21.4998 52.7498L22.3737 52.7498Z" fill="white"/>
</g>
<g filter="url(#filter7_d_5607_29095)">
<g filter="url(#filter8_d_5607_29095)">
<path d="M4 24C4 23.4477 4.44772 23 5 23H32C32.5523 23 33 23.4477 33 24V30C33 30.5523 32.5523 31 32 31H5C4.44772 31 4 30.5523 4 30V24Z" fill="#434552"/>
</g>
<g filter="url(#filter9_d_5607_29095)">
<path d="M12 27C12 28.6569 10.6569 30 9 30C7.34315 30 6 28.6569 6 27C6 25.3431 7.34315 24 9 24C10.6569 24 12 25.3431 12 27Z" fill="#11B671"/>
</g>
<g clip-path="url(#clip0_5607_29095)">
<path d="M9 24.9375C9.55429 24.9375 10.0742 25.1574 10.4584 25.5416C10.8426 25.9258 11.0625 26.4457 11.0625 27C11.0625 27.5543 10.8426 28.0742 10.4584 28.4584C10.0742 28.8426 9.55429 29.0625 9 29.0625C8.44571 29.0625 7.92577 28.8426 7.54159 28.4584C7.15742 28.0742 6.9375 27.5543 6.9375 27C6.9375 26.4457 7.15742 25.9258 7.54159 25.5416C7.92577 25.1574 8.44571 24.9375 9 24.9375ZM9 25.3125C8.54619 25.3125 8.12131 25.4922 7.80676 25.8068C7.49221 26.1213 7.3125 26.5462 7.3125 27C7.3125 27.4538 7.49221 27.8787 7.80676 28.1932C8.12131 28.5078 8.54619 28.6875 9 28.6875C9.45381 28.6875 9.87869 28.5078 10.1932 28.1932C10.5078 27.8787 10.6875 27.4538 10.6875 27C10.6875 26.5462 10.5078 26.1213 10.1932 25.8068C9.87869 25.4922 9.45381 25.3125 9 25.3125ZM10.0701 26.3049C10.1433 26.3781 10.1433 26.4969 10.0701 26.5701L8.94508 27.6951C8.87186 27.7683 8.75314 27.7683 8.67992 27.6951L8.11742 27.1326C8.04419 27.0594 8.04419 26.9406 8.11742 26.8674C8.19064 26.7942 8.30936 26.7942 8.38258 26.8674L8.8125 27.2972L9.80492 26.3049C9.87814 26.2317 9.99686 26.2317 10.0701 26.3049Z" fill="white"/>
</g>
<path opacity="0.4" d="M13 25.5C13 25.2239 13.2239 25 13.5 25H18.5C18.7761 25 19 25.2239 19 25.5C19 25.7761 18.7761 26 18.5 26H13.5C13.2239 26 13 25.7761 13 25.5Z" fill="#1B674F"/>
<path opacity="0.4" d="M13 28.5C13 28.2239 13.2239 28 13.5 28H26.5C26.7761 28 27 28.2239 27 28.5C27 28.7761 26.7761 29 26.5 29H13.5C13.2239 29 13 28.7761 13 28.5Z" fill="#1B674F"/>
</g>
<g filter="url(#filter10_d_5607_29095)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M30.5748 22.4739C30.5748 24.7388 28.7388 26.5748 26.4739 26.5748C24.2091 26.5748 22.373 24.7388 22.373 22.4739C22.373 20.2091 24.2091 18.373 26.4739 18.373C28.7388 18.373 30.5748 20.2091 30.5748 22.4739ZM27.9652 21.3555C27.9652 22.1791 27.2975 22.8467 26.4739 22.8467C25.6503 22.8467 24.9827 22.1791 24.9827 21.3555C24.9827 20.5319 25.6503 19.8643 26.4739 19.8643C27.2975 19.8643 27.9652 20.5319 27.9652 21.3555ZM29.4186 25.3281C28.6732 26.097 27.6294 26.5748 26.4739 26.5748C25.3183 26.5748 24.2744 26.0968 23.529 25.3278C23.9731 24.3827 24.7061 23.4059 25.3555 23.4059H27.5923C28.2414 23.4059 28.9743 24.3833 29.4186 25.3281Z" fill="#C2D4FF"/>
</g>
<defs>
<filter id="filter0_d_5607_29095" x="9" y="8" width="89" height="63" 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="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29095"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29095" result="shape"/>
</filter>
<filter id="filter1_d_5607_29095" x="73" y="4" width="37" height="18" 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 dx="2" dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.118655 0 0 0 0 0 0 0 0 0 0.310661 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29095"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29095" result="shape"/>
</filter>
<filter id="filter2_d_5607_29095" x="71" y="4" width="37" height="18" 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="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<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_5607_29095"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29095" result="shape"/>
</filter>
<filter id="filter3_d_5607_29095" x="77" y="6" width="8" height="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 dx="1" dy="1"/>
<feGaussianBlur stdDeviation="0.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.391846 0 0 0 0 0.00690705 0 0 0 0 0.00690705 0 0 0 0.11 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29095"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29095" result="shape"/>
</filter>
<filter id="filter4_d_5607_29095" x="7" y="41" width="32" height="32" 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 dx="2" dy="3"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.218229 0 0 0 0 0.144106 0 0 0 0 0.014989 0 0 0 0.06 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29095"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29095" result="shape"/>
</filter>
<filter id="filter5_d_5607_29095" x="5" y="42" width="32" height="32" 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="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<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_5607_29095"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29095" result="shape"/>
</filter>
<filter id="filter6_d_5607_29095" x="12.333" y="45.3335" width="22" height="22" 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 dx="2" dy="2"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.138925 0 0 0 0 0.000902143 0 0 0 0 0.362272 0 0 0 0.18 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29095"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29095" result="shape"/>
</filter>
<filter id="filter7_d_5607_29095" x="2" y="23" width="37" height="16" 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 dx="2" dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.118655 0 0 0 0 0 0 0 0 0 0.310661 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29095"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29095" result="shape"/>
</filter>
<filter id="filter8_d_5607_29095" x="0" y="23" width="37" height="16" 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="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<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_5607_29095"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29095" result="shape"/>
</filter>
<filter id="filter9_d_5607_29095" x="6" y="24" width="8" height="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 dx="1" dy="1"/>
<feGaussianBlur stdDeviation="0.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.00635462 0 0 0 0 0.467578 0 0 0 0 0.236966 0 0 0 0.17 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29095"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29095" result="shape"/>
</filter>
<filter id="filter10_d_5607_29095" x="18" y="18" width="16.9473" height="16.9473" 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="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<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_5607_29095"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29095" result="shape"/>
</filter>
<linearGradient id="paint0_linear_5607_29095" x1="89.5875" y1="52.2778" x2="46.7063" y2="53.243" gradientUnits="userSpaceOnUse">
<stop stop-color="#E9E8EC"/>
<stop offset="1" stop-color="#E2324F"/>
</linearGradient>
<clipPath id="clip0_5607_29095">
<rect width="4.5" height="4.5" fill="white" transform="translate(6.75 24.75)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

60
frontend/src/assets/svg/case-count-dark-img.svg Normal file
View File

@ -0,0 +1,60 @@
<svg width="100" height="70" viewBox="0 0 100 70" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle opacity="0.1" cx="69.5" cy="28.5" r="27.5" fill="#60626F"/>
<path d="M12 8C12 6.89543 12.8954 6 14 6H82C83.1046 6 84 6.89543 84 8V52H12V8Z" fill="#242633"/>
<path d="M12 52H84V58C84 59.1046 83.1046 60 82 60H14C12.8954 60 12 59.1046 12 58V52Z" fill="#60626F"/>
<circle cx="48.5" cy="55.5" r="1.5" fill="#434552"/>
<rect x="15" y="9" width="66" height="40" rx="1" fill="#2E313D"/>
<rect opacity="0.8" x="18" y="19" width="6" height="3" rx="0.5" fill="#5B5E6A"/>
<rect opacity="0.3" x="61" y="19" width="17" height="3" rx="0.5" fill="#434552"/>
<rect x="18" y="24" width="60" height="22" rx="0.5" fill="#242633"/>
<rect opacity="0.4" x="21" y="29" width="3" height="8" rx="0.5" transform="rotate(-90 21 29)" fill="#4E2B66"/>
<rect opacity="0.4" x="21" y="34" width="3" height="8" rx="0.5" transform="rotate(-90 21 34)" fill="#4E2B66"/>
<rect opacity="0.4" x="21" y="39" width="3" height="8" rx="0.5" transform="rotate(-90 21 39)" fill="#4E2B66"/>
<rect opacity="0.4" x="21" y="44" width="3" height="8" rx="0.5" transform="rotate(-90 21 44)" fill="#4E2B66"/>
<rect opacity="0.4" x="31" y="29" width="3" height="45" rx="0.5" transform="rotate(-90 31 29)" fill="#4E2B66"/>
<rect opacity="0.4" x="31" y="34" width="3" height="45" rx="0.5" transform="rotate(-90 31 34)" fill="#4E2B66"/>
<rect opacity="0.4" x="31" y="39" width="3" height="45" rx="0.5" transform="rotate(-90 31 39)" fill="#4E2B66"/>
<rect opacity="0.4" x="31" y="44" width="3" height="45" rx="0.5" transform="rotate(-90 31 44)" fill="#4E2B66"/>
<rect x="15" y="16" width="66" height="1" rx="0.1" fill="#242633"/>
<circle cx="20.5" cy="12.5" r="1.5" fill="#E2324F"/>
<circle cx="26.5" cy="12.5" r="1.5" fill="#EDAC2C"/>
<circle cx="32.5" cy="12.5" r="1.5" fill="#11B671"/>
<path d="M39 60H57L59 67H37L39 60Z" fill="url(#paint0_linear_5607_29077)"/>
<rect x="32" y="67" width="32" height="2" rx="1" fill="#424551"/>
<g filter="url(#filter0_d_5607_29077)">
<circle cx="13" cy="22" r="10" fill="#11B671"/>
</g>
<path d="M14.5 16.5L14.5405 16.5015L14.5745 16.5055C14.583 16.5068 14.5917 16.5084 14.6004 16.5101C14.6114 16.5123 14.6222 16.5149 14.6329 16.5179C14.6407 16.52 14.6484 16.5224 14.6561 16.5249C14.6659 16.5281 14.6758 16.5317 14.6855 16.5356L14.7116 16.5468C14.7219 16.5517 14.7321 16.5569 14.7421 16.5624C14.7482 16.5657 14.7543 16.5693 14.7604 16.573C14.7731 16.5809 14.7856 16.5892 14.7976 16.5982L14.8085 16.6065C14.8098 16.6075 14.8113 16.6087 14.8127 16.6098L14.8536 16.6464L17.3536 19.1464L17.3875 19.185L17.4018 19.2023C17.4108 19.2144 17.4191 19.2269 17.427 19.2397L17.4377 19.258C17.4431 19.2679 17.4483 19.2781 17.4532 19.2885L17.4644 19.3143C17.4683 19.3242 17.4719 19.3341 17.4752 19.3441C17.4776 19.3516 17.48 19.3593 17.4821 19.367C17.4851 19.3778 17.4877 19.3886 17.4899 19.3996C17.4916 19.4083 17.4932 19.417 17.4945 19.4258C17.4953 19.4309 17.496 19.4363 17.4966 19.4417L17.4981 19.4569C17.4989 19.4659 17.4995 19.4749 17.4997 19.4839L17.5 19.5V22H16.5V20H14.5C14.2436 20 14.0322 19.807 14.0034 19.5583L14 19.5V17.5H9.5V26.5H14V27.5H9.5C8.94771 27.5 8.5 27.0523 8.5 26.5V17.5C8.5 16.9477 8.94772 16.5 9.5 16.5H14.5ZM17.4041 22.65C18.2869 22.65 18.9185 23.2317 19 23.9778H17.9338C17.8727 23.7193 17.7301 23.5196 17.3973 23.5196H16.6842C16.2903 23.5196 16.039 23.8075 16.039 24.1541L16.0458 25.9959C16.0458 26.3425 16.2971 26.6304 16.691 26.6304H17.4041C17.7301 26.6304 17.8659 26.4424 17.9338 26.1898H19.0068C18.9253 26.9242 18.2869 27.5 17.4109 27.5H16.6842C15.7606 27.5 15.0068 26.8478 15.0068 26.0488L15 24.1071C15 23.3022 15.7538 22.65 16.6774 22.65H17.4041ZM15 18.2075V19H15.7925L15 18.2075Z" fill="#E3E6F3"/>
<g filter="url(#filter1_d_5607_29077)">
<rect x="61" y="39" width="31.5" height="21" rx="1" fill="#EDAC2C"/>
<rect x="64.5" y="42.5" width="9.33333" height="2.33333" rx="1.16667" fill="#E3E6F3"/>
<rect x="64.5" y="47.1665" width="24.5" height="2.33333" rx="1.16667" fill="#E3E6F3"/>
<rect x="64.5" y="51.8335" width="24.5" height="2.33333" rx="1.16667" fill="#E3E6F3"/>
</g>
<defs>
<filter id="filter0_d_5607_29077" x="1" y="10" width="28" height="28" 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 dx="2" dy="2"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.234009 0 0 0 0 0 0 0 0 0 0.612679 0 0 0 0.2 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29077"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29077" result="shape"/>
</filter>
<filter id="filter1_d_5607_29077" x="59" y="39" width="39.5" height="29" 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 dx="2" dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.61556 0 0 0 0 0.397602 0 0 0 0 0.0179338 0 0 0 0.2 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29077"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29077" result="shape"/>
</filter>
<linearGradient id="paint0_linear_5607_29077" x1="48" y1="67.6364" x2="48" y2="59.3636" gradientUnits="userSpaceOnUse">
<stop stop-color="#424551"/>
<stop offset="1" stop-color="#2E313D"/>
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.6 KiB

106
frontend/src/assets/svg/case-review-dark-img.svg Normal file
View File

@ -0,0 +1,106 @@
<svg width="100" height="70" viewBox="0 0 100 70" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle opacity="0.1" cx="49" cy="35" r="35" fill="#60626F"/>
<rect x="14" y="9" width="70" height="52" rx="1" fill="#2E313D" stroke="#434552" stroke-width="2"/>
<rect x="15" y="17" width="68" height="1" rx="0.1" fill="#242633"/>
<circle cx="20.5" cy="13.5" r="1.5" fill="#E2324F"/>
<circle cx="26.5" cy="13.5" r="1.5" fill="#EDAC2C"/>
<circle cx="32.5" cy="13.5" r="1.5" fill="#11B671"/>
<circle cx="22" cy="26" r="3.5" stroke="#252734"/>
<mask id="path-8-inside-1_5607_29078" fill="white">
<path d="M22 22C22.9074 22 23.7879 22.3086 24.4969 22.875C25.2058 23.4414 25.7011 24.2321 25.9014 25.1172C26.1016 26.0022 25.995 26.9291 25.599 27.7456C25.203 28.562 24.5412 29.2196 23.7221 29.6103L23.2919 28.7083C23.9063 28.4153 24.4028 27.922 24.6999 27.3095C24.997 26.697 25.0769 26.0017 24.9267 25.3377C24.7765 24.6738 24.4049 24.0806 23.8731 23.6557C23.3413 23.2308 22.6807 22.9993 22 22.9993V22Z"/>
</mask>
<path d="M22 22C22.9074 22 23.7879 22.3086 24.4969 22.875C25.2058 23.4414 25.7011 24.2321 25.9014 25.1172C26.1016 26.0022 25.995 26.9291 25.599 27.7456C25.203 28.562 24.5412 29.2196 23.7221 29.6103L23.2919 28.7083C23.9063 28.4153 24.4028 27.922 24.6999 27.3095C24.997 26.697 25.0769 26.0017 24.9267 25.3377C24.7765 24.6738 24.4049 24.0806 23.8731 23.6557C23.3413 23.2308 22.6807 22.9993 22 22.9993V22Z" stroke="#945DED" stroke-width="2" mask="url(#path-8-inside-1_5607_29078)"/>
<circle cx="40" cy="26" r="3.5" stroke="#252734"/>
<mask id="path-10-inside-2_5607_29078" fill="white">
<path d="M40 22C40.6578 22 41.3055 22.1622 41.8856 22.4723C42.4657 22.7824 42.9604 23.2308 43.3259 23.7777C43.6913 24.3247 43.9163 24.9533 43.9807 25.6079C44.0452 26.2626 43.9472 26.923 43.6955 27.5307C43.4438 28.1385 43.0461 28.6747 42.5376 29.092C42.0291 29.5093 41.4255 29.7948 40.7804 29.9231C40.1352 30.0515 39.4683 30.0187 38.8389 29.8278C38.2094 29.6368 37.6367 29.2936 37.1716 28.8284L37.8782 28.1218C38.2271 28.4707 38.6567 28.7282 39.1289 28.8715C39.6012 29.0147 40.1014 29.0393 40.5854 28.943C41.0694 28.8468 41.5222 28.6326 41.9036 28.3196C42.2851 28.0065 42.5834 27.6042 42.7723 27.1483C42.9611 26.6924 43.0346 26.197 42.9862 25.7059C42.9379 25.2148 42.7691 24.7432 42.495 24.3329C42.2208 23.9226 41.8497 23.5862 41.4145 23.3536C40.9793 23.121 40.4935 22.9993 40 22.9993V22Z"/>
</mask>
<path d="M40 22C40.6578 22 41.3055 22.1622 41.8856 22.4723C42.4657 22.7824 42.9604 23.2308 43.3259 23.7777C43.6913 24.3247 43.9163 24.9533 43.9807 25.6079C44.0452 26.2626 43.9472 26.923 43.6955 27.5307C43.4438 28.1385 43.0461 28.6747 42.5376 29.092C42.0291 29.5093 41.4255 29.7948 40.7804 29.9231C40.1352 30.0515 39.4683 30.0187 38.8389 29.8278C38.2094 29.6368 37.6367 29.2936 37.1716 28.8284L37.8782 28.1218C38.2271 28.4707 38.6567 28.7282 39.1289 28.8715C39.6012 29.0147 40.1014 29.0393 40.5854 28.943C41.0694 28.8468 41.5222 28.6326 41.9036 28.3196C42.2851 28.0065 42.5834 27.6042 42.7723 27.1483C42.9611 26.6924 43.0346 26.197 42.9862 25.7059C42.9379 25.2148 42.7691 24.7432 42.495 24.3329C42.2208 23.9226 41.8497 23.5862 41.4145 23.3536C40.9793 23.121 40.4935 22.9993 40 22.9993V22Z" stroke="#945DED" stroke-width="2" mask="url(#path-10-inside-2_5607_29078)"/>
<circle cx="58" cy="26" r="3.5" stroke="#252734"/>
<mask id="path-12-inside-3_5607_29078" fill="white">
<path d="M60.3631 29.2273C59.6871 29.7223 58.8726 29.9926 58.0348 29.9998C57.1969 30.0071 56.378 29.7511 55.6934 29.268C55.0089 28.7848 54.4933 28.0989 54.2196 27.307C53.9458 26.5151 53.9276 25.6572 54.1676 24.8544L55.125 25.1406C54.945 25.7428 54.9586 26.3864 55.164 26.9805C55.3694 27.5745 55.7561 28.0891 56.2697 28.4515C56.7832 28.814 57.3976 29.0061 58.0261 29.0006C58.6546 28.9951 59.2656 28.7924 59.7727 28.4211L60.3631 29.2273Z"/>
</mask>
<path d="M60.3631 29.2273C59.6871 29.7223 58.8726 29.9926 58.0348 29.9998C57.1969 30.0071 56.378 29.7511 55.6934 29.268C55.0089 28.7848 54.4933 28.0989 54.2196 27.307C53.9458 26.5151 53.9276 25.6572 54.1676 24.8544L55.125 25.1406C54.945 25.7428 54.9586 26.3864 55.164 26.9805C55.3694 27.5745 55.7561 28.0891 56.2697 28.4515C56.7832 28.814 57.3976 29.0061 58.0261 29.0006C58.6546 28.9951 59.2656 28.7924 59.7727 28.4211L60.3631 29.2273Z" stroke="#945DED" stroke-width="2" mask="url(#path-12-inside-3_5607_29078)"/>
<circle cx="76" cy="26" r="3.5" stroke="#252734"/>
<mask id="path-14-inside-4_5607_29078" fill="white">
<path d="M78.3631 29.2273C77.6871 29.7223 76.8726 29.9926 76.0348 29.9998C75.1969 30.0071 74.378 29.7511 73.6934 29.268C73.0089 28.7848 72.4933 28.0989 72.2196 27.307C71.9458 26.5151 71.9276 25.6572 72.1676 24.8544L73.125 25.1406C72.945 25.7428 72.9586 26.3864 73.164 26.9805C73.3694 27.5745 73.7561 28.0891 74.2697 28.4515C74.7832 28.814 75.3976 29.0061 76.0261 29.0006C76.6546 28.9951 77.2656 28.7924 77.7727 28.4211L78.3631 29.2273Z"/>
</mask>
<path d="M78.3631 29.2273C77.6871 29.7223 76.8726 29.9926 76.0348 29.9998C75.1969 30.0071 74.378 29.7511 73.6934 29.268C73.0089 28.7848 72.4933 28.0989 72.2196 27.307C71.9458 26.5151 71.9276 25.6572 72.1676 24.8544L73.125 25.1406C72.945 25.7428 72.9586 26.3864 73.164 26.9805C73.3694 27.5745 73.7561 28.0891 74.2697 28.4515C74.7832 28.814 75.3976 29.0061 76.0261 29.0006C76.6546 28.9951 77.2656 28.7924 77.7727 28.4211L78.3631 29.2273Z" stroke="#945DED" stroke-width="2" mask="url(#path-14-inside-4_5607_29078)"/>
<rect x="21" y="34" width="1" height="23" rx="0.5" fill="#242633"/>
<rect x="32" y="34" width="1" height="23" rx="0.5" fill="#242633"/>
<rect x="43" y="34" width="1" height="23" rx="0.5" fill="#242633"/>
<rect x="54" y="34" width="1" height="23" rx="0.5" fill="#242633"/>
<rect x="65" y="34" width="1" height="23" rx="0.5" fill="#242633"/>
<rect x="76" y="34" width="1" height="23" rx="0.5" fill="#242633"/>
<path d="M32.5 45L21.5 40V57H76.5V41.5L65.5 34.5L54.5 47L43.5 34.5L32.5 45Z" fill="url(#paint0_linear_5607_29078)"/>
<path d="M21.5 40L32.5 45L43.5 34.5L54.5 47L65.5 34.5L76.5 41.5" stroke="#3370FF" stroke-width="0.5"/>
<circle cx="22.5" cy="40.5" r="1.5" fill="#3D8EFF"/>
<circle cx="32.5" cy="44.5" r="1.5" fill="#3D8EFF"/>
<circle cx="43.5" cy="34.5" r="1.5" fill="#3D8EFF"/>
<circle cx="54.5" cy="47.5" r="1.5" fill="#3D8EFF"/>
<circle cx="65.5" cy="34.5" r="1.5" fill="#3D8EFF"/>
<circle cx="76.5" cy="40.5" r="1.5" fill="#00C261"/>
<g filter="url(#filter0_d_5607_29078)">
<rect x="59" y="39" width="35" height="14" rx="1" fill="#242633"/>
<g filter="url(#filter1_d_5607_29078)">
<circle cx="65.9998" cy="45.9998" r="4.2" fill="#11B671"/>
</g>
<path d="M65.9998 48.3623C67.3046 48.3623 68.3623 47.3046 68.3623 45.9998C68.3623 44.695 67.3046 43.6373 65.9998 43.6373C64.695 43.6373 63.6373 44.695 63.6373 45.9998C63.6373 47.3046 64.695 48.3623 65.9998 48.3623ZM65.9998 48.8873C64.4051 48.8873 63.1123 47.5945 63.1123 45.9998C63.1123 44.4051 64.4051 43.1123 65.9998 43.1123C67.5945 43.1123 68.8873 44.4051 68.8873 45.9998C68.8873 47.5945 67.5945 48.8873 65.9998 48.8873ZM65.6953 46.5983L67.0874 45.2062C67.1387 45.1549 67.2218 45.1549 67.273 45.2062L67.4587 45.3918C67.5099 45.443 67.5099 45.5261 67.4587 45.5774L65.7881 47.2479C65.7369 47.2992 65.6538 47.2992 65.6025 47.2479L64.6416 46.2871C64.5904 46.2358 64.5904 46.1527 64.6416 46.1015L64.8273 45.9159C64.8785 45.8646 64.9616 45.8646 65.0129 45.9159L65.6953 46.5983Z" fill="white"/>
<rect opacity="0.4" x="71.6001" y="43.2002" width="8.4" height="2.8" rx="1.4" fill="#11B671"/>
<rect opacity="0.4" x="71.6001" y="47.4004" width="19.6" height="2.8" rx="1.4" fill="#11B671"/>
</g>
<g filter="url(#filter2_d_5607_29078)">
<rect x="6" y="26" width="29" height="10" rx="1" fill="#242633"/>
<g filter="url(#filter3_d_5607_29078)">
<circle cx="11" cy="31" r="3" fill="#A92E47"/>
</g>
<path d="M11 32.6875C11.932 32.6875 12.6875 31.932 12.6875 31C12.6875 30.068 11.932 29.3125 11 29.3125C10.068 29.3125 9.3125 30.068 9.3125 31C9.3125 31.932 10.068 32.6875 11 32.6875ZM11 33.0625C9.86091 33.0625 8.9375 32.1391 8.9375 31C8.9375 29.8609 9.86091 28.9375 11 28.9375C12.1391 28.9375 13.0625 29.8609 13.0625 31C13.0625 32.1391 12.1391 33.0625 11 33.0625ZM11 30.7348L11.3977 30.3371C11.471 30.2639 11.5897 30.2639 11.6629 30.3371C11.7361 30.4103 11.7361 30.529 11.6629 30.6022L11.2652 31L11.6629 31.3977C11.7361 31.471 11.7361 31.5897 11.6629 31.6629C11.5897 31.7361 11.471 31.7361 11.3977 31.6629L11 31.2652L10.6023 31.6629C10.529 31.7361 10.4103 31.7361 10.3371 31.6629C10.2639 31.5897 10.2639 31.471 10.3371 31.3977L10.7348 31L10.3371 30.6022C10.2639 30.529 10.2639 30.4103 10.3371 30.3371C10.4103 30.2639 10.529 30.2639 10.6023 30.3371L11 30.7348Z" fill="white"/>
<rect opacity="0.4" x="15" y="29" width="6" height="2" rx="1" fill="#A92E47"/>
<rect opacity="0.4" x="15" y="32" width="14" height="2" rx="1" fill="#A92E47"/>
</g>
<defs>
<filter id="filter0_d_5607_29078" x="57" y="39" width="43" height="22" 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 dx="2" dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.118655 0 0 0 0 0 0 0 0 0 0.310661 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29078"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29078" result="shape"/>
</filter>
<filter id="filter1_d_5607_29078" x="61.7998" y="41.7998" width="10.3999" height="10.3999" 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 dx="1" dy="1"/>
<feGaussianBlur stdDeviation="0.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.443245 0 0 0 0 0.221623 0 0 0 0.14 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29078"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29078" result="shape"/>
</filter>
<filter id="filter2_d_5607_29078" x="4" y="26" width="37" height="18" 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 dx="2" dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.141176 0 0 0 0 0.14902 0 0 0 0 0.2 0 0 0 1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29078"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29078" result="shape"/>
</filter>
<filter id="filter3_d_5607_29078" x="8" y="28" width="8" height="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 dx="1" dy="1"/>
<feGaussianBlur stdDeviation="0.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.391846 0 0 0 0 0.00690705 0 0 0 0 0.00690705 0 0 0 0.11 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29078"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29078" result="shape"/>
</filter>
<linearGradient id="paint0_linear_5607_29078" x1="49" y1="34.5" x2="49" y2="57.5" gradientUnits="userSpaceOnUse">
<stop stop-color="#3D8EFF" stop-opacity="0.5"/>
<stop offset="1" stop-color="#242633" stop-opacity="0"/>
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

39
frontend/src/assets/svg/caseTemplateDark.svg Normal file
View File

@ -0,0 +1,39 @@
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="48" height="48" rx="2" fill="#242633"/>
<path d="M40.9091 18.4546C41.5116 18.4546 42 18.9674 42 19.6L42 40.2182C42 40.8508 41.5116 41.3637 40.9091 41.3637L26.7273 41.3637C26.1248 41.3637 25.6364 40.8508 25.6364 40.2182L25.6364 19.6C25.6364 18.9674 26.1248 18.4546 26.7273 18.4546L40.9091 18.4546Z" fill="#3D8EFF"/>
<g filter="url(#filter0_i_5917_5416)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.6818 7C14.4057 7 14.1818 7.22386 14.1818 7.5V9.45455V11.0909V11.4091C14.1818 11.6852 14.4057 11.9091 14.6818 11.9091H14.9987C14.9992 11.9091 14.9996 11.9091 15 11.9091H21.5455C21.5459 11.9091 21.5463 11.9091 21.5467 11.9091H21.8636C22.1398 11.9091 22.3636 11.6852 22.3636 11.4091V11.0909V9.45455V7.5C22.3636 7.22386 22.1398 7 21.8636 7H14.6818ZM10.9091 14.3636V8.63636L7.63636 8.63636C6.73263 8.63636 6 9.36899 6 10.2727V39.7273C6 40.631 6.73262 41.3636 7.63636 41.3636H28.9091C29.8128 41.3636 30.5455 40.631 30.5455 39.7273L30.5455 10.2727C30.5455 9.36899 29.8128 8.63636 28.9091 8.63636L25.6364 8.63636V14.3636C25.6364 14.8155 25.2704 15.1818 24.8182 15.1818H11.7273C11.275 15.1818 10.9091 14.8155 10.9091 14.3636Z" fill="#2A4066"/>
</g>
<g filter="url(#filter1_f_5917_5416)">
<path d="M29.625 18C30.9367 18 32 18.5184 32 19.1579L32 38.8421C32 39.4816 30.9367 40 29.625 40L15.375 40C14.0633 40 13 39.4816 13 38.8421L13 19.1579C13 18.5184 14.0633 18 15.375 18L29.625 18Z" fill="#3D8EFF"/>
</g>
<g filter="url(#filter2_d_5917_5416)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.2365 21.7273C11.0558 21.7273 10.9093 21.8738 10.9093 22.0546V24.6727C10.9093 24.8535 11.0558 25 11.2365 25H25.3093C25.49 25 25.6365 24.8535 25.6365 24.6727V22.0546C25.6365 21.8738 25.49 21.7273 25.3093 21.7273H11.2365ZM11.2365 28.2727C11.0557 28.2727 10.9092 28.4193 10.9092 28.6V31.2182C10.9092 31.399 11.0557 31.5455 11.2365 31.5455H25.3092C25.4899 31.5455 25.6365 31.399 25.6365 31.2182V28.6C25.6365 28.4193 25.4899 28.2727 25.3092 28.2727H11.2365Z" fill="#242633"/>
</g>
<defs>
<filter id="filter0_i_5917_5416" x="6" y="7" width="24.5454" height="35.3635" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.2 0 0 0 0 0.439216 0 0 0 0 1 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_5917_5416"/>
</filter>
<filter id="filter1_f_5917_5416" x="8" y="13" width="29" height="32" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_5917_5416"/>
</filter>
<filter id="filter2_d_5917_5416" x="10.9092" y="21.7273" width="14.7273" height="9.91812" 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.1"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.00986111 0 0 0 0 0.0953724 0 0 0 0 0.295833 0 0 0 0.22 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5917_5416"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5917_5416" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.8 KiB

76
frontend/src/assets/svg/configplugin-dark.svg Normal file
View File

@ -0,0 +1,76 @@
<svg width="64" height="46" viewBox="0 0 64 46" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="64" height="46" rx="4" fill="url(#paint0_linear_5607_27562)"/>
<g opacity="0.3" filter="url(#filter0_f_5607_27562)">
<rect x="20" y="39" width="24" height="2" rx="1" fill="#D459FF"/>
</g>
<path d="M37 36L45.5 27.5L43.5 25.5L35 34V36H37Z" fill="#702F8F"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M19 6C17.8954 6 17 6.89543 17 8V32C17 33.1046 17.8954 34 19 34H28.5563L42 20.5563V8C42 6.89543 41.1046 6 40 6H19Z" fill="#702F8F"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8C19.8954 8 19 8.89543 19 10V34C19 35.1046 19.8954 36 21 36H30.5563L44 22.5563V10C44 8.89543 43.1046 8 42 8H21Z" fill="#811FA3"/>
<g filter="url(#filter1_i_5607_27562)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8C19.8954 8 19 8.89543 19 10V34C19 35.1046 19.8954 36 21 36H30.5563L44 22.5563V10C44 8.89543 43.1046 8 42 8H21Z" fill="url(#paint1_linear_5607_27562)"/>
</g>
<g filter="url(#filter2_d_5607_27562)">
<rect x="21" y="12" width="17" height="3" rx="1.5" fill="white"/>
</g>
<g filter="url(#filter3_d_5607_27562)">
<rect x="21" y="19" width="13" height="3" rx="1.5" fill="white"/>
</g>
<g filter="url(#filter4_d_5607_27562)">
<rect x="21" y="26" width="9" height="3" rx="1.5" fill="white"/>
</g>
<defs>
<filter id="filter0_f_5607_27562" x="16" y="35" width="32" height="10" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="2" result="effect1_foregroundBlur_5607_27562"/>
</filter>
<filter id="filter1_i_5607_27562" x="19" y="8" width="25" height="28" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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/>
<feGaussianBlur stdDeviation="0.5"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_5607_27562"/>
</filter>
<filter id="filter2_d_5607_27562" x="20" y="12" width="19" height="5" 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="0.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.505882 0 0 0 0 0.121569 0 0 0 0 0.639216 0 0 0 0.24 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_27562"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_27562" result="shape"/>
</filter>
<filter id="filter3_d_5607_27562" x="20" y="19" width="15" height="5" 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="0.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.505882 0 0 0 0 0.121569 0 0 0 0 0.639216 0 0 0 0.24 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_27562"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_27562" result="shape"/>
</filter>
<filter id="filter4_d_5607_27562" x="20" y="26" width="11" height="5" 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="0.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.505882 0 0 0 0 0.121569 0 0 0 0 0.639216 0 0 0 0.24 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_27562"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_27562" result="shape"/>
</filter>
<linearGradient id="paint0_linear_5607_27562" x1="62.4941" y1="1.50001" x2="-31.3204" y2="32.2514" gradientUnits="userSpaceOnUse">
<stop stop-color="#3A3044"/>
<stop offset="1" stop-color="#2A1C39"/>
</linearGradient>
<linearGradient id="paint1_linear_5607_27562" x1="37" y1="29" x2="20.5" y2="9.5" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0.8"/>
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.8 KiB

39
frontend/src/assets/svg/defectTemplateDark.svg Normal file
View File

@ -0,0 +1,39 @@
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="48" height="48" rx="2" fill="#242633"/>
<path d="M25.6364 15.8182C25.6364 21.2406 21.2406 25.6364 15.8182 25.6364C10.3957 25.6364 6 21.2406 6 15.8182C6 10.3957 10.3957 6 15.8182 6C21.2406 6 25.6364 10.3957 25.6364 15.8182Z" fill="#EDAC2C"/>
<g filter="url(#filter0_i_5917_1781)">
<path d="M42.0001 26.4546C42.0001 35.0402 35.0402 42.0001 26.4546 42.0001C17.8691 42.0001 10.9092 35.0402 10.9092 26.4546C10.9092 17.8691 17.8691 10.9092 26.4546 10.9092C35.0402 10.9092 42.0001 17.8691 42.0001 26.4546Z" fill="#6A5531"/>
</g>
<g filter="url(#filter1_f_5917_1781)">
<circle cx="24.8181" cy="24.8181" r="12.2727" fill="#EDAC2C"/>
</g>
<g filter="url(#filter2_d_5917_1781)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M23.7025 23.7025H21.9174V28.6116V29.0579C21.9174 29.7074 22.1154 31.086 22.8883 32.272C23.5257 33.25 24.5765 34.14 26.3802 34.3609V23.7025H23.7025ZM28.1653 23.7025V34.3614C29.9714 34.142 31.0217 33.2575 31.658 32.2845C32.4296 31.1046 32.6281 29.7271 32.6281 29.0579V28.6133L32.6281 28.6116L32.6281 28.6099V23.7025H30.843H28.1653ZM31.7333 21.9174H33.151L35.5673 19.5011C35.9158 19.1526 36.481 19.1526 36.8295 19.5011C37.1781 19.8497 37.1781 20.4148 36.8295 20.7634L34.4133 23.1797V27.719H36.1984C36.6913 27.719 37.091 28.1187 37.091 28.6116C37.091 29.1046 36.6913 29.5042 36.1984 29.5042H34.3959C34.3253 30.4645 34.0211 31.9225 33.165 33.2416L35.4907 35.5672C35.8393 35.9158 35.8393 36.481 35.4907 36.8295C35.1421 37.1781 34.577 37.1781 34.2284 36.8295L31.9944 34.5955C30.9047 35.5424 29.3732 36.1984 27.2728 36.1984C25.1744 36.1984 23.6445 35.5393 22.5558 34.5908L20.3171 36.8295C19.9686 37.1781 19.4034 37.1781 19.0549 36.8295C18.7063 36.481 18.7063 35.9158 19.0549 35.5672L21.3859 33.2362C20.5282 31.9149 20.2219 30.4563 20.1501 29.5042H18.3472C17.8542 29.5042 17.4546 29.1046 17.4546 28.6116C17.4546 28.1187 17.8542 27.719 18.3472 27.719H20.1323V23.1797L17.716 20.7634C17.3674 20.4148 17.3674 19.8497 17.716 19.5011C18.0646 19.1526 18.6297 19.1526 18.9783 19.5011L21.3945 21.9174H22.8123C22.888 19.4716 24.8235 17.4546 27.2728 17.4546C29.722 17.4546 31.6576 19.4716 31.7333 21.9174ZM29.9469 21.9174C29.8731 20.3946 28.6724 19.2397 27.2728 19.2397C25.8731 19.2397 24.6725 20.3946 24.5987 21.9174H27.2728H29.9469Z" fill="#242633"/>
</g>
<defs>
<filter id="filter0_i_5917_1781" x="10.9092" y="10.9092" width="31.0908" height="32.0908" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.756863 0 0 0 0 0.305882 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_5917_1781"/>
</filter>
<filter id="filter1_f_5917_1781" x="7.54541" y="7.54541" width="34.5454" height="34.5454" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_5917_1781"/>
</filter>
<filter id="filter2_d_5917_1781" x="17.4546" y="17.4546" width="19.6365" height="19.7362" 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.1"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.00986111 0 0 0 0 0.0953724 0 0 0 0 0.295833 0 0 0 0.22 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5917_1781"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5917_1781" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.1 KiB

61
frontend/src/assets/svg/downloadplugin-dark.svg Normal file
View File

@ -0,0 +1,61 @@
<svg width="64" height="46" viewBox="0 0 64 46" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="64" height="46" rx="4" fill="url(#paint0_linear_5607_27510)"/>
<g opacity="0.3" filter="url(#filter0_f_5607_27510)">
<rect x="20" y="39" width="24" height="2" rx="1" fill="#D459FF"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 18.3333L17 20.9999V33.9999C17 35.1045 17.8954 35.9999 19 35.9999H45C46.1046 35.9999 47 35.1045 47 33.9999V20.9999L43 18.3333V20.9999L32 27.9999L21 20.9999V18.3333Z" fill="#702F8F"/>
<g filter="url(#filter1_i_5607_27510)">
<path d="M21 8C21 6.89543 21.8954 6 23 6H41C42.1046 6 43 6.89543 43 8V19.9021C43 20.5859 42.6506 21.2223 42.0738 21.5894L33.0738 27.3167C32.4186 27.7336 31.5814 27.7336 30.9262 27.3167L21.9263 21.5894C21.3494 21.2223 21 20.5859 21 19.9021V8Z" fill="#811FA3"/>
</g>
<g filter="url(#filter2_i_5607_27510)">
<path d="M21 8C21 6.89543 21.8954 6 23 6H41C42.1046 6 43 6.89543 43 8V19.9021C43 20.5859 42.6506 21.2223 42.0738 21.5894L33.0738 27.3167C32.4186 27.7336 31.5814 27.7336 30.9262 27.3167L21.9263 21.5894C21.3494 21.2223 21 20.5859 21 19.9021V8Z" fill="url(#paint1_linear_5607_27510)"/>
</g>
<g filter="url(#filter3_d_5607_27510)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M33.4285 12.4286C33.4285 11.6396 32.7889 11 31.9999 11C31.211 11 30.5714 11.6396 30.5714 12.4286V15.9493C30.5714 16.5404 29.8567 16.8364 29.4387 16.4184C28.8808 15.8605 27.9763 15.8605 27.4184 16.4184C26.8605 16.9763 26.8605 17.8808 27.4184 18.4387L30.9898 22.0102C31.5477 22.568 32.4523 22.568 33.0102 22.0102L36.5816 18.4387C37.1395 17.8808 37.1395 16.9763 36.5816 16.4184C36.0237 15.8605 35.1192 15.8605 34.5613 16.4184C34.1433 16.8364 33.4285 16.5404 33.4285 15.9492V12.4286Z" fill="white"/>
</g>
<defs>
<filter id="filter0_f_5607_27510" x="16" y="35" width="32" height="10" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="2" result="effect1_foregroundBlur_5607_27510"/>
</filter>
<filter id="filter1_i_5607_27510" x="21" y="6" width="22" height="21.6294" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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/>
<feGaussianBlur stdDeviation="0.5"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_5607_27510"/>
</filter>
<filter id="filter2_i_5607_27510" x="21" y="6" width="22" height="21.6294" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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/>
<feGaussianBlur stdDeviation="0.5"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_5607_27510"/>
</filter>
<filter id="filter3_d_5607_27510" x="26" y="11" width="12" height="13.4285" 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="0.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.505882 0 0 0 0 0.121569 0 0 0 0 0.639216 0 0 0 0.24 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_27510"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_27510" result="shape"/>
</filter>
<linearGradient id="paint0_linear_5607_27510" x1="62.4941" y1="1.50001" x2="-31.3204" y2="32.2514" gradientUnits="userSpaceOnUse">
<stop stop-color="#3A3044"/>
<stop offset="1" stop-color="#2A1C39"/>
</linearGradient>
<linearGradient id="paint1_linear_5607_27510" x1="32.5" y1="28" x2="32.5" y2="6" gradientUnits="userSpaceOnUse">
<stop stop-color="#E28EFF"/>
<stop offset="1" stop-color="#FEFBFF"/>
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.5 KiB

110
frontend/src/assets/svg/link-case-dark-img.svg Normal file
View File

@ -0,0 +1,110 @@
<svg width="100" height="69" viewBox="0 0 100 69" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_5607_29076)">
<path d="M7 10C7 8.89543 7.89543 8 9 8H87C88.1046 8 89 8.89543 89 10V15H7V10Z" fill="#434552"/>
<path d="M7 15H89V61C89 62.1046 88.1046 63 87 63H9C7.89543 63 7 62.1046 7 61V15Z" fill="#242633"/>
<circle cx="13.5615" cy="11.5" r="1.5" fill="#E2324F"/>
<circle cx="19.5615" cy="11.5" r="1.5" fill="#EDAC2C"/>
<circle cx="25.5615" cy="11.5" r="1.5" fill="#11B671"/>
<rect x="10" y="20" width="31" height="38" rx="2" fill="#2E313D"/>
<circle cx="18.5" cy="25.5" r="1.5" fill="white"/>
<rect x="13" y="29" width="11" height="1" rx="0.5" fill="white"/>
<g opacity="0.5">
<rect opacity="0.2" x="44" y="20" width="19" height="7" rx="1" fill="#00A552"/>
<g opacity="0.9">
<circle cx="47.5" cy="23.5" r="1.5" fill="white"/>
<rect x="50" y="24" width="11" height="1" rx="0.5" fill="white"/>
<rect x="50" y="22" width="11" height="1" rx="0.5" fill="white"/>
</g>
<rect opacity="0.2" x="67" y="20" width="19" height="7" rx="1" fill="#3370FF"/>
<g opacity="0.9">
<circle cx="70.5" cy="23.5" r="1.5" fill="white"/>
<rect x="73" y="24" width="11" height="1" rx="0.5" fill="white"/>
<rect x="73" y="22" width="11" height="1" rx="0.5" fill="white"/>
</g>
<path d="M46 43.1177C46 42.5654 46.4477 42.1177 47 42.1177H48C48.5523 42.1177 49 42.5654 49 43.1177V58H46V43.1177Z" fill="#D7C1F8"/>
<path opacity="0.4" d="M51 49.2266C51 48.6743 51.4477 48.2266 52 48.2266H53C53.5523 48.2266 54 48.6743 54 49.2266V58.0003H51V49.2266Z" fill="#00C261"/>
<path opacity="0.4" d="M61 32C61 31.4477 61.4477 31 62 31H63C63.5523 31 64 31.4477 64 32V58H61V32Z" fill="#A171EF"/>
<path d="M66 42.3843C66 41.832 66.4477 41.3843 67 41.3843H68C68.5523 41.3843 69 41.832 69 42.3843V57.9997H66V42.3843Z" fill="#DAF2E9"/>
<path d="M77 32C77 31.4477 77.4477 31 78 31H79C79.5523 31 80 31.4477 80 32V58H77V32Z" fill="#D7C1F8"/>
<path d="M82 42.3843C82 41.832 82.4477 41.3843 83 41.3843H84C84.5523 41.3843 85 41.832 85 42.3843V57.9997H82V42.3843Z" fill="#DAF2E9"/>
</g>
<path d="M46.5 51L59.5325 42.7944C59.8234 42.6112 60.1881 42.5903 60.498 42.7391L71.9771 48.249C72.3005 48.4042 72.6822 48.3743 72.9775 48.1707L87 38.5" stroke="#00C261" stroke-width="0.5"/>
<g filter="url(#filter1_d_5607_29076)">
<rect x="2" y="24" width="35" height="30" rx="1" fill="#11B671"/>
<rect x="5.8042" y="29" width="14.4565" height="6" rx="1" fill="white"/>
<path d="M16.3008 30.2871H18.6519V30.7371H16.8349V31.6281H18.5423V32.0781H16.8349V33.0501H18.7295V33.5001H16.3008V30.2871Z" fill="#11B671"/>
<path d="M14.4776 30.2241C14.8611 30.2241 15.1624 30.3006 15.3769 30.4581C15.6052 30.6246 15.7376 30.8856 15.7695 31.2366H15.24C15.1943 31.0386 15.1076 30.8946 14.9889 30.8091C14.8702 30.7191 14.6876 30.6786 14.4502 30.6786C14.2447 30.6786 14.0895 30.7056 13.98 30.7641C13.843 30.8316 13.7791 30.9441 13.7791 31.0971C13.7791 31.2321 13.8521 31.3446 14.0074 31.4256C14.0758 31.4616 14.263 31.5291 14.5643 31.6236C15.0071 31.7586 15.2902 31.8666 15.418 31.9386C15.7011 32.1051 15.8426 32.3346 15.8426 32.6316C15.8426 32.9196 15.7284 33.1491 15.5002 33.3156C15.2719 33.4776 14.9478 33.5631 14.5324 33.5631C14.1306 33.5631 13.8156 33.4866 13.5919 33.3336C13.318 33.1446 13.1674 32.8476 13.1445 32.4381H13.6741C13.7106 32.6811 13.7974 32.8566 13.9389 32.9601C14.0667 33.0501 14.263 33.0996 14.5324 33.0996C14.7697 33.0996 14.9615 33.0591 15.0984 32.9826C15.2354 32.9016 15.3084 32.7981 15.3084 32.6631C15.3084 32.4921 15.2034 32.3571 15.0026 32.2581C14.9387 32.2266 14.7287 32.1546 14.368 32.0466C13.9663 31.9206 13.7152 31.8306 13.6193 31.7766C13.3682 31.6281 13.245 31.4121 13.245 31.1286C13.245 30.8451 13.3637 30.6201 13.6102 30.4581C13.8384 30.3006 14.1261 30.2241 14.4776 30.2241Z" fill="#11B671"/>
<path d="M11.1555 30.2871H11.7627L13.009 33.5001H12.4383L12.1416 32.6946H10.7766L10.4798 33.5001H9.90918L11.1555 30.2871ZM10.9364 32.2626H11.9818L11.4705 30.8541H11.4522L10.9364 32.2626Z" fill="#11B671"/>
<path d="M8.30022 30.2241C8.6837 30.2241 9.00326 30.3231 9.24979 30.5211C9.48718 30.7101 9.6287 30.9711 9.67892 31.2951H9.15848C9.1037 31.0836 9.00326 30.9306 8.85261 30.8316C8.70653 30.7326 8.51935 30.6876 8.29109 30.6876C7.9487 30.6876 7.69305 30.8001 7.51957 31.0341C7.35979 31.2411 7.28218 31.5291 7.28218 31.8981C7.28218 32.2761 7.35979 32.5686 7.515 32.7711C7.68392 32.9871 7.9487 33.0996 8.30479 33.0996C8.53761 33.0996 8.72935 33.0411 8.87544 32.9331C9.03066 32.8116 9.14022 32.6271 9.20413 32.3841H9.72457C9.65153 32.7621 9.48261 33.0546 9.21326 33.2661C8.96218 33.4641 8.66087 33.5631 8.30935 33.5631C7.76609 33.5631 7.35979 33.3921 7.095 33.0591C6.86218 32.7711 6.74805 32.3841 6.74805 31.8981C6.74805 31.4211 6.86674 31.0296 7.1087 30.7326C7.38261 30.3906 7.77979 30.2241 8.30022 30.2241Z" fill="#11B671"/>
<rect opacity="0.4" x="5.8042" y="40" width="27.3913" height="2" rx="1" fill="url(#paint0_linear_5607_29076)"/>
<rect opacity="0.5" x="5.8042" y="44" width="27.3913" height="2" rx="1" fill="url(#paint1_linear_5607_29076)"/>
<rect opacity="0.7" x="5.8042" y="49" width="20.5435" height="2" rx="1" fill="url(#paint2_linear_5607_29076)"/>
</g>
<g filter="url(#filter2_d_5607_29076)">
<g filter="url(#filter3_d_5607_29076)">
<rect x="63" y="2" width="31" height="35" rx="2" fill="#434552"/>
</g>
<rect x="67" y="26" width="10" height="2" rx="1" fill="#E7D9FE"/>
<rect x="67" y="30" width="23" height="2" rx="1" fill="#AF85F3"/>
<path d="M83 7.07178C81.4294 6.16498 79.5973 5.81876 77.8041 6.08988C76.0108 6.36099 74.363 7.23335 73.1306 8.56392C71.8983 9.8945 71.1546 11.6043 71.0215 13.413C70.8885 15.2217 71.3739 17.0219 72.3983 18.5185C73.4226 20.0151 74.9251 21.1193 76.6593 21.6499C78.3935 22.1805 80.2566 22.1062 81.943 21.439C83.6294 20.7718 85.0391 19.5514 85.9409 17.9779C86.8427 16.4045 87.1831 14.5713 86.9062 12.7789L79 14L83 7.07178Z" fill="url(#paint3_angular_5607_29076)"/>
</g>
</g>
<defs>
<filter id="filter0_d_5607_29076" x="0" y="0" width="100" height="69" 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 dx="2" dy="2"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.285377 0 0 0 0 0 0 0 0 0 0.747168 0 0 0 0.11 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29076"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29076" result="shape"/>
</filter>
<filter id="filter1_d_5607_29076" x="0" y="24" width="43" height="38" 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 dx="2" dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.118655 0 0 0 0 0 0 0 0 0 0.310661 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29076"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29076" result="shape"/>
</filter>
<filter id="filter2_d_5607_29076" x="61" y="2" width="39" height="43" 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 dx="2" dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.118655 0 0 0 0 0 0 0 0 0 0.310661 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29076"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29076" result="shape"/>
</filter>
<filter id="filter3_d_5607_29076" x="62" y="1" width="33" height="37" 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/>
<feGaussianBlur stdDeviation="0.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.141176 0 0 0 0 0.14902 0 0 0 0 0.2 0 0 0 1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29076"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29076" result="shape"/>
</filter>
<linearGradient id="paint0_linear_5607_29076" x1="0.0976776" y1="41" x2="33.1955" y2="41" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="#E9E8EC"/>
</linearGradient>
<linearGradient id="paint1_linear_5607_29076" x1="0.0976776" y1="45" x2="33.1955" y2="45" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="#E9E8EC"/>
</linearGradient>
<linearGradient id="paint2_linear_5607_29076" x1="1.52431" y1="50" x2="26.3477" y2="50" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="#E9E8EC"/>
</linearGradient>
<radialGradient id="paint3_angular_5607_29076" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(79 14) rotate(-46.6075) scale(7.84983)">
<stop stop-color="#945DED"/>
<stop offset="1" stop-color="#F0E7FF"/>
</radialGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 9.4 KiB

94
frontend/src/assets/svg/my-created-bug-dark-img.svg Normal file
View File

@ -0,0 +1,94 @@
<svg width="106" height="79" viewBox="0 0 106 79" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle opacity="0.1" cx="30" cy="30" r="30" fill="#60626F"/>
<g filter="url(#filter0_d_5607_29093)">
<path d="M6 9.67833C6 8.49199 6.90649 7.53027 8.02469 7.53027H85.9753C87.0935 7.53027 88 8.49199 88 9.67833V15.0485H6V9.67833Z" fill="#434552"/>
<path d="M6 15.1436H88V64.5489C88 65.7353 87.0935 66.697 85.9753 66.697H8.02469C6.90648 66.697 6 65.7353 6 64.5489V15.1436Z" fill="#242633"/>
<path d="M11.0361 11.2437C11.0361 12.0721 10.3646 12.7437 9.53613 12.7437C8.70771 12.7437 8.03613 12.0721 8.03613 11.2437C8.03613 10.4152 8.70771 9.74365 9.53613 9.74365C10.3646 9.74365 11.0361 10.4152 11.0361 11.2437Z" fill="#E2324F"/>
<path d="M17.0361 11.2437C17.0361 12.0721 16.3646 12.7437 15.5361 12.7437C14.7077 12.7437 14.0361 12.0721 14.0361 11.2437C14.0361 10.4152 14.7077 9.74365 15.5361 9.74365C16.3646 9.74365 17.0361 10.4152 17.0361 11.2437Z" fill="#EDAC2C"/>
<path d="M23.0361 11.2437C23.0361 12.0721 22.3646 12.7437 21.5361 12.7437C20.7077 12.7437 20.0361 12.0721 20.0361 11.2437C20.0361 10.4152 20.7077 9.74365 21.5361 9.74365C22.3646 9.74365 23.0361 10.4152 23.0361 11.2437Z" fill="#11B671"/>
</g>
<rect x="10" y="21.5151" width="39" height="4.30303" rx="1" fill="#434552"/>
<rect x="10" y="44.106" width="39" height="4.30303" rx="1" fill="#434552"/>
<rect x="10" y="21.5151" width="23" height="4.30303" rx="1" fill="#00C261"/>
<rect x="10" y="44.106" width="15" height="4.30303" rx="1" fill="#E2324F"/>
<path d="M13.72 28.6779H14.72V33.3979H15.8V34.2679H14.72V35.8179H13.68V34.2679H10.2V33.2379L13.72 28.6779ZM13.65 30.0579L11.09 33.3979H13.68V30.0579H13.65ZM19.0961 28.5379C20.4761 28.5379 21.2661 29.1779 21.4461 30.4779H20.3861C20.2361 29.7779 19.8061 29.4379 19.0861 29.4379C18.5861 29.4379 18.1961 29.6779 17.9061 30.1679C17.6161 30.6279 17.4761 31.1979 17.4761 31.8979C17.4761 31.9279 17.4761 31.9679 17.4861 32.0279H17.5261C17.7261 31.7079 17.9761 31.4779 18.2861 31.3279C18.5661 31.1779 18.8961 31.1079 19.2761 31.1079C19.9761 31.1079 20.5361 31.3279 20.9561 31.7679C21.3661 32.2179 21.5761 32.7979 21.5761 33.4979C21.5761 34.2079 21.3361 34.7979 20.8661 35.2579C20.3861 35.7179 19.7861 35.9579 19.0861 35.9579C18.2061 35.9579 17.5461 35.6379 17.0861 34.9979C16.6461 34.3879 16.4261 33.5379 16.4261 32.4479C16.4261 31.2879 16.6561 30.3479 17.1361 29.6279C17.6161 28.8979 18.2761 28.5379 19.0961 28.5379ZM19.0561 31.9879C18.6061 31.9879 18.2561 32.1279 17.9961 32.4079C17.7361 32.6879 17.6061 33.0579 17.6061 33.5279C17.6061 33.9879 17.7361 34.3579 18.0061 34.6379C18.2661 34.9179 18.6161 35.0579 19.0461 35.0579C19.4861 35.0579 19.8361 34.9079 20.0961 34.6179C20.3661 34.3179 20.5061 33.9479 20.5061 33.4979C20.5061 33.0379 20.3761 32.6679 20.1161 32.4079C19.8561 32.1279 19.4961 31.9879 19.0561 31.9879Z" fill="#E3E6F3"/>
<path d="M13.07 51.1292C13.79 51.1292 14.36 51.2992 14.8 51.6492C15.22 51.9992 15.44 52.4792 15.44 53.0892C15.44 53.8692 15.04 54.3992 14.26 54.6592C14.68 54.7892 15 54.9892 15.22 55.2492C15.46 55.5192 15.58 55.8692 15.58 56.2892C15.58 56.9492 15.35 57.4892 14.9 57.9092C14.42 58.3292 13.79 58.5492 13.03 58.5492C12.3 58.5492 11.71 58.3592 11.27 57.9892C10.77 57.5692 10.49 56.9592 10.43 56.1592H11.53C11.55 56.6392 11.7 57.0092 12 57.2692C12.26 57.5092 12.6 57.6292 13.02 57.6292C13.48 57.6292 13.85 57.4892 14.13 57.2292C14.37 56.9892 14.5 56.6992 14.5 56.3392C14.5 55.9192 14.37 55.6092 14.11 55.4092C13.87 55.2092 13.51 55.1092 13.04 55.1092H12.52V54.2892H13.03C13.47 54.2892 13.8 54.1892 14.02 53.9992C14.24 53.8092 14.36 53.5292 14.36 53.1692C14.36 52.8092 14.25 52.5392 14.05 52.3492C13.83 52.1492 13.5 52.0592 13.08 52.0592C12.65 52.0592 12.31 52.1692 12.07 52.3892C11.83 52.6092 11.68 52.9392 11.64 53.3792H10.57C10.63 52.6692 10.89 52.1192 11.36 51.7192C11.8 51.3192 12.37 51.1292 13.07 51.1292ZM19.1061 51.1292C19.7861 51.1292 20.3561 51.3192 20.7961 51.7192C21.2261 52.1192 21.4461 52.6292 21.4461 53.2592C21.4461 53.8792 21.2061 54.4392 20.7461 54.9492C20.4661 55.2392 19.9761 55.6192 19.2661 56.0992C18.4961 56.6092 18.0361 57.0592 17.8861 57.4492H21.4561V58.4092H16.5361C16.5361 57.6992 16.7661 57.0792 17.2461 56.5392C17.5061 56.2292 18.0461 55.7992 18.8561 55.2392C19.3361 54.8992 19.6761 54.6292 19.8761 54.4192C20.1961 54.0592 20.3661 53.6692 20.3661 53.2492C20.3661 52.8492 20.2561 52.5492 20.0361 52.3492C19.8161 52.1492 19.4861 52.0492 19.0661 52.0492C18.6161 52.0492 18.2761 52.1992 18.0461 52.5092C17.8061 52.8092 17.6861 53.2392 17.6661 53.8192H16.5761C16.5861 53.0192 16.8161 52.3792 17.2661 51.8992C17.7261 51.3792 18.3461 51.1292 19.1061 51.1292Z" fill="#E3E6F3"/>
<path d="M53 60.2424L55.549 54.4499L58.6078 57.7599L61.6667 52.7949L65.7451 54.4499L70.3333 49.4849L75.4314 52.7949L79 49.4849" stroke="#E2324F" stroke-width="0.5"/>
<path opacity="0.4" d="M55.549 54.6485L53 60.6727V66.697H79V49.4849L75.4314 52.9273L70.3333 49.4849L65.7451 54.6485L61.6667 52.9273L58.6078 58.0909L55.549 54.6485Z" fill="url(#paint0_linear_5607_29093)"/>
<g filter="url(#filter1_d_5607_29093)">
<g filter="url(#filter2_d_5607_29093)">
<rect width="20" height="21.5152" rx="1" transform="matrix(1 0 0 -1 80 71)" fill="#434552"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M88.5746 62.6959H87.6243V59.8846V59.629C87.6243 59.2571 87.7297 58.4676 88.1411 57.7884C88.4805 57.2283 89.0398 56.7186 90 56.5921V62.6959H88.5746ZM90.9503 62.6959V56.5919C91.9118 56.7175 92.4709 57.224 92.8096 57.7812C93.2204 58.4569 93.3261 59.2458 93.3261 59.629V59.8846V62.6959H92.3758H90.9503ZM92.8497 63.7182H93.6044L94.8907 65.1019C95.0763 65.3015 95.3771 65.3015 95.5627 65.1019C95.7482 64.9023 95.7482 64.5787 95.5627 64.379L94.2764 62.9953V60.3957H95.2267C95.4891 60.3957 95.7019 60.1669 95.7019 59.8846C95.7019 59.6023 95.4891 59.3734 95.2267 59.3734H94.2672C94.2296 58.8235 94.0676 57.9885 93.6119 57.2331L94.85 55.9013C95.0355 55.7017 95.0355 55.378 94.85 55.1784C94.6644 54.9788 94.3636 54.9788 94.178 55.1784L92.9887 56.4578C92.4086 55.9155 91.5933 55.5398 90.4752 55.5398C89.3582 55.5398 88.5437 55.9173 87.9642 56.4604L86.7724 55.1784C86.5868 54.9788 86.286 54.9788 86.1004 55.1784C85.9149 55.378 85.9149 55.7017 86.1004 55.9013L87.3414 57.2362C86.8848 57.9929 86.7217 58.8282 86.6835 59.3734H85.7237C85.4613 59.3734 85.2485 59.6023 85.2485 59.8846C85.2485 60.1669 85.4613 60.3957 85.7237 60.3957H86.674V62.9953L85.3877 64.379C85.2021 64.5787 85.2021 64.9023 85.3877 65.1019C85.5733 65.3015 85.8741 65.3015 86.0597 65.1019L87.346 63.7182H88.1007C88.141 65.1188 89.1713 66.2739 90.4752 66.2739C91.779 66.2739 92.8094 65.1188 92.8497 63.7182ZM91.8987 63.7182C91.8594 64.5902 91.2203 65.2516 90.4752 65.2516C89.7301 65.2516 89.0909 64.5902 89.0517 63.7182H90.4752H91.8987Z" fill="#E2324F"/>
</g>
<g filter="url(#filter3_d_5607_29093)">
<g filter="url(#filter4_d_5607_29093)">
<rect x="51" width="49" height="41.9545" rx="1" fill="#434552"/>
</g>
<rect x="55.21" y="4.54541" width="9.82481" height="4.54525" rx="1" fill="#242633"/>
<rect opacity="0.4" x="67.8428" y="4.54541" width="28.0709" height="4.54525" rx="1" fill="#9597A4"/>
<rect x="55.21" y="13.6353" width="9.82481" height="4.54525" rx="1" fill="#242633"/>
<rect opacity="0.4" x="67.8428" y="13.6353" width="28.0709" height="4.54525" rx="1" fill="#9597A4"/>
<rect opacity="0.2" x="56.6138" y="27.7012" width="4.21063" height="7.57541" fill="#4DC894"/>
<rect x="65.0356" y="21.6401" width="4.21063" height="13.6357" fill="#11B671"/>
<rect opacity="0.2" x="73.4561" y="24.6709" width="4.21063" height="10.6056" fill="#4DC894"/>
<rect x="81.8779" y="27.7012" width="4.21063" height="7.57541" fill="#4DC894"/>
<rect opacity="0.2" x="90.3003" y="27.7012" width="4.21063" height="7.57541" fill="#4DC894"/>
</g>
<defs>
<filter id="filter0_d_5607_29093" x="2" y="7.53027" width="90" height="67.1665" 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="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29093"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29093" result="shape"/>
</filter>
<filter id="filter1_d_5607_29093" x="78" y="48.4849" width="28" height="29.5151" 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 dx="2" dy="3"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.218229 0 0 0 0 0.144106 0 0 0 0 0.014989 0 0 0 0.06 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29093"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29093" result="shape"/>
</filter>
<filter id="filter2_d_5607_29093" x="76" y="49.4849" width="28" height="29.5151" 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="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<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_5607_29093"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29093" result="shape"/>
</filter>
<filter id="filter3_d_5607_29093" x="47" y="0" width="57" height="49.9546" 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="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29093"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29093" result="shape"/>
</filter>
<filter id="filter4_d_5607_29093" x="47" y="0" width="57" height="49.9546" 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="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<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_5607_29093"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29093" result="shape"/>
</filter>
<linearGradient id="paint0_linear_5607_29093" x1="66" y1="37.4364" x2="66" y2="66.697" gradientUnits="userSpaceOnUse">
<stop stop-color="#E2324F"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

109
frontend/src/assets/svg/my-created-project-dark-img.svg Normal file
View File

@ -0,0 +1,109 @@
<svg width="103" height="72" viewBox="0 0 103 72" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_5607_29073)">
<path d="M10 8C10 6.89543 10.8954 6 12 6H89C90.1046 6 91 6.89543 91 8V13H10V8Z" fill="#434552"/>
<path d="M10 13H91V59C91 60.1046 90.1046 61 89 61H12C10.8954 61 10 60.1046 10 59V13Z" fill="#242633"/>
<rect x="18" y="53" width="66" height="1" rx="0.1" fill="#2E313D"/>
<circle cx="16.5" cy="9.5" r="1.5" fill="#E2324F"/>
<circle cx="22.5" cy="9.5" r="1.5" fill="#EDAC2C"/>
<circle cx="28.5" cy="9.5" r="1.5" fill="#11B671"/>
<rect opacity="0.2" x="14" y="18" width="19" height="7" rx="1" fill="#D96CFF"/>
<g opacity="0.9">
<circle cx="17.5" cy="21.5" r="1.5" fill="#E3E6F3"/>
<rect x="20" y="22" width="11" height="1" rx="0.5" fill="#E3E6F3"/>
<rect x="20" y="20" width="11" height="1" rx="0.5" fill="#E3E6F3"/>
</g>
<rect opacity="0.2" x="37" y="18" width="19" height="7" rx="1" fill="#169262"/>
<g opacity="0.9">
<circle cx="40.5" cy="21.5" r="1.5" fill="#E3E6F3"/>
<rect x="43" y="22" width="11" height="1" rx="0.5" fill="#E3E6F3"/>
<rect x="43" y="20" width="11" height="1" rx="0.5" fill="#E3E6F3"/>
</g>
<rect opacity="0.2" x="60" y="18" width="19" height="7" rx="1" fill="#3370FF"/>
<g opacity="0.9">
<circle cx="63.5" cy="21.5" r="1.5" fill="white"/>
<rect x="66" y="22" width="11" height="1" rx="0.5" fill="white"/>
<rect x="66" y="20" width="11" height="1" rx="0.5" fill="white"/>
</g>
<path d="M24 41C24 40.4477 24.4477 40 25 40H26C26.5523 40 27 40.4477 27 41V53H24V41Z" fill="#D7C1F8"/>
<path d="M29 46C29 45.4477 29.4477 45 30 45H31C31.5523 45 32 45.4477 32 46V53H29V46Z" fill="#1D5849"/>
<path d="M39 44C39 43.4477 39.4477 43 40 43H41C41.5523 43 42 43.4477 42 44V53H39V44Z" fill="#D7C1F8"/>
<path d="M44 47.8462C44 47.2939 44.4477 46.8462 45 46.8462H46C46.5523 46.8462 47 47.2939 47 47.8462V53H44V47.8462Z" fill="#11B671"/>
<path d="M54 37C54 36.4477 54.4477 36 55 36H56C56.5523 36 57 36.4477 57 37V53H54V37Z" fill="#945DED"/>
<path d="M59 43.5386C59 42.9863 59.4477 42.5386 60 42.5386H61C61.5523 42.5386 62 42.9863 62 43.5386V53.0001H59V43.5386Z" fill="#1D5849"/>
<path d="M70 37C70 36.4477 70.4477 36 71 36H72C72.5523 36 73 36.4477 73 37V53H70V37Z" fill="#D7C1F8"/>
<path d="M75 43.5386C75 42.9863 75.4477 42.5386 76 42.5386H77C77.5523 42.5386 78 42.9863 78 43.5386V53.0001H75V43.5386Z" fill="#1D5849"/>
<g filter="url(#filter1_d_5607_29073)">
<rect x="4" y="37" width="27" height="18" rx="1" fill="#945DED"/>
<rect x="7" y="40" width="8" height="2" rx="1" fill="#F4EFF7"/>
<rect x="7" y="44" width="21" height="2" rx="1" fill="#F4EFF7"/>
<rect x="7" y="48" width="21" height="2" rx="1" fill="#F4EFF7"/>
</g>
<g filter="url(#filter2_d_5607_29073)">
<g filter="url(#filter3_d_5607_29073)">
<rect x="61" y="12" width="36" height="28" rx="2" fill="#434552"/>
</g>
<rect x="74" y="15" width="11" height="2" rx="1" fill="#242633"/>
<rect x="67" y="20" width="24" height="2" rx="1" fill="#242633"/>
<rect x="67" y="25" width="24" height="2" rx="1" fill="#242633"/>
<rect x="67" y="30" width="24" height="2" rx="1" fill="#242633"/>
<rect x="67" y="35" width="24" height="2" rx="1" fill="#242633"/>
</g>
<g filter="url(#filter4_d_5607_29073)">
<circle cx="85.5" cy="54.5" r="9.5" fill="#E3E6F3"/>
<circle cx="85.5" cy="54.5" r="9" stroke="#E3E6F3"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M84.8335 53.9998C83.2235 53.9998 81.9168 52.694 81.9168 51.0832C81.9168 49.4723 83.2235 48.1665 84.8335 48.1665C86.4435 48.1665 87.7502 49.4723 87.7502 51.0832C87.7502 52.694 86.4435 53.9998 84.8335 53.9998ZM84.8335 52.8332C85.7995 52.8332 86.5835 52.0494 86.5835 51.0832C86.5835 50.117 85.7995 49.3332 84.8335 49.3332C83.8675 49.3332 83.0835 50.117 83.0835 51.0832C83.0835 52.0494 83.8675 52.8332 84.8335 52.8332ZM79.5835 58.0832C79.5835 56.1503 81.1497 54.5832 83.0835 54.5832H86.5835C88.5172 54.5832 90.0835 56.1503 90.0835 58.0832V59.564C90.0835 59.8863 89.821 60.1473 89.5002 60.1473H80.1668C79.846 60.1473 79.5835 59.8863 79.5835 59.564V58.0832ZM88.9168 58.0832C88.9168 56.7943 87.8726 55.7498 86.5835 55.7498H83.0835C81.7944 55.7498 80.7502 56.7943 80.7502 58.0832V58.9807H88.9168V58.0832ZM89.2085 52.2498H92.1252C92.2862 52.2498 92.4168 52.3804 92.4168 52.5415V53.1248C92.4168 53.2859 92.2862 53.4165 92.1252 53.4165H89.2085C89.0474 53.4165 88.9168 53.2859 88.9168 53.1248V52.5415C88.9168 52.3804 89.0474 52.2498 89.2085 52.2498ZM90.9585 54.5832H92.1252C92.2862 54.5832 92.4168 54.7138 92.4168 54.8748V55.4582C92.4168 55.6193 92.2862 55.7498 92.1252 55.7498H90.9585C90.7974 55.7498 90.6668 55.6193 90.6668 55.4582V54.8748C90.6668 54.7138 90.7974 54.5832 90.9585 54.5832Z" fill="#945DED"/>
</g>
<defs>
<filter id="filter0_d_5607_29073" x="-2" y="-2" width="108" height="78" 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 dx="2" dy="2"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.285377 0 0 0 0 0 0 0 0 0 0.747168 0 0 0 0.11 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29073"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29073" result="shape"/>
</filter>
<filter id="filter1_d_5607_29073" x="2" y="37" width="35" height="26" 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 dx="2" dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.242617 0 0 0 0 0.0117542 0 0 0 0 0.616195 0 0 0 0.23 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29073"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29073" result="shape"/>
</filter>
<filter id="filter2_d_5607_29073" x="59" y="12" width="44" height="36" 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 dx="2" dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.118655 0 0 0 0 0 0 0 0 0 0.310661 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29073"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29073" result="shape"/>
</filter>
<filter id="filter3_d_5607_29073" x="60" y="11" width="38" height="30" 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/>
<feGaussianBlur stdDeviation="0.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.141176 0 0 0 0 0.14902 0 0 0 0 0.2 0 0 0 1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29073"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29073" result="shape"/>
</filter>
<filter id="filter4_d_5607_29073" x="74" y="45" width="27" height="27" 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 dx="2" dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.118655 0 0 0 0 0 0 0 0 0 0.310661 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29073"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29073" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 8.0 KiB

29
frontend/src/assets/svg/no_resource-dark.svg Normal file
View File

@ -0,0 +1,29 @@
<svg width="160" height="103" viewBox="0 0 160 103" fill="none" xmlns="http://www.w3.org/2000/svg">
<ellipse cx="80" cy="76.702" rx="80" ry="26.2982" fill="url(#paint0_linear_5607_29113)"/>
<g filter="url(#filter0_d_5607_29113)">
<path d="M27.4932 9C27.4932 6.79086 29.284 5 31.4932 5H128.096C130.305 5 132.096 6.79086 132.096 9V83.9921C132.096 86.2013 130.305 87.9921 128.096 87.9921H31.4932C29.284 87.9921 27.4932 86.2013 27.4932 83.9921V9Z" fill="#434552"/>
<path d="M27.9932 9C27.9932 7.067 29.5602 5.5 31.4932 5.5H128.096C130.029 5.5 131.596 7.067 131.596 9V83.9921C131.596 85.9251 130.029 87.4921 128.096 87.4921H31.4932C29.5602 87.4921 27.9932 85.9251 27.9932 83.9921V9Z" stroke="#242633"/>
</g>
<path d="M29.5 10C29.5 8.34315 30.8431 7 32.5 7H127.5C129.157 7 130.5 8.34315 130.5 10V16H29.5V10Z" fill="#2E313D"/>
<ellipse cx="39.8738" cy="11.5499" rx="1.95486" ry="1.94982" fill="#242633"/>
<ellipse cx="46.3904" cy="11.5499" rx="1.95486" ry="1.94982" fill="#242633"/>
<ellipse cx="33.3577" cy="11.5499" rx="1.95486" ry="1.94982" fill="#242633"/>
<path d="M31.5498 20.0366C31.5498 18.932 32.4452 18.0366 33.5498 18.0366H126.001C127.105 18.0366 128.001 18.9321 128.001 20.0366V81.2201C128.001 82.3247 127.105 83.2201 126.001 83.2201H33.5498C32.4452 83.2201 31.5498 82.3247 31.5498 81.2201V20.0366Z" fill="#242633"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M76.6152 39.2401C76.6152 37.387 78.1234 35.8716 80.0002 35.8716C81.877 35.8716 83.3852 37.387 83.3852 39.2401V43.4358H76.6152V39.2401ZM70.6152 43.4358V39.2401C70.6152 34.0587 74.8244 29.8716 80.0002 29.8716C85.176 29.8716 89.3852 34.0587 89.3852 39.2401V43.4358H90.2163C91.4194 43.4358 92.3947 44.4086 92.3947 45.6086V57.0719C92.3947 58.2719 91.4194 59.2447 90.2163 59.2447H69.7844C68.5813 59.2447 67.606 58.2719 67.606 57.0719V45.6086C67.606 44.4086 68.5813 43.4358 69.7844 43.4358H70.6152ZM80.0005 47.4297C81.1051 47.4297 82.0005 48.3251 82.0005 49.4297V53.2508C82.0005 54.3554 81.1051 55.2508 80.0005 55.2508C78.8959 55.2508 78.0005 54.3554 78.0005 53.2508V49.4297C78.0005 48.3251 78.8959 47.4297 80.0005 47.4297Z" fill="#434552"/>
<defs>
<filter id="filter0_d_5607_29113" x="18.4932" y="0" width="122.603" height="100.992" 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"/>
<feMorphology radius="1" operator="erode" in="SourceAlpha" result="effect1_dropShadow_5607_29113"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="5"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.392157 0 0 0 0 0.392157 0 0 0 0 0.4 0 0 0 0.15 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29113"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29113" result="shape"/>
</filter>
<linearGradient id="paint0_linear_5607_29113" x1="80.2254" y1="50.4038" x2="80.2253" y2="103" gradientUnits="userSpaceOnUse">
<stop stop-color="#363A4F"/>
<stop offset="1" stop-color="#242633"/>
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB

81
frontend/src/assets/svg/project-overview-dark-img.svg Normal file
View File

@ -0,0 +1,81 @@
<svg width="102" height="69" viewBox="0 0 102 69" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle opacity="0.1" cx="25.5" cy="25.5" r="25.5" fill="#60626F"/>
<path d="M14 6C14 4.89543 14.8954 4 16 4H84C85.1046 4 86 4.89543 86 6V50H14V6Z" fill="#242633"/>
<path d="M14 50H86V56C86 57.1046 85.1046 58 84 58H16C14.8954 58 14 57.1046 14 56V50Z" fill="#60626F"/>
<circle cx="50.5" cy="53.5" r="1.5" fill="#434552"/>
<rect x="17" y="7" width="66" height="40" rx="1" fill="#2E313D"/>
<rect x="17" y="14" width="66" height="1" rx="0.1" fill="#242633"/>
<circle cx="22.5" cy="10.5" r="1.5" fill="#E2324F"/>
<circle cx="28.5" cy="10.5" r="1.5" fill="#EDAC2C"/>
<circle cx="34.5" cy="10.5" r="1.5" fill="#11B671"/>
<rect x="19" y="17" width="15" height="28" rx="1" fill="#434552"/>
<circle cx="26.5" cy="22.5" r="1.5" fill="#2E313D"/>
<rect x="21" y="26" width="11" height="1" rx="0.5" fill="#2E313D"/>
<rect x="21" y="29" width="11" height="1" rx="0.5" fill="#2E313D"/>
<rect x="21" y="32" width="11" height="1" rx="0.5" fill="#2E313D"/>
<rect x="21" y="35" width="11" height="1" rx="0.5" fill="#2E313D"/>
<rect x="21" y="38" width="5" height="1" rx="0.5" fill="#2E313D"/>
<rect x="37" y="32" width="1" height="13" rx="0.5" fill="#242633"/>
<rect x="49" y="32" width="1" height="13" rx="0.5" fill="#242633"/>
<rect x="59" y="32" width="1" height="13" rx="0.5" fill="#242633"/>
<rect x="69" y="32" width="1" height="13" rx="0.5" fill="#242633"/>
<rect x="79" y="32" width="1" height="13" rx="0.5" fill="#242633"/>
<path d="M48.3824 35L37 41.8421V45H80V35L69.8824 40.2632L59.7647 41.8421L48.3824 35Z" fill="url(#paint0_linear_5607_29069)"/>
<path d="M37 42L48.3824 35L59.7647 42L69.8824 40.3846L80 35" stroke="#945DED" stroke-width="0.5"/>
<circle cx="40" cy="21" r="3.5" stroke="#252734"/>
<mask id="path-25-inside-1_5607_29069" fill="white">
<path d="M40 17C40.9074 17 41.7879 17.3086 42.4969 17.875C43.2058 18.4414 43.7011 19.2321 43.9014 20.1172C44.1016 21.0022 43.995 21.9291 43.599 22.7456C43.203 23.562 42.5412 24.2196 41.7221 24.6103L41.2919 23.7083C41.9063 23.4153 42.4028 22.922 42.6999 22.3095C42.997 21.697 43.0769 21.0017 42.9267 20.3377C42.7765 19.6738 42.4049 19.0806 41.8731 18.6557C41.3413 18.2308 40.6807 17.9993 40 17.9993V17Z"/>
</mask>
<path d="M40 17C40.9074 17 41.7879 17.3086 42.4969 17.875C43.2058 18.4414 43.7011 19.2321 43.9014 20.1172C44.1016 21.0022 43.995 21.9291 43.599 22.7456C43.203 23.562 42.5412 24.2196 41.7221 24.6103L41.2919 23.7083C41.9063 23.4153 42.4028 22.922 42.6999 22.3095C42.997 21.697 43.0769 21.0017 42.9267 20.3377C42.7765 19.6738 42.4049 19.0806 41.8731 18.6557C41.3413 18.2308 40.6807 17.9993 40 17.9993V17Z" stroke="#8E49FF" stroke-width="2" mask="url(#path-25-inside-1_5607_29069)"/>
<circle cx="58" cy="21" r="3.5" stroke="#252734"/>
<mask id="path-27-inside-2_5607_29069" fill="white">
<path d="M58 17C58.6578 17 59.3055 17.1622 59.8856 17.4723C60.4657 17.7824 60.9604 18.2308 61.3259 18.7777C61.6913 19.3247 61.9163 19.9533 61.9807 20.6079C62.0452 21.2626 61.9472 21.923 61.6955 22.5307C61.4438 23.1385 61.0461 23.6747 60.5376 24.092C60.0291 24.5093 59.4255 24.7948 58.7804 24.9231C58.1352 25.0515 57.4683 25.0187 56.8389 24.8278C56.2094 24.6368 55.6367 24.2936 55.1716 23.8284L55.8782 23.1218C56.2271 23.4707 56.6567 23.7282 57.1289 23.8715C57.6012 24.0147 58.1014 24.0393 58.5854 23.943C59.0694 23.8468 59.5222 23.6326 59.9036 23.3196C60.2851 23.0065 60.5834 22.6042 60.7723 22.1483C60.9611 21.6924 61.0346 21.197 60.9862 20.7059C60.9379 20.2148 60.7691 19.7432 60.495 19.3329C60.2208 18.9226 59.8497 18.5862 59.4145 18.3536C58.9793 18.121 58.4935 17.9993 58 17.9993V17Z"/>
</mask>
<path d="M58 17C58.6578 17 59.3055 17.1622 59.8856 17.4723C60.4657 17.7824 60.9604 18.2308 61.3259 18.7777C61.6913 19.3247 61.9163 19.9533 61.9807 20.6079C62.0452 21.2626 61.9472 21.923 61.6955 22.5307C61.4438 23.1385 61.0461 23.6747 60.5376 24.092C60.0291 24.5093 59.4255 24.7948 58.7804 24.9231C58.1352 25.0515 57.4683 25.0187 56.8389 24.8278C56.2094 24.6368 55.6367 24.2936 55.1716 23.8284L55.8782 23.1218C56.2271 23.4707 56.6567 23.7282 57.1289 23.8715C57.6012 24.0147 58.1014 24.0393 58.5854 23.943C59.0694 23.8468 59.5222 23.6326 59.9036 23.3196C60.2851 23.0065 60.5834 22.6042 60.7723 22.1483C60.9611 21.6924 61.0346 21.197 60.9862 20.7059C60.9379 20.2148 60.7691 19.7432 60.495 19.3329C60.2208 18.9226 59.8497 18.5862 59.4145 18.3536C58.9793 18.121 58.4935 17.9993 58 17.9993V17Z" stroke="#8E49FF" stroke-width="2" mask="url(#path-27-inside-2_5607_29069)"/>
<circle cx="76" cy="21" r="3.5" stroke="#252734"/>
<mask id="path-29-inside-3_5607_29069" fill="white">
<path d="M78.3631 24.2273C77.6871 24.7223 76.8726 24.9926 76.0348 24.9998C75.1969 25.0071 74.378 24.7511 73.6934 24.268C73.0089 23.7848 72.4933 23.0989 72.2196 22.307C71.9458 21.5151 71.9276 20.6572 72.1676 19.8544L73.125 20.1406C72.945 20.7428 72.9586 21.3864 73.164 21.9805C73.3694 22.5745 73.7561 23.0891 74.2697 23.4515C74.7832 23.814 75.3976 24.0061 76.0261 24.0006C76.6546 23.9951 77.2656 23.7924 77.7727 23.4211L78.3631 24.2273Z"/>
</mask>
<path d="M78.3631 24.2273C77.6871 24.7223 76.8726 24.9926 76.0348 24.9998C75.1969 25.0071 74.378 24.7511 73.6934 24.268C73.0089 23.7848 72.4933 23.0989 72.2196 22.307C71.9458 21.5151 71.9276 20.6572 72.1676 19.8544L73.125 20.1406C72.945 20.7428 72.9586 21.3864 73.164 21.9805C73.3694 22.5745 73.7561 23.0891 74.2697 23.4515C74.7832 23.814 75.3976 24.0061 76.0261 24.0006C76.6546 23.9951 77.2656 23.7924 77.7727 23.4211L78.3631 24.2273Z" stroke="#8E49FF" stroke-width="2" mask="url(#path-29-inside-3_5607_29069)"/>
<path d="M41 58H59L61 65H39L41 58Z" fill="url(#paint1_linear_5607_29069)"/>
<rect x="34" y="65" width="32" height="2" rx="1" fill="#424551"/>
<g filter="url(#filter0_d_5607_29069)">
<circle cx="86" cy="12" r="10" fill="#8E49FF"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M78.6665 11.9998C78.6665 7.94975 81.9497 4.6665 85.9998 4.6665C87.338 4.6665 88.5943 5.02553 89.6756 5.65296C89.994 5.83775 90.1024 6.24572 89.9176 6.56417C89.7328 6.88263 89.3248 6.99099 89.0064 6.80619C88.1229 6.29356 87.0967 5.99984 85.9998 5.99984C82.6861 5.99984 79.9998 8.68613 79.9998 11.9998C79.9998 15.3135 82.6861 17.9998 85.9998 17.9998C89.3135 17.9998 91.9998 15.3135 91.9998 11.9998C91.9998 10.9105 91.7102 9.8909 91.2041 9.01164C91.0204 8.69253 91.1302 8.28495 91.4493 8.10128C91.7684 7.91761 92.176 8.0274 92.3597 8.3465C92.9791 9.42271 93.3332 10.6709 93.3332 11.9998C93.3332 16.0499 90.0499 19.3332 85.9998 19.3332C81.9497 19.3332 78.6665 16.0499 78.6665 11.9998Z" fill="#E3E6F3"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M89.2741 9.58379L88.6498 9.34995L88.4159 8.72564C88.6607 8.63398 88.9364 8.69376 89.1212 8.87855C89.306 9.06334 89.3657 9.33906 89.2741 9.58379ZM87.4565 10.5432C87.4171 10.5597 87.3775 10.5765 87.3376 10.5934C86.934 10.7646 86.5233 10.9482 86.186 11.1179C86.0172 11.2029 85.8741 11.2807 85.7629 11.3485C85.7076 11.3823 85.6643 11.4111 85.632 11.4346C85.5997 11.4581 85.5857 11.4712 85.5857 11.4712C85.3253 11.7316 85.3253 12.1537 85.5856 12.4141C85.846 12.6744 86.2681 12.6744 86.5285 12.4141C86.5285 12.4141 86.5417 12.4 86.5651 12.3678C86.5886 12.3355 86.6174 12.2922 86.6512 12.2368C86.719 12.1256 86.7968 11.9826 86.8818 11.8137C87.0515 11.4764 87.2351 11.0657 87.4064 10.6621C87.4232 10.6223 87.44 10.5826 87.4565 10.5432ZM88.6498 9.34995C88.4159 8.72564 88.4159 8.72564 88.4159 8.72564L88.4063 8.72925L88.38 8.73919C88.3571 8.74784 88.3237 8.76051 88.2812 8.77675C88.1962 8.80923 88.0746 8.85607 87.9272 8.91386C87.6328 9.02928 87.2337 9.1891 86.8169 9.36593C86.4018 9.54205 85.9611 9.73843 85.5866 9.92688C85.3996 10.021 85.2217 10.1168 85.0684 10.2104C84.9244 10.2983 84.7654 10.4059 84.6428 10.5284C83.8618 11.3095 83.8618 12.5758 84.6428 13.3569C85.4239 14.1379 86.6902 14.1379 87.4713 13.3569C87.5938 13.2344 87.7015 13.0754 87.7893 12.9313C87.8829 12.778 87.9787 12.6001 88.0728 12.4131C88.2613 12.0386 88.4577 11.598 88.6338 11.1828C88.8106 10.7661 88.9704 10.3669 89.0859 10.0725C89.1437 9.9251 89.1905 9.8035 89.223 9.71851C89.2392 9.67601 89.2519 9.64263 89.2605 9.61974L89.2705 9.59341L89.2741 9.58379C89.2741 9.58379 89.2741 9.58379 88.6498 9.34995Z" fill="#E3E6F3"/>
<g filter="url(#filter1_d_5607_29069)">
<circle cx="19" cy="53" r="7" fill="#11B671"/>
</g>
<path d="M14.6274 48.625H15.2687C16.3864 48.6322 17.16 48.7152 17.6172 48.8867C18.2506 49.1243 18.8648 49.5231 19.458 50.079L19.636 50.2504L19.8002 50.4207L19.9609 50.5951L20.1335 50.7924L20.332 51.0282L22.34 50.9428L23.6484 53.7702L22.242 54.0728C22.5939 54.5594 22.8634 55.333 23.0794 56.4128L23.1215 56.633L23.2328 57.2285L22.6336 57.1371L22.4104 57.101C21.3878 56.9308 20.6364 56.6986 20.1461 56.3852L20.0451 56.3166L19.8911 57.1106L19.7852 57.6478L16.9488 56.3328L17.0343 54.3248L16.719 54.0565C16.5398 53.9001 16.4098 53.7798 16.2594 53.6324C15.5797 52.9496 15.1165 52.2843 14.868 51.6262C14.7345 51.2731 14.6593 50.6968 14.6346 49.8775L14.6292 49.6844L14.625 49.2717L14.6274 48.625ZM15.4876 49.4882L15.4949 49.842C15.5171 50.5729 15.5791 51.0722 15.6735 51.3218C15.8576 51.8109 16.2053 52.3282 16.7214 52.8726L16.8658 53.0218L17.0511 53.1987L17.1816 53.3172L17.4193 53.5229L17.9125 53.9362L17.8331 55.7938L19.153 56.4062L19.3593 55.3583C19.6324 54.5299 20.2015 53.8881 20.9384 53.5374L21.0786 53.4754L21.2518 53.4092L22.4158 53.1566L21.8004 51.8271L19.9416 51.9059L19.7028 51.6172C19.5715 51.458 19.4371 51.3013 19.2997 51.1474L19.1638 51L19.0254 50.8574C18.4624 50.2967 17.8897 49.9081 17.3152 49.6934C17.024 49.5839 16.467 49.5141 15.6639 49.4925L15.4882 49.4888L15.4876 49.4882ZM21.4588 54.4692L21.3047 54.3164C20.8913 54.5135 20.5516 54.8374 20.335 55.241L20.2743 55.3643L20.4289 55.5183L20.483 55.5682C20.72 55.7674 21.1646 55.9508 21.8095 56.1036L21.9743 56.1421L22.1487 56.1782L22.1072 56.0086C21.9286 55.2897 21.724 54.7934 21.5087 54.5269L21.4588 54.4698V54.4692ZM16.9242 50.5037C17.0493 50.5037 17.1576 50.5476 17.2466 50.6348C17.2895 50.675 17.3236 50.7236 17.3467 50.7777C17.3698 50.8318 17.3814 50.8901 17.3808 50.9488C17.3817 51.0077 17.3702 51.0662 17.3471 51.1204C17.324 51.1746 17.2898 51.2233 17.2466 51.2635C17.2044 51.3059 17.1541 51.3393 17.0987 51.3618C17.0433 51.3844 16.984 51.3955 16.9242 51.3946C16.8644 51.3956 16.8051 51.3846 16.7498 51.362C16.6945 51.3395 16.6443 51.3059 16.6023 51.2635C16.5592 51.2233 16.525 51.1745 16.5018 51.1204C16.4786 51.0662 16.4669 51.0078 16.4676 50.9488C16.4668 50.89 16.4784 50.8316 16.5016 50.7775C16.5248 50.7234 16.5591 50.6748 16.6023 50.6348C16.6444 50.5925 16.6946 50.5591 16.7499 50.5365C16.8052 50.514 16.8645 50.5028 16.9242 50.5037Z" fill="#E3E6F3"/>
<defs>
<filter id="filter0_d_5607_29069" x="74" y="0" width="28" height="28" 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 dx="2" dy="2"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.234009 0 0 0 0 0 0 0 0 0 0.612679 0 0 0 0.2 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29069"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29069" result="shape"/>
</filter>
<filter id="filter1_d_5607_29069" x="12" y="46" width="16" height="16" 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 dx="1" dy="1"/>
<feGaussianBlur stdDeviation="0.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.443245 0 0 0 0 0.221623 0 0 0 0.14 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29069"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29069" result="shape"/>
</filter>
<linearGradient id="paint0_linear_5607_29069" x1="59" y1="33" x2="59.1324" y2="47.5" gradientUnits="userSpaceOnUse">
<stop stop-color="#702F8F"/>
<stop offset="1" stop-color="#702F8F" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint1_linear_5607_29069" x1="50" y1="65.6364" x2="50" y2="57.3636" gradientUnits="userSpaceOnUse">
<stop stop-color="#424551"/>
<stop offset="1" stop-color="#2E313D"/>
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

135
frontend/src/assets/svg/scenario-case-dark-img.svg Normal file
View File

@ -0,0 +1,135 @@
<svg width="104" height="74" viewBox="0 0 104 74" fill="none" xmlns="http://www.w3.org/2000/svg">
<ellipse opacity="0.1" cx="20.1031" cy="20.3731" rx="20.1031" ry="20.3731" fill="#60626F"/>
<path d="M14.4331 6.1792C14.4331 5.07463 15.3285 4.1792 16.4331 4.1792H86.6599C87.7645 4.1792 88.6599 5.07463 88.6599 6.1792V52.2389H14.4331V6.1792Z" fill="#242633"/>
<path d="M14.4331 52.2388H88.6599V58.597C88.6599 59.7015 87.7645 60.597 86.6599 60.597H16.4331C15.3285 60.597 14.4331 59.7015 14.4331 58.597V52.2388Z" fill="#60626F"/>
<ellipse cx="52.062" cy="55.8953" rx="1.54639" ry="1.56716" fill="#D4D3D7"/>
<rect x="17.5259" y="7.31348" width="68.0412" height="41.791" rx="1" fill="#2E313D"/>
<path d="M43.6425 21.6655C43.4527 21.6655 43.2988 21.4686 43.2988 21.2256L43.2988 19.466C43.2988 19.223 43.4527 19.0261 43.6425 19.0261L82.1304 19.0261C82.3202 19.0261 82.4741 19.223 82.4741 19.466L82.4741 21.2256C82.4741 21.4686 82.3202 21.6655 82.1304 21.6655L43.6425 21.6655Z" fill="url(#paint0_linear_5607_29084)"/>
<path d="M43.6425 26.9438C43.4527 26.9438 43.2988 26.7469 43.2988 26.5039L43.2988 24.7443C43.2988 24.5014 43.4527 24.3044 43.6425 24.3044L82.1304 24.3044C82.3202 24.3044 82.4741 24.5014 82.4741 24.7443L82.4741 26.5039C82.4741 26.7469 82.3202 26.9438 82.1304 26.9438L43.6425 26.9438Z" fill="url(#paint1_linear_5607_29084)"/>
<path d="M43.6425 32.2231C43.4527 32.2231 43.2988 32.0262 43.2988 31.7832L43.2988 30.0236C43.2988 29.7807 43.4527 29.5837 43.6425 29.5837L82.1304 29.5837C82.3202 29.5837 82.4741 29.7807 82.4741 30.0236L82.4741 31.7832C82.4741 32.0262 82.3202 32.2231 82.1304 32.2231L43.6425 32.2231Z" fill="url(#paint2_linear_5607_29084)"/>
<path d="M43.6425 37.502C43.4527 37.502 43.2988 37.305 43.2988 37.062L43.2988 35.3024C43.2988 35.0595 43.4527 34.8625 43.6425 34.8625L82.1304 34.8625C82.3202 34.8625 82.4741 35.0595 82.4741 35.3024L82.4741 37.062C82.4741 37.305 82.3202 37.502 82.1304 37.502L43.6425 37.502Z" fill="url(#paint3_linear_5607_29084)"/>
<path d="M43.6425 42.7808C43.4527 42.7808 43.2988 42.5838 43.2988 42.3409L43.2988 40.5812C43.2988 40.3383 43.4527 40.1413 43.6425 40.1413L82.1304 40.1413C82.3202 40.1413 82.4741 40.3383 82.4741 40.5812L82.4741 42.3409C82.4741 42.5838 82.3202 42.7808 82.1304 42.7808L43.6425 42.7808Z" fill="url(#paint4_linear_5607_29084)"/>
<path d="M43.6425 48.0596C43.4527 48.0596 43.2988 47.8626 43.2988 47.6197L43.2988 45.86C43.2988 45.6171 43.4527 45.4201 43.6425 45.4201L82.1304 45.4201C82.3202 45.4201 82.4741 45.6171 82.4741 45.86L82.4741 47.6197C82.4741 47.8626 82.3202 48.0596 82.1304 48.0596L43.6425 48.0596Z" fill="url(#paint5_linear_5607_29084)"/>
<rect x="17.5259" y="14.6265" width="68.0412" height="1.04478" rx="0.1" fill="#242633"/>
<ellipse cx="23.1958" cy="10.97" rx="1.54639" ry="1.56716" fill="#E2324F"/>
<ellipse cx="29.3814" cy="10.97" rx="1.54639" ry="1.56716" fill="#EDAC2C"/>
<ellipse cx="35.5669" cy="10.97" rx="1.54639" ry="1.56716" fill="#11B671"/>
<path d="M42.2679 60.5972H60.8246L62.8865 67.9106H40.2061L42.2679 60.5972Z" fill="url(#paint6_linear_5607_29084)"/>
<rect x="35.0518" y="67.9106" width="32.9897" height="2.08955" rx="1.04478" fill="#424551"/>
<rect x="20.6187" y="17.7612" width="19.5876" height="13.5821" rx="1" fill="#242633"/>
<rect x="22.7568" y="19.9121" width="6.08998" height="2.15147" rx="0.5" fill="#2E313D"/>
<rect x="22.6802" y="24.0298" width="15.4639" height="1.04478" rx="0.5" fill="#2E313D"/>
<rect x="22.6802" y="27.1641" width="15.4639" height="1.04478" rx="0.5" fill="#2E313D"/>
<rect x="20.6187" y="32.3882" width="19.5876" height="13.5821" rx="1" fill="#242633"/>
<rect x="22.7568" y="34.5391" width="6.08998" height="2.15147" rx="0.5" fill="#2E313D"/>
<rect x="22.6802" y="38.6567" width="14.433" height="1.04478" rx="0.5" fill="#2E313D"/>
<rect x="22.6802" y="41.791" width="14.433" height="1.04478" rx="0.5" fill="#2E313D"/>
<g filter="url(#filter0_d_5607_29084)">
<rect x="43.2988" y="24.0298" width="56.5538" height="33.4328" rx="1" fill="#434552"/>
<rect opacity="0.2" x="48.0117" y="28.8062" width="1.20225" height="23.3538" rx="0.601124" fill="#2E313D"/>
<rect opacity="0.2" x="60.082" y="28.8062" width="1.20225" height="23.3538" rx="0.601124" fill="#2E313D"/>
<rect opacity="0.2" x="72.105" y="28.8062" width="1.20225" height="23.3538" rx="0.601124" fill="#2E313D"/>
<rect opacity="0.2" x="82.709" y="28.8062" width="1.20225" height="23.3538" rx="0.601124" fill="#2E313D"/>
<rect opacity="0.2" x="93.5527" y="28.8062" width="1.20225" height="23.3538" rx="0.601124" fill="#2E313D"/>
<path opacity="0.4" d="M60.1338 30.4392L48.0117 45.5224V52.6866H95.1399V35.9701L83.3578 32.3881L72.754 42.5373L60.8809 30.4028C60.6713 30.1885 60.3216 30.2056 60.1338 30.4392Z" fill="url(#paint7_linear_5607_29084)"/>
<path d="M48.0117 45.5224L60.1338 30.4392C60.3216 30.2056 60.6713 30.1885 60.8809 30.4028L72.754 42.5373L83.3578 32.3881L95.1399 35.9701" stroke="#FFA200" stroke-width="0.5"/>
</g>
<g filter="url(#filter1_d_5607_29084)">
<rect x="5.15479" y="37.6118" width="24.7423" height="28.3101" rx="1" fill="#434552"/>
<rect x="8.34717" y="57.0244" width="7.98138" height="1.61772" rx="0.808859" fill="#BFF8DB"/>
<rect x="8.34717" y="60.2603" width="18.3572" height="1.61772" rx="0.808859" fill="#22CC77"/>
<path d="M21.1176 41.7144C19.864 40.981 18.4017 40.7009 16.9705 40.9202C15.5393 41.1395 14.224 41.8451 13.2404 42.9214C12.2569 43.9976 11.6633 45.3806 11.5571 46.8436C11.4509 48.3066 11.8384 49.7627 12.6559 50.9733C13.4735 52.1838 14.6727 53.0769 16.0568 53.5061C17.441 53.9353 18.9279 53.8751 20.2739 53.3355C21.6199 52.7958 22.745 51.8087 23.4648 50.536C24.1845 49.2633 24.4562 47.7805 24.2353 46.3307L17.925 47.3184L21.1176 41.7144Z" fill="url(#paint8_angular_5607_29084)"/>
</g>
<g filter="url(#filter2_d_5607_29084)">
<path d="M70.103 9.40317C70.103 8.82616 70.5646 8.3584 71.134 8.3584H98.969C99.5384 8.3584 99.9999 8.82616 99.9999 9.40317V15.6718C99.9999 16.2488 99.5384 16.7166 98.969 16.7166H71.134C70.5646 16.7166 70.103 16.2488 70.103 15.6718V9.40317Z" fill="#434552"/>
<g filter="url(#filter3_d_5607_29084)">
<path d="M78.3506 12.5376C78.3506 14.2687 76.9659 15.672 75.2578 15.672C73.5497 15.672 72.165 14.2687 72.165 12.5376C72.165 10.8066 73.5497 9.40332 75.2578 9.40332C76.9659 9.40332 78.3506 10.8066 78.3506 12.5376Z" fill="#00C261"/>
</g>
<g clip-path="url(#clip0_5607_29084)">
<path d="M75.2576 10.3828C75.8291 10.3828 76.3651 10.6126 76.7611 11.014C77.1572 11.4153 77.3839 11.9586 77.3839 12.5377C77.3839 13.1168 77.1572 13.66 76.7611 14.0614C76.3651 14.4627 75.8291 14.6925 75.2576 14.6925C74.6862 14.6925 74.1502 14.4627 73.7541 14.0614C73.3581 13.66 73.1313 13.1168 73.1313 12.5377C73.1313 11.9586 73.3581 11.4153 73.7541 11.014C74.1502 10.6126 74.6862 10.3828 75.2576 10.3828ZM75.2576 10.7746C74.7898 10.7746 74.3518 10.9624 74.0275 11.291C73.7032 11.6196 73.5179 12.0635 73.5179 12.5377C73.5179 13.0118 73.7032 13.4557 74.0275 13.7843C74.3518 14.113 74.7898 14.3007 75.2576 14.3007C75.7255 14.3007 76.1635 14.113 76.4878 13.7843C76.8121 13.4557 76.9973 13.0118 76.9973 12.5377C76.9973 12.0635 76.8121 11.6196 76.4878 11.291C76.1635 10.9624 75.7255 10.7746 75.2576 10.7746ZM76.3608 11.8115C76.4363 11.888 76.4363 12.012 76.3608 12.0885L75.201 13.2639C75.1255 13.3404 75.0031 13.3404 74.9277 13.2639L74.3478 12.6762C74.2723 12.5997 74.2723 12.4756 74.3478 12.3991C74.4232 12.3226 74.5456 12.3226 74.6211 12.3991L75.0643 12.8482L76.0874 11.8115C76.1629 11.735 76.2853 11.735 76.3608 11.8115Z" fill="white"/>
</g>
<path opacity="0.4" d="M79.3813 10.9706C79.3813 10.6821 79.6121 10.4482 79.8968 10.4482H85.0515C85.3361 10.4482 85.5669 10.6821 85.5669 10.9706C85.5669 11.2591 85.3361 11.493 85.0515 11.493H79.8968C79.6121 11.493 79.3813 11.2591 79.3813 10.9706Z" fill="#B2EDD0"/>
<path opacity="0.4" d="M79.3813 14.1049C79.3813 13.8164 79.6121 13.5825 79.8968 13.5825H93.2989C93.5836 13.5825 93.8143 13.8164 93.8143 14.1049C93.8143 14.3934 93.5836 14.6273 93.2989 14.6273H79.8968C79.6121 14.6273 79.3813 14.3934 79.3813 14.1049Z" fill="#B2EDD0"/>
</g>
<defs>
<filter id="filter0_d_5607_29084" x="37.2988" y="24.0298" width="64.5537" height="41.4326" 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 dx="-2" dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.118655 0 0 0 0 0 0 0 0 0 0.310661 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29084"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29084" result="shape"/>
</filter>
<filter id="filter1_d_5607_29084" x="3.15479" y="37.6118" width="32.7422" height="36.3101" 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 dx="2" dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.118655 0 0 0 0 0 0 0 0 0 0.310661 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29084"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29084" result="shape"/>
</filter>
<filter id="filter2_d_5607_29084" x="66.103" y="8.3584" width="37.897" height="16.3584" 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="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.141176 0 0 0 0 0.14902 0 0 0 0 0.2 0 0 0 1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29084"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29084" result="shape"/>
</filter>
<filter id="filter3_d_5607_29084" x="72.165" y="9.40332" width="8.18555" height="8.26855" 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 dx="1" dy="1"/>
<feGaussianBlur stdDeviation="0.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.00635462 0 0 0 0 0.467578 0 0 0 0 0.236966 0 0 0 0.17 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29084"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29084" result="shape"/>
</filter>
<linearGradient id="paint0_linear_5607_29084" x1="43.2988" y1="19.9059" x2="82.1124" y2="20.205" gradientUnits="userSpaceOnUse">
<stop stop-color="#434552"/>
<stop offset="1" stop-color="#242633"/>
</linearGradient>
<linearGradient id="paint1_linear_5607_29084" x1="43.2988" y1="25.1842" x2="82.1124" y2="25.4833" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="#E9E8EC"/>
</linearGradient>
<linearGradient id="paint2_linear_5607_29084" x1="43.2988" y1="30.4635" x2="82.1124" y2="30.7626" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="#E9E8EC"/>
</linearGradient>
<linearGradient id="paint3_linear_5607_29084" x1="43.2988" y1="35.7423" x2="82.1124" y2="36.0414" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="#E9E8EC"/>
</linearGradient>
<linearGradient id="paint4_linear_5607_29084" x1="43.2988" y1="41.0211" x2="82.1124" y2="41.3202" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="#E9E8EC"/>
</linearGradient>
<linearGradient id="paint5_linear_5607_29084" x1="43.2988" y1="46.2999" x2="82.1124" y2="46.599" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="#E9E8EC"/>
</linearGradient>
<linearGradient id="paint6_linear_5607_29084" x1="51.5463" y1="68.5755" x2="51.5463" y2="59.9323" gradientUnits="userSpaceOnUse">
<stop stop-color="#424551"/>
<stop offset="1" stop-color="#2E313D"/>
</linearGradient>
<linearGradient id="paint7_linear_5607_29084" x1="72.6718" y1="17.3964" x2="72.0882" y2="47.3605" gradientUnits="userSpaceOnUse">
<stop stop-color="#EDAC2C" stop-opacity="0.74"/>
<stop offset="1" stop-color="#FFFDFD" stop-opacity="0"/>
</linearGradient>
<radialGradient id="paint8_angular_5607_29084" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(17.925 47.3184) rotate(-46.989) scale(6.30982 6.30455)">
<stop stop-color="#00C261"/>
<stop offset="1" stop-color="#D9FFEC"/>
</radialGradient>
<clipPath id="clip0_5607_29084">
<rect width="4.63918" height="4.70149" fill="white" transform="translate(72.938 10.187)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

121
frontend/src/assets/svg/staff-overview-dark-img.svg Normal file
View File

@ -0,0 +1,121 @@
<svg width="100" height="70" viewBox="0 0 100 70" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle opacity="0.1" cx="54" cy="35" r="32" fill="#60626F"/>
<g filter="url(#filter0_d_5607_29071)">
<path d="M13 10C13 8.89543 13.8954 8 15 8H92C93.1046 8 94 8.89543 94 10V15H13V10Z" fill="#434552"/>
<path d="M13 15H94V61C94 62.1046 93.1046 63 92 63H15C13.8954 63 13 62.1046 13 61V15Z" fill="#242633"/>
<circle cx="19.5" cy="11.5" r="1.5" fill="#E2324F"/>
<circle cx="25.5" cy="11.5" r="1.5" fill="#EDAC2C"/>
<circle cx="31.5" cy="11.5" r="1.5" fill="#11B671"/>
<g filter="url(#filter1_d_5607_29071)">
<rect x="34" y="54" width="40" height="4" rx="2" fill="url(#paint0_linear_5607_29071)"/>
</g>
<g filter="url(#filter2_d_5607_29071)">
<g opacity="0.1" filter="url(#filter3_d_5607_29071)">
<rect x="6" y="20" width="56.0385" height="31" rx="2" fill="url(#paint1_linear_5607_29071)"/>
<rect x="6.15" y="20.15" width="55.7385" height="30.7" rx="1.85" stroke="#242633" stroke-width="0.3"/>
</g>
<g filter="url(#filter4_d_5607_29071)">
<rect x="6" y="20" width="54.8462" height="29.8077" rx="2" fill="#434552"/>
<rect x="6.15" y="20.15" width="54.5462" height="29.5077" rx="1.85" stroke="url(#paint2_linear_5607_29071)" stroke-opacity="0.05" stroke-width="0.3"/>
</g>
<rect x="8.38477" y="40.2695" width="50.0769" height="1.19231" rx="0.596154" fill="#242633"/>
<rect x="8.38477" y="33.1152" width="50.0769" height="1.19231" rx="0.596154" fill="#242633"/>
<rect x="8.38477" y="24.7695" width="50.0769" height="1.19231" rx="0.596154" fill="#242633"/>
<path d="M11.9614 42.4614C11.9614 41.9091 12.4091 41.4614 12.9614 41.4614H18.1153C18.6676 41.4614 19.1153 41.9091 19.1153 42.4614V45.0383H11.9614V42.4614Z" fill="url(#paint3_linear_5607_29071)"/>
<path d="M23.8848 37.6924C23.8848 37.1401 24.3325 36.6924 24.8848 36.6924H30.0386C30.5909 36.6924 31.0386 37.1401 31.0386 37.6924V45.0385H23.8848V37.6924Z" fill="url(#paint4_linear_5607_29071)"/>
<path d="M35.8076 31.7305C35.8076 31.1782 36.2553 30.7305 36.8076 30.7305H41.9615C42.5137 30.7305 42.9615 31.1782 42.9615 31.7305V45.0382H35.8076V31.7305Z" fill="url(#paint5_linear_5607_29071)"/>
<path d="M48.9233 26.9614C48.9233 26.4091 49.3711 25.9614 49.9233 25.9614H55.0772C55.6295 25.9614 56.0772 26.4091 56.0772 26.9614V45.0383H48.9233V26.9614Z" fill="url(#paint6_linear_5607_29071)"/>
</g>
<circle opacity="0.4" cx="79" cy="35" r="11.5" stroke="url(#paint7_linear_5607_29071)"/>
<circle opacity="0.1" cx="79" cy="35" r="14.5" stroke="url(#paint8_linear_5607_29071)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M89 35C89 40.5229 84.5229 45 79 45C73.4771 45 69 40.5229 69 35C69 29.4771 73.4771 25 79 25C84.5229 25 89 29.4771 89 35ZM82.6361 32.273C82.6361 34.2813 81.008 35.9093 78.9998 35.9093C76.9915 35.9093 75.3634 34.2813 75.3634 32.273C75.3634 30.2647 76.9915 28.6366 78.9998 28.6366C81.008 28.6366 82.6361 30.2647 82.6361 32.273ZM86.1807 41.9599C84.3631 43.8347 81.8177 45 79.0002 45C76.1823 45 73.6367 43.8344 71.819 41.9592C72.902 39.6544 74.6894 37.2727 76.2729 37.2727H81.7274C83.3101 37.2727 85.0975 39.6561 86.1807 41.9599Z" fill="#945DED"/>
</g>
<defs>
<filter id="filter0_d_5607_29071" x="4" y="6" width="96" height="63" 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 dx="2" dy="2"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.285377 0 0 0 0 0 0 0 0 0 0.747168 0 0 0 0.11 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29071"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29071" result="shape"/>
</filter>
<filter id="filter1_d_5607_29071" x="34" y="54" width="42" height="6" 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 dx="1" dy="1"/>
<feGaussianBlur stdDeviation="0.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.319056 0 0 0 0 0.0343553 0 0 0 0 0.779753 0 0 0 0.16 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29071"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29071" result="shape"/>
</filter>
<filter id="filter2_d_5607_29071" x="6" y="20" width="62.0386" height="37" 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 dx="3" dy="3"/>
<feGaussianBlur stdDeviation="1.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.141176 0 0 0 0 0.14902 0 0 0 0 0.2 0 0 0 1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29071"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29071" result="shape"/>
</filter>
<filter id="filter3_d_5607_29071" x="6" y="20" width="58.0386" height="33" 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 dx="1" dy="1"/>
<feGaussianBlur stdDeviation="0.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.292035 0 0 0 0 0.00276408 0 0 0 0 0.735173 0 0 0 0.2 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29071"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29071" result="shape"/>
</filter>
<filter id="filter4_d_5607_29071" x="5" y="19" width="56.8462" height="31.8076" 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/>
<feGaussianBlur stdDeviation="0.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.141176 0 0 0 0 0.14902 0 0 0 0 0.2 0 0 0 1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29071"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29071" result="shape"/>
</filter>
<linearGradient id="paint0_linear_5607_29071" x1="33" y1="56" x2="74" y2="56" gradientUnits="userSpaceOnUse">
<stop stop-color="#E3E6F3"/>
<stop offset="1" stop-color="#8E49FF"/>
</linearGradient>
<linearGradient id="paint1_linear_5607_29071" x1="6.59615" y1="50.4038" x2="62.0385" y2="28.9423" gradientUnits="userSpaceOnUse">
<stop stop-color="#AC3BFF"/>
<stop offset="1" stop-color="#B520FF"/>
</linearGradient>
<linearGradient id="paint2_linear_5607_29071" x1="5.40385" y1="22.3846" x2="60.8462" y2="46.2308" gradientUnits="userSpaceOnUse">
<stop stop-color="#D96CFF"/>
<stop offset="1" stop-color="#5E3078"/>
</linearGradient>
<linearGradient id="paint3_linear_5607_29071" x1="15.5383" y1="41.4614" x2="15.5383" y2="45.0383" gradientUnits="userSpaceOnUse">
<stop stop-color="#D96CFF"/>
<stop offset="1" stop-color="#8E49FF"/>
</linearGradient>
<linearGradient id="paint4_linear_5607_29071" x1="27.4617" y1="36.6924" x2="27.4617" y2="45.0385" gradientUnits="userSpaceOnUse">
<stop stop-color="#D96CFF"/>
<stop offset="1" stop-color="#8E49FF"/>
</linearGradient>
<linearGradient id="paint5_linear_5607_29071" x1="39.3845" y1="30.7305" x2="39.3845" y2="45.0382" gradientUnits="userSpaceOnUse">
<stop stop-color="#D96CFF"/>
<stop offset="1" stop-color="#8E49FF"/>
</linearGradient>
<linearGradient id="paint6_linear_5607_29071" x1="52.5003" y1="25.9614" x2="52.5003" y2="45.0383" gradientUnits="userSpaceOnUse">
<stop stop-color="#D96CFF"/>
<stop offset="1" stop-color="#8E49FF"/>
</linearGradient>
<linearGradient id="paint7_linear_5607_29071" x1="90" y1="37.5" x2="70.5" y2="26" gradientUnits="userSpaceOnUse">
<stop stop-color="#945DED"/>
<stop offset="1" stop-color="#E3E6F3"/>
</linearGradient>
<linearGradient id="paint8_linear_5607_29071" x1="66" y1="31" x2="93.5" y2="40" gradientUnits="userSpaceOnUse">
<stop stop-color="#8E49FF"/>
<stop offset="1" stop-color="#E3E6F3"/>
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 8.4 KiB

115
frontend/src/assets/svg/test-plan-bug-dark-img.svg Normal file
View File

@ -0,0 +1,115 @@
<svg width="108" height="78" viewBox="0 0 108 78" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle opacity="0.1" cx="76.5" cy="27.5" r="27.5" fill="#60626F"/>
<g filter="url(#filter0_d_5607_29089)">
<path d="M4 9.99679C4 8.89399 4.90649 8 6.02469 8H83.9753C85.0935 8 86 8.89399 86 9.99679V14.9888H4V9.99679Z" fill="#434552"/>
<path d="M4 15.0771H86V61.0033C86 62.1061 85.0935 63.0001 83.9753 63.0001H6.02469C4.90648 63.0001 4 62.1061 4 61.0033V15.0771Z" fill="#242633"/>
<rect opacity="0.8" x="9" y="18.9824" width="6" height="5.99036" rx="0.5" fill="#945DED"/>
<g clip-path="url(#clip0_5607_29089)">
<path d="M13.25 23.8379C13.2481 23.8379 13.2463 23.8378 13.2445 23.8378C13.2416 23.8377 13.2386 23.8375 13.2356 23.8372C13.232 23.8369 13.2286 23.8365 13.2252 23.836L13.2165 23.8345C13.2129 23.8338 13.2093 23.8329 13.2057 23.8319C13.2031 23.8312 13.2005 23.8304 13.198 23.8296C13.1947 23.8285 13.1914 23.8273 13.1882 23.826C13.1852 23.8248 13.1823 23.8236 13.1795 23.8222C13.176 23.8206 13.1726 23.8189 13.1693 23.817C13.1673 23.8159 13.1652 23.8148 13.1632 23.8135C13.159 23.8109 13.1548 23.8081 13.1508 23.8051L13.1472 23.8024C13.1419 23.7983 13.1369 23.7938 13.1321 23.789L12.7155 23.3724C12.6504 23.3073 12.6504 23.2018 12.7155 23.1367C12.7806 23.0716 12.8861 23.0716 12.9512 23.1367L13.0833 23.2688V22.5045C13.0833 22.2383 12.8752 22.0206 12.6127 22.0054L12.5833 22.0045H11.25V23.2687L11.3821 23.1367C11.4422 23.0766 11.5368 23.072 11.6021 23.1228L11.6179 23.1367C11.6829 23.2018 11.6829 23.3073 11.6179 23.3724L11.2012 23.789C11.1361 23.8541 11.0306 23.8541 10.9655 23.789L10.5488 23.3724C10.4837 23.3073 10.4837 23.2018 10.5488 23.1367C10.6139 23.0716 10.7194 23.0716 10.7845 23.1367L10.9167 23.2688L10.9167 21.309C10.6757 21.2373 10.5 21.0141 10.5 20.7498C10.5 20.4277 10.7612 20.1665 11.0833 20.1665C11.4055 20.1665 11.6667 20.4277 11.6667 20.7498C11.6667 21.014 11.491 21.2372 11.2501 21.309L11.25 21.6712H12.5833C13.0436 21.6712 13.4167 22.0443 13.4167 22.5045V23.2687L13.5488 23.1367C13.6089 23.0766 13.7034 23.072 13.7688 23.1228L13.7845 23.1367C13.8496 23.2018 13.8496 23.3073 13.7845 23.3724L13.3679 23.789L13.3548 23.8003L13.3492 23.8051C13.3452 23.8081 13.341 23.8109 13.3368 23.8135C13.3348 23.8148 13.3327 23.8159 13.3307 23.8171C13.3274 23.8189 13.324 23.8206 13.3205 23.8223C13.3177 23.8236 13.3148 23.8248 13.3119 23.826C13.3086 23.8273 13.3053 23.8285 13.302 23.8296C13.2995 23.8304 13.2969 23.8312 13.2943 23.8319C13.2907 23.8329 13.2871 23.8338 13.2835 23.8345L13.2747 23.836L13.2638 23.8372H13.2635L13.25 23.8379ZM11.0833 20.4998C10.9453 20.4998 10.8333 20.6118 10.8333 20.7498C10.8333 20.8879 10.9453 20.9998 11.0833 20.9998C11.2214 20.9998 11.3333 20.8879 11.3333 20.7498C11.3333 20.6118 11.2214 20.4998 11.0833 20.4998Z" fill="white"/>
</g>
<rect opacity="0.8" x="19" y="21" width="19" height="2" rx="0.5" fill="#434552"/>
<rect opacity="0.8" x="19" y="21" width="10" height="2" rx="0.5" fill="#3D8EFF"/>
<rect opacity="0.8" x="43" y="20" width="40" height="4" rx="0.5" fill="url(#paint0_linear_5607_29089)"/>
<rect opacity="0.8" x="9" y="29" width="6" height="5.99036" rx="0.5" fill="#945DED"/>
<g clip-path="url(#clip1_5607_29089)">
<path d="M13.25 33.8554C13.2481 33.8554 13.2463 33.8554 13.2445 33.8553C13.2416 33.8553 13.2386 33.8551 13.2356 33.8548C13.232 33.8545 13.2286 33.8541 13.2252 33.8536L13.2165 33.8521C13.2129 33.8513 13.2093 33.8505 13.2057 33.8495C13.2031 33.8488 13.2005 33.848 13.198 33.8472C13.1947 33.8461 13.1914 33.8449 13.1882 33.8436C13.1852 33.8424 13.1823 33.8412 13.1795 33.8398C13.176 33.8382 13.1726 33.8365 13.1693 33.8346C13.1673 33.8335 13.1652 33.8323 13.1632 33.8311C13.159 33.8285 13.1548 33.8257 13.1508 33.8227L13.1472 33.82C13.1419 33.8158 13.1369 33.8114 13.1321 33.8066L12.7155 33.39C12.6504 33.3249 12.6504 33.2193 12.7155 33.1543C12.7806 33.0892 12.8861 33.0892 12.9512 33.1543L13.0833 33.2864V32.5221C13.0833 32.2558 12.8752 32.0382 12.6127 32.023L12.5833 32.0221H11.25V33.2862L11.3821 33.1543C11.4422 33.0942 11.5368 33.0896 11.6021 33.1404L11.6179 33.1543C11.6829 33.2193 11.6829 33.3249 11.6179 33.39L11.2012 33.8066C11.1361 33.8717 11.0306 33.8717 10.9655 33.8066L10.5488 33.39C10.4837 33.3249 10.4837 33.2193 10.5488 33.1543C10.6139 33.0892 10.7194 33.0892 10.7845 33.1543L10.9167 33.2864L10.9167 31.3266C10.6757 31.2549 10.5 31.0317 10.5 30.7674C10.5 30.4452 10.7612 30.1841 11.0833 30.1841C11.4055 30.1841 11.6667 30.4452 11.6667 30.7674C11.6667 31.0316 11.491 31.2548 11.2501 31.3266L11.25 31.6888H12.5833C13.0436 31.6888 13.4167 32.0619 13.4167 32.5221V33.2862L13.5488 33.1543C13.6089 33.0942 13.7034 33.0896 13.7688 33.1404L13.7845 33.1543C13.8496 33.2193 13.8496 33.3249 13.7845 33.39L13.3679 33.8066L13.3548 33.8179L13.3492 33.8227C13.3452 33.8257 13.341 33.8285 13.3368 33.8311C13.3348 33.8323 13.3327 33.8335 13.3307 33.8347C13.3274 33.8365 13.324 33.8382 13.3205 33.8398C13.3177 33.8412 13.3148 33.8424 13.3119 33.8436C13.3086 33.8449 13.3053 33.8461 13.302 33.8472C13.2995 33.848 13.2969 33.8488 13.2943 33.8495C13.2907 33.8505 13.2871 33.8513 13.2835 33.8521L13.2747 33.8536L13.2638 33.8547H13.2635L13.25 33.8554ZM11.0833 30.5174C10.9453 30.5174 10.8333 30.6293 10.8333 30.7674C10.8333 30.9055 10.9453 31.0174 11.0833 31.0174C11.2214 31.0174 11.3333 30.9055 11.3333 30.7674C11.3333 30.6293 11.2214 30.5174 11.0833 30.5174Z" fill="white"/>
</g>
<rect opacity="0.8" x="19" y="31.0176" width="19" height="2" rx="0.5" fill="#434552"/>
<rect opacity="0.8" x="19" y="31" width="6" height="2" rx="0.5" fill="#A92E47"/>
<rect opacity="0.8" x="43" y="30.0176" width="40" height="4" rx="0.5" fill="url(#paint1_linear_5607_29089)"/>
<rect opacity="0.8" x="9" y="39" width="6" height="5.99036" rx="0.5" fill="#50535F"/>
<rect opacity="0.8" x="19" y="41.0176" width="19" height="2" rx="0.5" fill="#434552"/>
<rect opacity="0.8" x="19" y="41" width="6" height="2" rx="0.5" fill="#EDAC2C"/>
<rect opacity="0.8" x="43" y="40.0176" width="40" height="4" rx="0.5" fill="url(#paint2_linear_5607_29089)"/>
<rect opacity="0.8" x="9" y="51" width="6" height="5.99036" rx="0.5" fill="#474A56"/>
<rect opacity="0.8" x="19" y="53.0176" width="19" height="2" rx="0.5" fill="#434552"/>
<rect opacity="0.8" x="19" y="53" width="6" height="2" rx="0.5" fill="#5B5E6A"/>
<rect opacity="0.8" x="43" y="52.0176" width="40" height="4" rx="0.5" fill="url(#paint3_linear_5607_29089)"/>
<path d="M9.03613 11.4521C9.03613 12.2806 8.36456 12.9521 7.53613 12.9521C6.70771 12.9521 6.03613 12.2806 6.03613 11.4521C6.03613 10.6237 6.70771 9.95215 7.53613 9.95215C8.36456 9.95215 9.03613 10.6237 9.03613 11.4521Z" fill="#E2324F"/>
<path d="M15.0361 11.4521C15.0361 12.2806 14.3646 12.9521 13.5361 12.9521C12.7077 12.9521 12.0361 12.2806 12.0361 11.4521C12.0361 10.6237 12.7077 9.95215 13.5361 9.95215C14.3646 9.95215 15.0361 10.6237 15.0361 11.4521Z" fill="#EDAC2C"/>
<path d="M21.0361 11.4521C21.0361 12.2806 20.3646 12.9521 19.5361 12.9521C18.7077 12.9521 18.0361 12.2806 18.0361 11.4521C18.0361 10.6237 18.7077 9.95215 19.5361 9.95215C20.3646 9.95215 21.0361 10.6237 21.0361 11.4521Z" fill="#11B671"/>
</g>
<g filter="url(#filter1_d_5607_29089)">
<rect x="58" y="33" width="46" height="37" rx="1" fill="#434552"/>
<rect opacity="0.2" x="63" y="50" width="4" height="15" fill="#B1842E"/>
<rect x="71" y="38" width="4" height="27" fill="#B1842E"/>
<rect opacity="0.2" x="79" y="44" width="4" height="21" fill="#B1842E"/>
<rect x="87" y="50" width="4" height="15" fill="#F1C161"/>
<rect opacity="0.2" x="95" y="50" width="4" height="15" fill="#B1842E"/>
<path d="M63 58.5L67.3618 51.7393C69.8191 47.9303 75.5054 48.3056 77.441 52.4044L78.1754 53.9597C79.6907 57.1686 84.0679 57.6296 86.2185 54.8069V54.8069C87.955 52.5278 91.3026 52.3026 93.3287 54.3287L98.5 59.5" stroke="#CD3BFF" stroke-width="0.5"/>
</g>
<g filter="url(#filter2_d_5607_29089)">
<rect x="36" y="3" width="29" height="10" rx="1" fill="#434552"/>
<g filter="url(#filter3_d_5607_29089)">
<circle cx="41" cy="8" r="3" fill="#E3E6F3"/>
<circle cx="41" cy="8" r="3.15" stroke="#E2324F" stroke-width="0.3"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M40.25 7.25H39.875V8.28125V8.375C39.875 8.51144 39.9166 8.80104 40.079 9.05018C40.2129 9.25563 40.4336 9.44259 40.8125 9.489V7.25H40.25ZM41.1875 7.25V9.4891C41.5669 9.44302 41.7875 9.2572 41.9212 9.05282C42.0833 8.80495 42.125 8.51559 42.125 8.375V8.28125V7.25H41.75H41.1875ZM41.937 6.875H42.2348L42.7424 6.36742C42.8156 6.29419 42.9344 6.29419 43.0076 6.36742C43.0808 6.44064 43.0808 6.55936 43.0076 6.63258L42.5 7.14016V8.09375H42.875C42.9786 8.09375 43.0625 8.1777 43.0625 8.28125C43.0625 8.3848 42.9786 8.46875 42.875 8.46875H42.4964C42.4815 8.67049 42.4176 8.97676 42.2378 9.25387L42.7263 9.74242C42.7996 9.81564 42.7996 9.93436 42.7263 10.0076C42.6531 10.0808 42.5344 10.0808 42.4612 10.0076L41.9919 9.53828C41.763 9.73721 41.4412 9.875 41 9.875C40.5592 9.875 40.2378 9.73654 40.0091 9.5373L39.5388 10.0076C39.4656 10.0808 39.3469 10.0808 39.2737 10.0076C39.2004 9.93436 39.2004 9.81564 39.2737 9.74242L39.7634 9.25273C39.5832 8.97518 39.5188 8.66877 39.5037 8.46875H39.125C39.0214 8.46875 38.9375 8.3848 38.9375 8.28125C38.9375 8.1777 39.0214 8.09375 39.125 8.09375H39.5V7.14017L38.9924 6.63258C38.9192 6.55936 38.9192 6.44064 38.9924 6.36742C39.0656 6.29419 39.1844 6.29419 39.2576 6.36742L39.7652 6.875H40.063C40.0789 6.36122 40.4855 5.9375 41 5.9375C41.5145 5.9375 41.9211 6.36122 41.937 6.875ZM41.5617 6.875C41.5462 6.55511 41.294 6.3125 41 6.3125C40.706 6.3125 40.4538 6.55511 40.4383 6.875H41H41.5617Z" fill="#E2324F"/>
<rect x="48" y="6" width="6" height="2" rx="1" fill="#242633"/>
<rect x="48" y="9" width="14" height="2" rx="1" fill="#242633"/>
</g>
<defs>
<filter id="filter0_d_5607_29089" x="0" y="8" width="90" height="63" 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="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29089"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29089" result="shape"/>
</filter>
<filter id="filter1_d_5607_29089" x="54" y="33" width="54" height="45" 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="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29089"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29089" result="shape"/>
</filter>
<filter id="filter2_d_5607_29089" x="34" y="3" width="37" height="18" 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 dx="2" dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.141176 0 0 0 0 0.14902 0 0 0 0 0.2 0 0 0 1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29089"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29089" result="shape"/>
</filter>
<filter id="filter3_d_5607_29089" x="37.7002" y="4.7002" width="8.59961" height="8.59961" 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 dx="1" dy="1"/>
<feGaussianBlur stdDeviation="0.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.391846 0 0 0 0 0.00690705 0 0 0 0 0.00690705 0 0 0 0.11 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29089"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29089" result="shape"/>
</filter>
<linearGradient id="paint0_linear_5607_29089" x1="30.619" y1="22" x2="83" y2="22" gradientUnits="userSpaceOnUse">
<stop stop-color="#434552"/>
<stop offset="1" stop-color="#242633"/>
</linearGradient>
<linearGradient id="paint1_linear_5607_29089" x1="30.619" y1="32.0176" x2="83" y2="32.0176" gradientUnits="userSpaceOnUse">
<stop stop-color="#434552"/>
<stop offset="1" stop-color="#242633"/>
</linearGradient>
<linearGradient id="paint2_linear_5607_29089" x1="30.619" y1="42.0176" x2="83" y2="42.0176" gradientUnits="userSpaceOnUse">
<stop stop-color="#434552"/>
<stop offset="1" stop-color="#242633"/>
</linearGradient>
<linearGradient id="paint3_linear_5607_29089" x1="30.619" y1="54.0176" x2="83" y2="54.0176" gradientUnits="userSpaceOnUse">
<stop stop-color="#434552"/>
<stop offset="1" stop-color="#242633"/>
</linearGradient>
<clipPath id="clip0_5607_29089">
<rect width="4" height="4" fill="white" transform="translate(10 20)"/>
</clipPath>
<clipPath id="clip1_5607_29089">
<rect width="4" height="4" fill="white" transform="translate(10 30.0176)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

115
frontend/src/assets/svg/test-plan-dark-img.svg Normal file
View File

@ -0,0 +1,115 @@
<svg width="106" height="77" viewBox="0 0 106 77" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle opacity="0.1" cx="29.5" cy="27.5" r="27.5" fill="#60626F"/>
<g filter="url(#filter0_d_5607_29088)">
<path d="M16 12.9968C16 11.894 16.9065 11 18.0247 11H95.9753C97.0935 11 98 11.894 98 12.9968V17.9888H16V12.9968Z" fill="#434552"/>
<path d="M16 18.0771H98V64.0033C98 65.1061 97.0935 66.0001 95.9753 66.0001H18.0247C16.9065 66.0001 16 65.1061 16 64.0033V18.0771Z" fill="#242633"/>
<rect opacity="0.8" x="21" y="21.9824" width="6" height="5.99036" rx="0.5" fill="#D96CFF"/>
<g clip-path="url(#clip0_5607_29088)">
<path d="M25.25 26.8379C25.2481 26.8379 25.2463 26.8378 25.2445 26.8378C25.2416 26.8377 25.2386 26.8375 25.2356 26.8372C25.232 26.8369 25.2286 26.8365 25.2252 26.836L25.2165 26.8345C25.2129 26.8338 25.2093 26.8329 25.2057 26.8319C25.2031 26.8312 25.2005 26.8304 25.198 26.8296C25.1947 26.8285 25.1914 26.8273 25.1882 26.826C25.1852 26.8248 25.1823 26.8236 25.1795 26.8222C25.176 26.8206 25.1726 26.8189 25.1693 26.817C25.1673 26.8159 25.1652 26.8148 25.1632 26.8135C25.159 26.8109 25.1548 26.8081 25.1508 26.8051L25.1472 26.8024C25.1419 26.7983 25.1369 26.7938 25.1321 26.789L24.7155 26.3724C24.6504 26.3073 24.6504 26.2018 24.7155 26.1367C24.7806 26.0716 24.8861 26.0716 24.9512 26.1367L25.0833 26.2688V25.5045C25.0833 25.2383 24.8752 25.0206 24.6127 25.0054L24.5833 25.0045H23.25V26.2687L23.3821 26.1367C23.4422 26.0766 23.5368 26.072 23.6021 26.1228L23.6179 26.1367C23.6829 26.2018 23.6829 26.3073 23.6179 26.3724L23.2012 26.789C23.1361 26.8541 23.0306 26.8541 22.9655 26.789L22.5488 26.3724C22.4837 26.3073 22.4837 26.2018 22.5488 26.1367C22.6139 26.0716 22.7194 26.0716 22.7845 26.1367L22.9167 26.2688L22.9167 24.309C22.6757 24.2373 22.5 24.0141 22.5 23.7498C22.5 23.4277 22.7612 23.1665 23.0833 23.1665C23.4055 23.1665 23.6667 23.4277 23.6667 23.7498C23.6667 24.014 23.491 24.2372 23.2501 24.309L23.25 24.6712H24.5833C25.0436 24.6712 25.4167 25.0443 25.4167 25.5045V26.2687L25.5488 26.1367C25.6089 26.0766 25.7034 26.072 25.7688 26.1228L25.7845 26.1367C25.8496 26.2018 25.8496 26.3073 25.7845 26.3724L25.3679 26.789L25.3548 26.8003L25.3492 26.8051C25.3452 26.8081 25.341 26.8109 25.3368 26.8135C25.3348 26.8148 25.3327 26.8159 25.3307 26.8171C25.3274 26.8189 25.324 26.8206 25.3205 26.8223C25.3177 26.8236 25.3148 26.8248 25.3119 26.826C25.3086 26.8273 25.3053 26.8285 25.302 26.8296C25.2995 26.8304 25.2969 26.8312 25.2943 26.8319C25.2907 26.8329 25.2871 26.8338 25.2835 26.8345L25.2747 26.836L25.2638 26.8372H25.2635L25.25 26.8379ZM23.0833 23.4998C22.9453 23.4998 22.8333 23.6118 22.8333 23.7498C22.8333 23.8879 22.9453 23.9998 23.0833 23.9998C23.2214 23.9998 23.3333 23.8879 23.3333 23.7498C23.3333 23.6118 23.2214 23.4998 23.0833 23.4998Z" fill="white"/>
</g>
<rect opacity="0.8" x="30" y="22" width="63" height="6" rx="0.5" fill="url(#paint0_linear_5607_29088)"/>
<rect opacity="0.8" x="21" y="31" width="6" height="5.99036" rx="0.5" fill="#5B5E6A"/>
<rect opacity="0.8" x="30" y="31.0176" width="63" height="6" rx="0.5" fill="url(#paint1_linear_5607_29088)"/>
<rect opacity="0.8" x="21" y="40" width="6" height="5.99036" rx="0.5" fill="#5B5E6A"/>
<rect opacity="0.8" x="30" y="40.0176" width="63" height="6" rx="0.5" fill="url(#paint2_linear_5607_29088)"/>
<rect opacity="0.8" x="21" y="49" width="6" height="5.99036" rx="0.5" fill="#5B5E6A"/>
<rect opacity="0.8" x="30" y="49.0176" width="63" height="6" rx="0.5" fill="url(#paint3_linear_5607_29088)"/>
<rect opacity="0.8" x="21" y="58" width="6" height="5.99036" rx="0.5" fill="#5B5E6A"/>
<rect opacity="0.8" x="30" y="58.0176" width="63" height="6" rx="0.5" fill="url(#paint4_linear_5607_29088)"/>
<path d="M21.0361 14.4521C21.0361 15.2806 20.3646 15.9521 19.5361 15.9521C18.7077 15.9521 18.0361 15.2806 18.0361 14.4521C18.0361 13.6237 18.7077 12.9521 19.5361 12.9521C20.3646 12.9521 21.0361 13.6237 21.0361 14.4521Z" fill="#E2324F"/>
<path d="M27.0361 14.4521C27.0361 15.2806 26.3646 15.9521 25.5361 15.9521C24.7077 15.9521 24.0361 15.2806 24.0361 14.4521C24.0361 13.6237 24.7077 12.9521 25.5361 12.9521C26.3646 12.9521 27.0361 13.6237 27.0361 14.4521Z" fill="#EDAC2C"/>
<path d="M33.0361 14.4521C33.0361 15.2806 32.3646 15.9521 31.5361 15.9521C30.7077 15.9521 30.0361 15.2806 30.0361 14.4521C30.0361 13.6237 30.7077 12.9521 31.5361 12.9521C32.3646 12.9521 33.0361 13.6237 33.0361 14.4521Z" fill="#11B671"/>
</g>
<g filter="url(#filter1_d_5607_29088)">
<rect x="56" width="46" height="37" rx="1" fill="#434552"/>
<rect x="59.9521" y="4.00879" width="9.2233" height="4.00848" rx="1" fill="#2E313D"/>
<rect opacity="0.8" x="71.8115" y="4.00879" width="26.3523" height="4.00848" rx="0.5" fill="url(#paint5_linear_5607_29088)"/>
<rect x="59.9521" y="12.0254" width="9.2233" height="4.00848" rx="1" fill="#2E313D"/>
<rect opacity="0.8" x="71.8115" y="12.0254" width="26.3523" height="4.00848" rx="0.5" fill="url(#paint6_linear_5607_29088)"/>
<rect opacity="0.2" x="61.27" y="24.4297" width="3.95284" height="6.68081" fill="#4DC894"/>
<rect x="69.1763" y="19.085" width="3.95284" height="12.0255" fill="#11B671"/>
<rect opacity="0.2" x="77.0815" y="21.7573" width="3.95284" height="9.35313" fill="#4DC894"/>
<rect x="84.9878" y="24.4297" width="3.95284" height="6.68081" fill="#4DC894"/>
<rect opacity="0.2" x="92.8936" y="24.4297" width="3.95284" height="6.68081" fill="#4DC894"/>
</g>
<g filter="url(#filter2_d_5607_29088)">
<rect x="2" y="46" width="24" height="24" rx="1" fill="#434552"/>
<g filter="url(#filter3_d_5607_29088)">
<ellipse cx="13.9997" cy="58.0002" rx="6.66667" ry="6.66667" fill="#11B671"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.6662 54.4007C12.6662 54.2166 12.8154 54.0674 12.9995 54.0674C13.1836 54.0674 13.3328 54.2166 13.3328 54.4007V55.734C13.3328 55.7571 13.3305 55.7795 13.3261 55.8012C13.3083 55.888 13.2568 55.9625 13.1859 56.0105C13.1327 56.0464 13.0685 56.0674 12.9995 56.0674C12.9204 56.0674 12.8477 56.0398 12.7906 55.9938C12.748 55.9595 12.714 55.9149 12.6924 55.8638C12.6755 55.8239 12.6662 55.7801 12.6662 55.734V54.4007ZM15.3328 54.4007C15.3328 54.2166 15.4821 54.0674 15.6662 54.0674C15.8503 54.0674 15.9995 54.2166 15.9995 54.4007V55.734C15.9995 55.9181 15.8503 56.0674 15.6662 56.0674C15.4821 56.0674 15.3328 55.9181 15.3328 55.734V54.4007ZM12.3328 55.0674H11.3328C11.1487 55.0674 10.9995 55.2166 10.9995 55.4007V60.734C10.9995 60.9181 11.1487 61.0674 11.3328 61.0674H15.3327C15.1235 60.7888 14.9995 60.4426 14.9995 60.0674C14.9995 59.1469 15.7457 58.4007 16.6662 58.4007C17.0414 58.4007 17.3876 58.5247 17.6662 58.7339V55.4007C17.6662 55.2166 17.5169 55.0674 17.3328 55.0674H16.3328V55.734C16.3328 56.1023 16.0344 56.4007 15.6662 56.4007C15.298 56.4007 14.9995 56.1023 14.9995 55.734V55.0674H13.6662V55.734C13.6662 56.1023 13.3677 56.4007 12.9995 56.4007C12.6313 56.4007 12.3328 56.1023 12.3328 55.734V55.0674ZM11.9995 57.4007C11.8154 57.4007 11.6662 57.55 11.6662 57.734C11.6662 57.9181 11.8154 58.0674 11.9995 58.0674H13.3328C13.5169 58.0674 13.6662 57.9181 13.6662 57.734C13.6662 57.55 13.5169 57.4007 13.3328 57.4007H11.9995ZM11.6662 59.0674C11.6662 58.8833 11.8154 58.734 11.9995 58.734H14.3328C14.5169 58.734 14.6662 58.8833 14.6662 59.0674C14.6662 59.2515 14.5169 59.4007 14.3328 59.4007H11.9995C11.8154 59.4007 11.6662 59.2515 11.6662 59.0674ZM16.6662 61.4007C17.4026 61.4007 17.9995 60.8038 17.9995 60.0674C17.9995 59.331 17.4026 58.734 16.6662 58.734C15.9298 58.734 15.3328 59.331 15.3328 60.0674C15.3328 60.8038 15.9298 61.4007 16.6662 61.4007ZM16.6668 59.134C16.7404 59.1341 16.8001 59.1938 16.8001 59.2674L16.8 60.0127L17.3262 60.539C17.3783 60.5911 17.3783 60.6755 17.3262 60.7275C17.2742 60.7796 17.1897 60.7796 17.1377 60.7275L16.5724 60.1623C16.5474 60.1372 16.5333 60.1033 16.5333 60.068L16.5334 59.2674C16.5334 59.1937 16.5931 59.134 16.6668 59.134Z" fill="#E3E6F3"/>
</g>
<defs>
<filter id="filter0_d_5607_29088" x="12" y="11" width="90" height="63" 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="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29088"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29088" result="shape"/>
</filter>
<filter id="filter1_d_5607_29088" x="52" y="0" width="54" height="45" 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="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29088"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29088" result="shape"/>
</filter>
<filter id="filter2_d_5607_29088" x="0" y="45" width="32" height="32" 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 dx="2" dy="3"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.218229 0 0 0 0 0.144106 0 0 0 0 0.014989 0 0 0 0.06 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29088"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29088" result="shape"/>
</filter>
<filter id="filter3_d_5607_29088" x="5.33301" y="49.3335" width="21.3335" height="21.3335" 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 dx="2" dy="2"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.00371203 0 0 0 0 0.333919 0 0 0 0 0.168816 0 0 0 0.35 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29088"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29088" result="shape"/>
</filter>
<linearGradient id="paint0_linear_5607_29088" x1="10.5" y1="25" x2="93" y2="25" gradientUnits="userSpaceOnUse">
<stop stop-color="#434552"/>
<stop offset="1" stop-color="#242633"/>
</linearGradient>
<linearGradient id="paint1_linear_5607_29088" x1="10.5" y1="34.0176" x2="93" y2="34.0176" gradientUnits="userSpaceOnUse">
<stop stop-color="#434552"/>
<stop offset="1" stop-color="#242633"/>
</linearGradient>
<linearGradient id="paint2_linear_5607_29088" x1="10.5" y1="43.0176" x2="93" y2="43.0176" gradientUnits="userSpaceOnUse">
<stop stop-color="#434552"/>
<stop offset="1" stop-color="#242633"/>
</linearGradient>
<linearGradient id="paint3_linear_5607_29088" x1="10.5" y1="52.0176" x2="93" y2="52.0176" gradientUnits="userSpaceOnUse">
<stop stop-color="#434552"/>
<stop offset="1" stop-color="#242633"/>
</linearGradient>
<linearGradient id="paint4_linear_5607_29088" x1="10.5" y1="61.0176" x2="93" y2="61.0176" gradientUnits="userSpaceOnUse">
<stop stop-color="#434552"/>
<stop offset="1" stop-color="#242633"/>
</linearGradient>
<linearGradient id="paint5_linear_5607_29088" x1="63.6549" y1="6.01303" x2="98.1638" y2="6.01303" gradientUnits="userSpaceOnUse">
<stop stop-color="#434552"/>
<stop offset="1" stop-color="#242633"/>
</linearGradient>
<linearGradient id="paint6_linear_5607_29088" x1="63.6549" y1="14.0296" x2="98.1638" y2="14.0296" gradientUnits="userSpaceOnUse">
<stop stop-color="#434552"/>
<stop offset="1" stop-color="#242633"/>
</linearGradient>
<clipPath id="clip0_5607_29088">
<rect width="4" height="4" fill="white" transform="translate(22 23)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

163
frontend/src/assets/svg/test-plan-overview-dark.svg Normal file
View File

@ -0,0 +1,163 @@
<svg width="108" height="72" viewBox="0 0 108 72" fill="none" xmlns="http://www.w3.org/2000/svg">
<ellipse opacity="0.2" cx="75.9903" cy="26.6645" rx="26.0098" ry="26.6645" fill="#60626F"/>
<path d="M13.9951 6.12305C13.9951 5.01848 14.8905 4.12305 15.9951 4.12305H85.4345C86.5391 4.12305 87.4345 5.01848 87.4345 6.12305V52.2238H13.9951V6.12305Z" fill="#242633"/>
<path d="M13.9951 52.2241H87.4345V58.5895C87.4345 59.694 86.5391 60.5895 85.4345 60.5895H15.9951C14.8905 60.5895 13.9951 59.694 13.9951 58.5895V52.2241Z" fill="#60626F"/>
<ellipse cx="51.2248" cy="55.8834" rx="1.52999" ry="1.5685" fill="#D4D3D7"/>
<rect x="17.0547" y="7.26025" width="67.3195" height="41.8267" rx="1" fill="#2E313D"/>
<rect x="19.9927" y="39.168" width="1" height="8.24584" rx="0.5" fill="#F4EFF7"/>
<rect x="35.9863" y="39.168" width="1" height="8.24584" rx="0.5" fill="#242633"/>
<rect x="51.9795" y="39.168" width="1" height="8.24584" rx="0.5" fill="#F4EFF7"/>
<rect x="66.9736" y="39.168" width="1" height="8.24584" rx="0.5" fill="#F4EFF7"/>
<rect x="80.9678" y="39.168" width="1" height="8.24584" rx="0.5" fill="#F4EFF7"/>
<path d="M36.3977 41.2293L19.9927 45.4607V47.4137H81.9674V43.2908L67.3851 40.3613L52.8028 45.4607L36.3977 41.2293Z" fill="url(#paint0_linear_5698_59427)"/>
<path d="M19.9927 45.3522L36.3977 41.2293L52.8028 45.3522L67.3851 40.2778L81.9674 43.2907" stroke="#945DED" stroke-width="0.5"/>
<path d="M27.4894 29.8915C27.4894 31.9069 25.9088 33.5144 23.991 33.5144C22.0733 33.5144 20.4927 31.9069 20.4927 29.8915C20.4927 27.876 22.0733 26.2686 23.991 26.2686C25.9088 26.2686 27.4894 27.876 27.4894 29.8915Z" stroke="#252734"/>
<mask id="path-14-inside-1_5698_59427" fill="white">
<path d="M23.991 25.7686C24.8981 25.7686 25.7782 26.0866 26.4869 26.6704C27.1955 27.2543 27.6906 28.0692 27.8908 28.9815C28.091 29.8938 27.9844 30.8491 27.5886 31.6907C27.1928 32.5322 26.5312 33.21 25.7125 33.6127L25.2824 32.6831C25.8966 32.381 26.3929 31.8725 26.6898 31.2412C26.9868 30.6099 27.0667 29.8932 26.9165 29.2088C26.7664 28.5245 26.395 27.9131 25.8634 27.4751C25.3317 27.0371 24.6715 26.7986 23.991 26.7986V25.7686Z"/>
</mask>
<path d="M23.991 25.7686C24.8981 25.7686 25.7782 26.0866 26.4869 26.6704C27.1955 27.2543 27.6906 28.0692 27.8908 28.9815C28.091 29.8938 27.9844 30.8491 27.5886 31.6907C27.1928 32.5322 26.5312 33.21 25.7125 33.6127L25.2824 32.6831C25.8966 32.381 26.3929 31.8725 26.6898 31.2412C26.9868 30.6099 27.0667 29.8932 26.9165 29.2088C26.7664 28.5245 26.395 27.9131 25.8634 27.4751C25.3317 27.0371 24.6715 26.7986 23.991 26.7986V25.7686Z" stroke="#945DED" stroke-width="2" mask="url(#path-14-inside-1_5698_59427)"/>
<path d="M45.4821 29.8915C45.4821 31.9069 43.9015 33.5144 41.9837 33.5144C40.066 33.5144 38.4854 31.9069 38.4854 29.8915C38.4854 27.876 40.066 26.2686 41.9837 26.2686C43.9015 26.2686 45.4821 27.876 45.4821 29.8915Z" stroke="#252734"/>
<mask id="path-16-inside-2_5698_59427" fill="white">
<path d="M41.9837 25.7686C42.6413 25.7686 43.2886 25.9358 43.8685 26.2554C44.4484 26.575 44.9429 27.0372 45.3082 27.6009C45.6735 28.1647 45.8984 28.8126 45.9628 29.4874C46.0273 30.1621 45.9294 30.8428 45.6777 31.4692C45.4261 32.0957 45.0285 32.6484 44.5203 33.0785C44.012 33.5087 43.4087 33.8029 42.7638 33.9352C42.1189 34.0674 41.4523 34.0337 40.8231 33.8369C40.1938 33.64 39.6214 33.2863 39.1564 32.8068L39.8628 32.0785C40.2116 32.4381 40.641 32.7036 41.113 32.8512C41.585 32.9989 42.0851 33.0242 42.5689 32.925C43.0527 32.8257 43.5053 32.605 43.8866 32.2823C44.2679 31.9597 44.5661 31.545 44.7549 31.0751C44.9436 30.6052 45.0171 30.0945 44.9687 29.5883C44.9204 29.0821 44.7517 28.5961 44.4777 28.1731C44.2036 27.7502 43.8327 27.4035 43.3977 27.1638C42.9626 26.924 42.477 26.7986 41.9837 26.7986V25.7686Z"/>
</mask>
<path d="M41.9837 25.7686C42.6413 25.7686 43.2886 25.9358 43.8685 26.2554C44.4484 26.575 44.9429 27.0372 45.3082 27.6009C45.6735 28.1647 45.8984 28.8126 45.9628 29.4874C46.0273 30.1621 45.9294 30.8428 45.6777 31.4692C45.4261 32.0957 45.0285 32.6484 44.5203 33.0785C44.012 33.5087 43.4087 33.8029 42.7638 33.9352C42.1189 34.0674 41.4523 34.0337 40.8231 33.8369C40.1938 33.64 39.6214 33.2863 39.1564 32.8068L39.8628 32.0785C40.2116 32.4381 40.641 32.7036 41.113 32.8512C41.585 32.9989 42.0851 33.0242 42.5689 32.925C43.0527 32.8257 43.5053 32.605 43.8866 32.2823C44.2679 31.9597 44.5661 31.545 44.7549 31.0751C44.9436 30.6052 45.0171 30.0945 44.9687 29.5883C44.9204 29.0821 44.7517 28.5961 44.4777 28.1731C44.2036 27.7502 43.8327 27.4035 43.3977 27.1638C42.9626 26.924 42.477 26.7986 41.9837 26.7986V25.7686Z" stroke="#945DED" stroke-width="2" mask="url(#path-16-inside-2_5698_59427)"/>
<path d="M63.4748 29.8915C63.4748 31.9069 61.8941 33.5144 59.9764 33.5144C58.0586 33.5144 56.478 31.9069 56.478 29.8915C56.478 27.876 58.0586 26.2686 59.9764 26.2686C61.8941 26.2686 63.4748 27.876 63.4748 29.8915Z" stroke="#252734"/>
<mask id="path-18-inside-3_5698_59427" fill="white">
<path d="M62.3385 33.218C61.6628 33.7282 60.8487 34.0067 60.0112 34.0142C59.1737 34.0218 58.355 33.7579 57.6707 33.2599C56.9865 32.7619 56.4712 32.0548 56.1975 31.2386C55.9238 30.4224 55.9056 29.5382 56.1455 28.7107L57.1026 29.0057C56.9226 29.6264 56.9363 30.2898 57.1416 30.9021C57.3469 31.5144 57.7334 32.0448 58.2468 32.4184C58.7601 32.792 59.3742 32.9899 60.0025 32.9843C60.6308 32.9786 61.2415 32.7697 61.7484 32.3869L62.3385 33.218Z"/>
</mask>
<path d="M62.3385 33.218C61.6628 33.7282 60.8487 34.0067 60.0112 34.0142C59.1737 34.0218 58.355 33.7579 57.6707 33.2599C56.9865 32.7619 56.4712 32.0548 56.1975 31.2386C55.9238 30.4224 55.9056 29.5382 56.1455 28.7107L57.1026 29.0057C56.9226 29.6264 56.9363 30.2898 57.1416 30.9021C57.3469 31.5144 57.7334 32.0448 58.2468 32.4184C58.7601 32.792 59.3742 32.9899 60.0025 32.9843C60.6308 32.9786 61.2415 32.7697 61.7484 32.3869L62.3385 33.218Z" stroke="#945DED" stroke-width="2" mask="url(#path-18-inside-3_5698_59427)"/>
<path d="M81.4674 29.8915C81.4674 31.9069 79.8868 33.5144 77.9691 33.5144C76.0513 33.5144 74.4707 31.9069 74.4707 29.8915C74.4707 27.876 76.0513 26.2686 77.9691 26.2686C79.8868 26.2686 81.4674 27.876 81.4674 29.8915Z" stroke="#252734"/>
<mask id="path-20-inside-4_5698_59427" fill="white">
<path d="M80.3312 33.218C79.8436 33.5861 79.2814 33.8355 78.6869 33.9474C78.0924 34.0593 77.4811 34.0307 76.8988 33.8639C76.3165 33.6971 75.7785 33.3964 75.3252 32.9844C74.8718 32.5723 74.515 32.0597 74.2814 31.4849C74.0478 30.9102 73.9437 30.2884 73.9767 29.6662C74.0097 29.0439 74.1791 28.4375 74.4721 27.8925C74.7651 27.3475 75.1741 26.8781 75.6683 26.5195C76.1626 26.1609 76.7292 25.9226 77.3257 25.8223L77.4864 26.8389C77.039 26.9141 76.6139 27.0929 76.2431 27.3619C75.8723 27.6309 75.5655 27.9831 75.3457 28.3919C75.1259 28.8008 74.9989 29.2557 74.9741 29.7224C74.9493 30.1892 75.0275 30.6557 75.2027 31.0868C75.3779 31.518 75.6456 31.9026 75.9857 32.2117C76.3258 32.5208 76.7294 32.7464 77.1662 32.8715C77.603 32.9966 78.0616 33.0181 78.5076 32.9341C78.9536 32.8502 79.3753 32.6631 79.7411 32.3869L80.3312 33.218Z"/>
</mask>
<path d="M80.3312 33.218C79.8436 33.5861 79.2814 33.8355 78.6869 33.9474C78.0924 34.0593 77.4811 34.0307 76.8988 33.8639C76.3165 33.6971 75.7785 33.3964 75.3252 32.9844C74.8718 32.5723 74.515 32.0597 74.2814 31.4849C74.0478 30.9102 73.9437 30.2884 73.9767 29.6662C74.0097 29.0439 74.1791 28.4375 74.4721 27.8925C74.7651 27.3475 75.1741 26.8781 75.6683 26.5195C76.1626 26.1609 76.7292 25.9226 77.3257 25.8223L77.4864 26.8389C77.039 26.9141 76.6139 27.0929 76.2431 27.3619C75.8723 27.6309 75.5655 27.9831 75.3457 28.3919C75.1259 28.8008 74.9989 29.2557 74.9741 29.7224C74.9493 30.1892 75.0275 30.6557 75.2027 31.0868C75.3779 31.518 75.6456 31.9026 75.9857 32.2117C76.3258 32.5208 76.7294 32.7464 77.1662 32.8715C77.603 32.9966 78.0616 33.0181 78.5076 32.9341C78.9536 32.8502 79.3753 32.6631 79.7411 32.3869L80.3312 33.218Z" stroke="#945DED" stroke-width="2" mask="url(#path-20-inside-4_5698_59427)"/>
<g filter="url(#filter0_d_5698_59427)">
<rect x="19.9927" y="18.5532" width="5.99755" height="4.12292" rx="2" fill="#434552"/>
</g>
<g clip-path="url(#clip0_5698_59427)">
<path d="M24.2411 22.5093C24.2392 22.5093 24.2374 22.5092 24.2355 22.5092C24.2327 22.5091 24.2297 22.5089 24.2267 22.5086C24.2231 22.5083 24.2197 22.5079 24.2162 22.5074L24.2076 22.5058C24.204 22.505 24.2003 22.5042 24.1968 22.5031C24.1942 22.5024 24.1916 22.5016 24.1891 22.5007C24.1858 22.4996 24.1825 22.4984 24.1792 22.4971C24.1763 22.4958 24.1734 22.4946 24.1706 22.4932C24.1671 22.4915 24.1637 22.4897 24.1604 22.4878C24.1584 22.4867 24.1563 22.4855 24.1543 22.4842C24.1501 22.4815 24.1459 22.4786 24.1419 22.4756L24.1383 22.4727C24.133 22.4684 24.128 22.4639 24.1233 22.459L23.7068 22.0295C23.6417 21.9624 23.6417 21.8536 23.7068 21.7865C23.7718 21.7195 23.8773 21.7195 23.9424 21.7865L24.0745 21.9228V21.135C24.0745 20.8605 23.8664 20.6362 23.604 20.6205L23.5747 20.6196H22.2419V21.9226L22.374 21.7865C22.434 21.7246 22.5285 21.7199 22.5939 21.7723L22.6096 21.7865C22.6746 21.8536 22.6746 21.9624 22.6096 22.0295L22.1931 22.459C22.128 22.526 22.0225 22.526 21.9575 22.459L21.541 22.0295C21.4759 21.9624 21.4759 21.8536 21.541 21.7865C21.606 21.7195 21.7115 21.7195 21.7766 21.7865L21.9087 21.9228L21.9087 19.9027C21.6678 19.8288 21.4922 19.5987 21.4922 19.3264C21.4922 18.9943 21.7532 18.7251 22.0753 18.7251C22.3973 18.7251 22.6584 18.9943 22.6584 19.3264C22.6584 19.5987 22.4828 19.8287 22.242 19.9027L22.2419 20.276H23.5747C24.0347 20.276 24.4077 20.6606 24.4077 21.135V21.9226L24.5398 21.7865C24.5998 21.7246 24.6943 21.7199 24.7597 21.7723L24.7754 21.7865C24.8404 21.8536 24.8404 21.9624 24.7754 22.0295L24.3589 22.459L24.3459 22.4706L24.3402 22.4755C24.3362 22.4786 24.3321 22.4815 24.3278 22.4842C24.3258 22.4855 24.3238 22.4867 24.3217 22.4879C24.3184 22.4897 24.315 22.4915 24.3116 22.4932C24.3087 22.4946 24.3058 22.4958 24.3029 22.497C24.2996 22.4984 24.2963 22.4996 24.293 22.5008C24.2905 22.5016 24.288 22.5024 24.2854 22.5031C24.2818 22.5042 24.2782 22.505 24.2745 22.5058L24.2658 22.5074L24.2549 22.5086H24.2546L24.2411 22.5093ZM22.0753 19.0687C21.9373 19.0687 21.8254 19.184 21.8254 19.3264C21.8254 19.4687 21.9373 19.584 22.0753 19.584C22.2133 19.584 22.3252 19.4687 22.3252 19.3264C22.3252 19.184 22.2133 19.0687 22.0753 19.0687Z" fill="white"/>
</g>
<rect opacity="0.8" x="28.9888" y="18.5532" width="52.9784" height="4.12292" rx="0.5" fill="#242633"/>
<rect x="17.0547" y="14.5801" width="67.3195" height="1.04567" rx="0.1" fill="#242633"/>
<ellipse cx="22.6648" cy="10.9201" rx="1.52999" ry="1.5685" fill="#ED0303"/>
<ellipse cx="28.7849" cy="10.9201" rx="1.52999" ry="1.5685" fill="#FFA200"/>
<ellipse cx="34.905" cy="10.9201" rx="1.52999" ry="1.5685" fill="#00C261"/>
<path d="M41.5351 60.5894H59.895L61.9349 67.909H39.4951L41.5351 60.5894Z" fill="url(#paint1_linear_5698_59427)"/>
<rect x="34.395" y="67.9092" width="32.6397" height="2.09133" rx="1.04567" fill="#424551"/>
<g filter="url(#filter1_d_5698_59427)">
<g filter="url(#filter2_d_5698_59427)">
<rect x="44.3994" y="34.0142" width="55.5607" height="29.8912" rx="2" fill="#434552"/>
</g>
<rect x="50.4385" y="47.748" width="4.83136" height="12.118" fill="#2F558F"/>
<rect x="60.1011" y="38.0532" width="4.83136" height="21.8125" fill="#3370FF"/>
<rect x="69.7637" y="42.9009" width="4.83136" height="16.9653" fill="#2F558F"/>
<rect x="79.4263" y="47.748" width="4.83136" height="12.118" fill="#3370FF"/>
<rect x="89.0894" y="47.748" width="4.83136" height="12.118" fill="#2F558F"/>
<path d="M50.4385 54.6147L56.0788 48.7673C59.4202 45.3031 65.0895 45.7366 67.8654 49.6684L68.3978 50.4226C70.7413 53.7418 75.4445 54.2984 78.498 51.6178V51.6178C80.8264 49.5738 84.2379 49.3502 86.8132 51.0727L93.3168 55.4226" stroke="url(#paint2_linear_5698_59427)" stroke-width="0.5"/>
</g>
<g filter="url(#filter3_d_5698_59427)">
<g filter="url(#filter4_d_5698_59427)">
<rect x="2" y="8.24561" width="19.5419" height="20.6146" rx="2" fill="#434552"/>
</g>
<g clip-path="url(#clip1_5698_59427)">
<path d="M16.9399 12.7739C17.1989 12.7739 17.3377 12.9147 17.3562 13.1962L17.3583 13.2637C17.3583 13.5902 17.2188 13.7534 16.9399 13.7534H8.52131V21.6086H15.4319L15.4323 20.845C15.4323 20.7942 15.4541 20.7468 15.4904 20.7153L15.5203 20.6949C15.5742 20.6664 15.6387 20.6725 15.6869 20.7107L17.2787 21.9785C17.313 22.0103 17.3326 22.0562 17.3326 22.1044C17.3326 22.1526 17.313 22.1985 17.2787 22.2303L15.6869 23.4981C15.6387 23.5363 15.5742 23.5424 15.5203 23.514C15.4663 23.4855 15.4323 23.4274 15.4323 23.3638L15.4319 22.5881L8.25806 22.5887C8.21714 22.6019 8.17145 22.6104 8.121 22.6142L8.05704 22.6165C7.74753 22.6165 7.59277 22.4646 7.59277 22.1606V13.2774C7.59277 13.2059 7.60135 13.1427 7.61852 13.088L7.63854 13.0361C7.6936 12.8613 7.82303 12.7739 8.02713 12.7739H16.9399ZM10.7878 15.2227C11.0766 15.2342 11.3285 15.4328 11.4208 15.7217L12.5338 19.0312C12.5432 19.1109 12.5595 19.1895 12.5825 19.2661C12.5825 19.4896 12.4521 19.6068 12.2296 19.6236L12.1721 19.6256C11.984 19.6494 11.8062 19.5295 11.7478 19.3394L11.5878 18.7671H10.0017L9.82084 19.3394C9.75156 19.5238 9.57707 19.6396 9.38954 19.6256C9.28563 19.6436 9.17961 19.6109 9.10121 19.5367C9.02281 19.4626 8.98048 19.355 8.98607 19.2441V19.0753C8.99814 19.064 9.00562 19.0482 9.00694 19.0312L10.1826 15.7217C10.2547 15.4305 10.5025 15.2261 10.7878 15.2227ZM15.2926 15.6351C15.5739 15.9177 15.7328 16.3097 15.7324 16.7194C15.7453 17.1292 15.5931 17.5256 15.3136 17.8104C15.0342 18.0953 14.6534 18.242 14.2657 18.2143H13.6209V19.1935C13.6282 19.3161 13.5832 19.4357 13.4982 19.5196C13.4131 19.6035 13.297 19.6429 13.1816 19.627C12.8911 19.627 12.7494 19.485 12.7494 19.1935V15.7029C12.7341 15.5758 12.7738 15.4481 12.8577 15.3554C12.9295 15.2758 13.0272 15.2292 13.1299 15.2238L14.2444 15.2246C14.6324 15.2041 15.0113 15.3525 15.2926 15.6351ZM16.4605 15.2232L16.5105 15.2239C16.6259 15.219 16.7376 15.269 16.8167 15.361C16.8957 15.453 16.9343 15.5779 16.9225 15.7033V19.1992C16.9316 19.3194 16.8904 19.4377 16.8103 19.5208C16.7436 19.5901 16.6559 19.6287 16.5652 19.6304L16.5105 19.6269C16.2337 19.6269 16.0919 19.4868 16.0919 19.1992V15.7033C16.0773 15.5759 16.116 15.4481 16.1971 15.3552C16.2667 15.2756 16.3611 15.2288 16.4605 15.2232ZM10.7878 16.1767L10.2452 17.9378H11.3304L10.7878 16.1767ZM13.6209 16.0393V17.3473H14.2161C14.3763 17.3535 14.5318 17.2897 14.6459 17.1708C14.7599 17.0519 14.8223 16.8885 14.8183 16.7194C14.8221 16.5477 14.7606 16.3815 14.6474 16.2579C14.5343 16.1343 14.3789 16.0636 14.2161 16.0617L13.6209 16.0393Z" fill="#00C261"/>
</g>
</g>
<g filter="url(#filter5_d_5698_59427)">
<g filter="url(#filter6_d_5698_59427)">
<rect x="2" y="35.0449" width="19.5419" height="20.6146" rx="2" fill="#434552"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.59277 40.5527C7.59277 40.2823 7.80063 40.063 8.05704 40.063H16.4139C16.6703 40.063 16.8781 40.2823 16.8781 40.5527V41.5322H7.59277V40.5527ZM7.59277 42.5117H16.8781V46.5557C16.4366 46.1711 15.8705 45.94 15.2532 45.94C13.8429 45.94 12.6997 47.146 12.6997 48.6336C12.6997 48.8883 12.7332 49.1347 12.7958 49.3683H8.05704C7.80063 49.3683 7.59277 49.149 7.59277 48.8785V42.5117ZM9.14559 43.9457C9.28158 43.8023 9.50204 43.8023 9.63802 43.9457L10.9921 45.3742C11.1281 45.5176 11.1281 45.7502 10.9921 45.8936L9.63802 47.3221C9.50204 47.4655 9.28158 47.4655 9.14559 47.3221C9.00961 47.1786 9.00961 46.9461 9.14559 46.8026L10.2535 45.6339L9.14559 44.4652C9.00961 44.3218 9.00961 44.0892 9.14559 43.9457ZM10.5525 47.3072C10.3602 47.3072 10.2043 47.4717 10.2043 47.6746C10.2043 47.8774 10.3602 48.0419 10.5525 48.0419H12.0033C12.1956 48.0419 12.3515 47.8774 12.3515 47.6746C12.3515 47.4717 12.1956 47.3072 12.0033 47.3072H10.5525Z" fill="#945DED"/>
<path d="M15.2531 50.5928C16.2787 50.5928 17.1101 49.7157 17.1101 48.6338C17.1101 47.5519 16.2787 46.6748 15.2531 46.6748C14.2274 46.6748 13.396 47.5519 13.396 48.6338C13.396 49.7157 14.2274 50.5928 15.2531 50.5928ZM15.3031 47.4693L15.4706 47.491C15.5169 47.497 15.5498 47.5414 15.5441 47.5902L15.2972 49.7114C15.2915 49.7602 15.2494 49.7949 15.2031 49.7889L15.0356 49.7672C14.9893 49.7612 14.9564 49.7168 14.9621 49.668L15.209 47.5468C15.2147 47.498 15.2568 47.4633 15.3031 47.4693ZM14.3802 48.6348L14.6199 48.996C14.6467 49.0362 14.6374 49.0918 14.5992 49.12L14.4609 49.2221C14.4227 49.2503 14.3701 49.2406 14.3434 49.2003L14.0044 48.6897C13.9873 48.6638 13.985 48.6318 13.9956 48.6046C13.9979 48.5937 14.0023 48.5832 14.0087 48.5735L14.3476 48.0629C14.3744 48.0226 14.427 48.0128 14.4652 48.041L14.6035 48.1431C14.6417 48.1714 14.6509 48.2269 14.6242 48.2672L14.3802 48.6348ZM15.8862 48.2717C15.8594 48.2314 15.8687 48.1759 15.9069 48.1476L16.0452 48.0455C16.0834 48.0173 16.136 48.0271 16.1628 48.0674L16.5017 48.578C16.5188 48.6038 16.5212 48.6359 16.5106 48.663C16.5082 48.6739 16.5039 48.6845 16.4974 48.6942L16.1585 49.2048C16.1318 49.245 16.0791 49.2548 16.041 49.2266L15.9027 49.1245C15.8645 49.0963 15.8552 49.0408 15.8819 49.0005L16.1259 48.6329L15.8862 48.2717Z" fill="#945DED"/>
</g>
<defs>
<filter id="filter0_d_5698_59427" x="18.9927" y="17.5532" width="7.99756" height="6.12305" 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/>
<feGaussianBlur stdDeviation="0.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.141176 0 0 0 0 0.14902 0 0 0 0 0.2 0 0 0 1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5698_59427"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5698_59427" result="shape"/>
</filter>
<filter id="filter1_d_5698_59427" x="44.3994" y="34.0142" width="63.5605" height="37.8911" 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 dx="4" dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5698_59427"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5698_59427" result="shape"/>
</filter>
<filter id="filter2_d_5698_59427" x="43.3994" y="33.0142" width="57.5605" height="31.8911" 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/>
<feGaussianBlur stdDeviation="0.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.141176 0 0 0 0 0.14902 0 0 0 0 0.2 0 0 0 1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5698_59427"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5698_59427" result="shape"/>
</filter>
<filter id="filter3_d_5698_59427" x="0" y="7.24561" width="27.542" height="28.6147" 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 dx="2" dy="3"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.218229 0 0 0 0 0.144106 0 0 0 0 0.014989 0 0 0 0.06 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5698_59427"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5698_59427" result="shape"/>
</filter>
<filter id="filter4_d_5698_59427" x="1" y="7.24561" width="21.542" height="22.6147" 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/>
<feGaussianBlur stdDeviation="0.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.141176 0 0 0 0 0.14902 0 0 0 0 0.2 0 0 0 1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5698_59427"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5698_59427" result="shape"/>
</filter>
<filter id="filter5_d_5698_59427" x="0" y="34.0449" width="27.542" height="28.6147" 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 dx="2" dy="3"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.218229 0 0 0 0 0.144106 0 0 0 0 0.014989 0 0 0 0.06 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5698_59427"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5698_59427" result="shape"/>
</filter>
<filter id="filter6_d_5698_59427" x="1" y="34.0449" width="21.542" height="22.6147" 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/>
<feGaussianBlur stdDeviation="0.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.141176 0 0 0 0 0.14902 0 0 0 0 0.2 0 0 0 1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5698_59427"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5698_59427" result="shape"/>
</filter>
<linearGradient id="paint0_linear_5698_59427" x1="51.7007" y1="38.9509" x2="51.7463" y2="49.1774" gradientUnits="userSpaceOnUse">
<stop stop-color="#702F8F"/>
<stop offset="1" stop-color="#702F8F" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint1_linear_5698_59427" x1="50.715" y1="68.5745" x2="50.715" y2="59.9239" gradientUnits="userSpaceOnUse">
<stop stop-color="#424551"/>
<stop offset="1" stop-color="#2E313D"/>
</linearGradient>
<linearGradient id="paint2_linear_5698_59427" x1="92.7129" y1="53.8069" x2="50.4491" y2="54.7096" gradientUnits="userSpaceOnUse">
<stop stop-color="#3370FF"/>
<stop offset="1" stop-color="#945DED"/>
</linearGradient>
<clipPath id="clip0_5698_59427">
<rect width="3.99837" height="4.12292" fill="white" transform="translate(20.9922 18.5532)"/>
</clipPath>
<clipPath id="clip1_5698_59427">
<rect width="11.1424" height="11.754" fill="white" transform="translate(6.66406 12.2842)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB

39
frontend/src/assets/svg/testPlanTemplateDark.svg Normal file
View File

@ -0,0 +1,39 @@
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="48" height="48" rx="2" fill="#242633"/>
<path d="M6 7.63636C6 6.73262 6.73263 6 7.63636 6H37.0909C37.9946 6 38.7273 6.73263 38.7273 7.63636V28.9091C38.7273 29.8128 37.9946 30.5455 37.0909 30.5455H7.63636C6.73263 30.5455 6 29.8128 6 28.9091V7.63636Z" fill="#11B671"/>
<g filter="url(#filter0_i_5917_5487)">
<path d="M9.27271 19.091C9.27271 18.1872 10.0053 17.4546 10.9091 17.4546H40.3636C41.2674 17.4546 42 18.1872 42 19.091V40.3637C42 41.2674 41.2674 42 40.3636 42H10.9091C10.0053 42 9.27271 41.2674 9.27271 40.3637V19.091Z" fill="#1D5849"/>
</g>
<g filter="url(#filter1_f_5917_5487)">
<path d="M9 18.875C9 17.8395 9.73048 17 10.6316 17H38.3684C39.2695 17 40 17.8395 40 18.875V30.125C40 31.1605 39.2695 32 38.3684 32H10.6316C9.73048 32 9 31.1605 9 30.125V18.875Z" fill="#4DC894"/>
</g>
<g filter="url(#filter2_d_5917_5487)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M27.9855 25.6859C27.335 25.4956 26.6533 25.8687 26.463 26.5192L23.9357 35.1571C23.7454 35.8076 24.1184 36.4892 24.769 36.6796C25.4195 36.8699 26.1012 36.4969 26.2915 35.8463L28.8188 27.2085C29.0091 26.5579 28.6361 25.8763 27.9855 25.6859ZM22.0041 26.1099C22.4834 26.5891 22.4834 27.3662 22.0041 27.8455L18.781 31.0686L22.0041 34.2917C22.4834 34.7709 22.4834 35.548 22.0041 36.0273C21.5248 36.5066 20.7478 36.5066 20.2685 36.0273L16.1776 31.9364C15.6983 31.4571 15.6983 30.68 16.1776 30.2008L20.2685 26.1099C20.7478 25.6306 21.5248 25.6306 22.0041 26.1099ZM30.9048 26.1099C31.3841 25.6306 32.1612 25.6306 32.6405 26.1099L36.7314 30.2008C37.2107 30.68 37.2107 31.4571 36.7314 31.9364L32.6405 36.0273C32.1612 36.5066 31.3841 36.5066 30.9048 36.0273C30.4256 35.548 30.4256 34.7709 30.9048 34.2917L34.1279 31.0686L30.9048 27.8455C30.4256 27.3662 30.4256 26.5891 30.9048 26.1099Z" fill="#242633"/>
</g>
<defs>
<filter id="filter0_i_5917_5487" x="9.27271" y="17.4546" width="32.7273" height="25.5454" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.2 0 0 0 0 0.439216 0 0 0 0 1 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_5917_5487"/>
</filter>
<filter id="filter1_f_5917_5487" x="4" y="12" width="41" height="25" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_5917_5487"/>
</filter>
<filter id="filter2_d_5917_5487" x="15.8181" y="25.6362" width="21.2727" height="11.1933" 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.1"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.00986111 0 0 0 0 0.0953724 0 0 0 0 0.295833 0 0 0 0.22 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5917_5487"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5917_5487" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.6 KiB

39
frontend/src/assets/svg/uiTemplateDark.svg Normal file
View File

@ -0,0 +1,39 @@
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="48" height="48" rx="2" fill="#242633"/>
<path d="M22.9333 16.2727C23.5224 16.2727 24 16.6309 24 17.0727L24 31.4727C24 31.9145 23.5224 32.2727 22.9333 32.2727L9.06667 32.2727C8.47756 32.2727 8 31.9145 8 31.4727L8 17.0727C8 16.6309 8.47756 16.2727 9.06667 16.2727L22.9333 16.2727Z" fill="#3D8EFF"/>
<g filter="url(#filter0_i_5917_5450)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M23.9998 9H19.6361C18.0295 9 16.7271 10.3024 16.7271 11.9091V35.1818C16.7271 36.7885 18.0295 38.0909 19.6361 38.0909H37.0907C38.6973 38.0909 39.9998 36.7885 39.9998 35.1818V11.9091C39.9998 10.3024 38.6973 9 37.0907 9H32.7271V10.9091C32.7271 11.4614 32.2793 11.9091 31.7271 11.9091H24.9998C24.4475 11.9091 23.9998 11.4614 23.9998 10.9091V9Z" fill="#2A4066"/>
</g>
<g filter="url(#filter1_f_5917_5450)">
<path d="M33.2728 14.8181C34.5782 14.8181 35.6365 15.2637 35.6365 15.8133L35.6365 32.732C35.6365 33.2816 34.5782 33.7272 33.2728 33.7272L19.091 33.7272C17.7856 33.7272 16.7274 33.2816 16.7274 32.732L16.7274 15.8133C16.7274 15.2637 17.7856 14.8181 19.091 14.8181L33.2728 14.8181Z" fill="#3D8EFF"/>
</g>
<g filter="url(#filter2_d_5917_5450)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M24.7292 16.0261C24.7292 15.359 25.27 14.8181 25.9372 14.8181C26.6043 14.8181 27.1452 15.359 27.1452 16.0261V19.4898C27.1452 19.953 27.0721 20.3913 26.926 20.8047C26.7835 21.2145 26.5572 21.5744 26.2472 21.8844C25.9407 22.1908 25.6182 22.4064 25.2797 22.5311C24.8093 22.7058 24.2445 22.7931 23.5853 22.7931C23.204 22.7931 22.7871 22.7663 22.3345 22.7129C21.8856 22.6594 21.5096 22.5543 21.2067 22.3975C20.9038 22.2372 20.6259 22.0109 20.3729 21.7187C20.1234 21.4265 19.9524 21.1254 19.8597 20.8154C19.7101 20.3165 19.6353 19.8746 19.6353 19.4898V16.0261C19.6353 15.359 20.1761 14.8181 20.8433 14.8181C21.5104 14.8181 22.0513 15.359 22.0513 16.0261V19.602C22.0513 20.0296 22.1688 20.3646 22.404 20.6069C22.6428 20.8456 22.9724 20.965 23.3929 20.965C23.8098 20.965 24.1359 20.8474 24.371 20.6122C24.6098 20.3735 24.7292 20.0368 24.7292 19.602V16.0261ZM28.8441 16.0315C28.8441 15.3613 29.3873 14.8181 30.0574 14.8181C30.7275 14.8181 31.2708 15.3613 31.2708 16.0315V21.4407C31.2708 22.1109 30.7275 22.6541 30.0574 22.6541C29.3873 22.6541 28.8441 22.1109 28.8441 21.4407V16.0315ZM19.6356 26.4545C19.6356 25.6511 20.2868 24.9999 21.0902 24.9999H25.4538C26.2571 24.9999 26.9083 25.6511 26.9083 26.4545C26.9083 27.2578 26.2571 27.909 25.4538 27.909H21.0902C20.2868 27.909 19.6356 27.2578 19.6356 26.4545ZM19.6356 30.8181C19.6356 30.0148 20.2868 29.3636 21.0902 29.3636H35.6356C36.4389 29.3636 37.0902 30.0148 37.0902 30.8181C37.0902 31.6214 36.4389 32.2726 35.6356 32.2726H21.0902C20.2868 32.2726 19.6356 31.6214 19.6356 30.8181Z" fill="#242633"/>
</g>
<defs>
<filter id="filter0_i_5917_5450" x="16.7271" y="9" width="23.2727" height="30.0908" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.2 0 0 0 0 0.439216 0 0 0 0 1 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_5917_5450"/>
</filter>
<filter id="filter1_f_5917_5450" x="11.7273" y="9.81812" width="28.9092" height="28.9092" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_5917_5450"/>
</filter>
<filter id="filter2_d_5917_5450" x="19.6353" y="14.8181" width="17.4548" height="17.5546" 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.1"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.00986111 0 0 0 0 0.0953724 0 0 0 0 0.295833 0 0 0 0.22 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5917_5450"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5917_5450" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.5 KiB

146
frontend/src/assets/svg/wait-handle-bug-dark-img.svg Normal file
View File

@ -0,0 +1,146 @@
<svg width="108" height="78" viewBox="0 0 108 78" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle opacity="0.1" cx="29.5" cy="27.5" r="27.5" fill="#60626F"/>
<g filter="url(#filter0_d_5607_29094)">
<path d="M9 10C9 8.89543 9.89543 8 11 8H88C89.1046 8 90 8.89543 90 10V15H9V10Z" fill="#434552"/>
<path d="M9 15H90V61C90 62.1046 89.1046 63 88 63H11C9.89543 63 9 62.1046 9 61V15Z" fill="#242633"/>
<path d="M17 11.5C17 12.3284 16.3284 13 15.5 13C14.6716 13 14 12.3284 14 11.5C14 10.6716 14.6716 10 15.5 10C16.3284 10 17 10.6716 17 11.5Z" fill="#E2324F"/>
<path d="M23 11.5C23 12.3284 22.3284 13 21.5 13C20.6716 13 20 12.3284 20 11.5C20 10.6716 20.6716 10 21.5 10C22.3284 10 23 10.6716 23 11.5Z" fill="#EDAC2C"/>
<path d="M29 11.5C29 12.3284 28.3284 13 27.5 13C26.6716 13 26 12.3284 26 11.5C26 10.6716 26.6716 10 27.5 10C28.3284 10 29 10.6716 29 11.5Z" fill="#11B671"/>
<path d="M14.5 25C14.2239 25 14 24.7761 14 24.5L14 22.5C14 22.2239 14.2239 22 14.5 22L21.5 22C21.7761 22 22 22.2239 22 22.5L22 24.5C22 24.7761 21.7761 25 21.5 25L14.5 25Z" fill="#434552"/>
<path d="M14.5 31C14.2239 31 14 30.7761 14 30.5L14 28.5C14 28.2239 14.2239 28 14.5 28L21.5 28C21.7761 28 22 28.2239 22 28.5L22 30.5C22 30.7761 21.7761 31 21.5 31L14.5 31Z" fill="#2F558F"/>
<path d="M14.5 37C14.2239 37 14 36.7761 14 36.5L14 34.5C14 34.2239 14.2239 34 14.5 34L21.5 34C21.7761 34 22 34.2239 22 34.5L22 36.5C22 36.7761 21.7761 37 21.5 37L14.5 37Z" fill="#3D8EFF"/>
<path d="M14.5 43C14.2239 43 14 42.7761 14 42.5L14 40.5C14 40.2239 14.2239 40 14.5 40L21.5 40C21.7761 40 22 40.2239 22 40.5L22 42.5C22 42.7761 21.7761 43 21.5 43L14.5 43Z" fill="#FFE3B2"/>
<path d="M14.5 49C14.2239 49 14 48.7761 14 48.5L14 46.5C14 46.2239 14.2239 46 14.5 46L21.5 46C21.7761 46 22 46.2239 22 46.5L22 48.5C22 48.7761 21.7761 49 21.5 49L14.5 49Z" fill="#B2EDD0"/>
<path d="M14.5 55C14.2239 55 14 54.7761 14 54.5L14 52.5C14 52.2239 14.2239 52 14.5 52L21.5 52C21.7761 52 22 52.2239 22 52.5L22 54.5C22 54.7761 21.7761 55 21.5 55L14.5 55Z" fill="#FAB3B3"/>
<path opacity="0.8" d="M28.5 25C28.2239 25 28 24.7761 28 24.5L28 22.5C28 22.2239 28.2239 22 28.5 22L84.5 22C84.7761 22 85 22.2239 85 22.5L85 24.5C85 24.7761 84.7761 25 84.5 25L28.5 25Z" fill="url(#paint0_linear_5607_29094)"/>
<path opacity="0.8" d="M28.5 31C28.2239 31 28 30.7761 28 30.5L28 28.5C28 28.2239 28.2239 28 28.5 28L84.5 28C84.7761 28 85 28.2239 85 28.5L85 30.5C85 30.7761 84.7761 31 84.5 31L28.5 31Z" fill="url(#paint1_linear_5607_29094)"/>
<path opacity="0.8" d="M28.5 37C28.2239 37 28 36.7761 28 36.5L28 34.5C28 34.2239 28.2239 34 28.5 34L84.5 34C84.7761 34 85 34.2239 85 34.5L85 36.5C85 36.7761 84.7761 37 84.5 37L28.5 37Z" fill="url(#paint2_linear_5607_29094)"/>
<path opacity="0.8" d="M28.5 43C28.2239 43 28 42.7761 28 42.5L28 40.5C28 40.2239 28.2239 40 28.5 40L84.5 40C84.7761 40 85 40.2239 85 40.5L85 42.5C85 42.7761 84.7761 43 84.5 43L28.5 43Z" fill="url(#paint3_linear_5607_29094)"/>
<path opacity="0.8" d="M28.5 49C28.2239 49 28 48.7761 28 48.5L28 46.5C28 46.2239 28.2239 46 28.5 46L84.5 46C84.7761 46 85 46.2239 85 46.5L85 48.5C85 48.7761 84.7761 49 84.5 49L28.5 49Z" fill="url(#paint4_linear_5607_29094)"/>
<path opacity="0.8" d="M28.5 55C28.2239 55 28 54.7761 28 54.5L28 52.5C28 52.2239 28.2239 52 28.5 52L84.5 52C84.7761 52 85 52.2239 85 52.5L85 54.5C85 54.7761 84.7761 55 84.5 55L28.5 55Z" fill="url(#paint5_linear_5607_29094)"/>
</g>
<g filter="url(#filter1_d_5607_29094)">
<g filter="url(#filter2_d_5607_29094)">
<rect x="43.4165" y="2" width="55.5833" height="29" rx="1" fill="#434552"/>
</g>
<rect opacity="0.3" x="49.458" y="15.3242" width="4.83333" height="11.7568" fill="#FFF6E5" fill-opacity="0.929412"/>
<rect x="59.125" y="5.91895" width="4.83333" height="21.1622" fill="#FFBE4D"/>
<rect opacity="0.3" x="68.7915" y="10.6216" width="4.83333" height="16.4595" fill="#FFF6E5" fill-opacity="0.929412"/>
<rect x="78.458" y="15.3242" width="4.83333" height="11.7568" fill="#FFB026"/>
<rect opacity="0.3" x="88.125" y="15.3242" width="4.83333" height="11.7568" fill="#FFF6E5" fill-opacity="0.929412"/>
<path d="M49.458 21.9865L55.1317 16.2821C58.4946 12.9011 64.0842 13.3307 66.8908 17.186L67.3922 17.8747C69.777 21.1505 74.4451 21.7045 77.5304 19.0778V19.0778C79.8733 17.0832 83.2479 16.8638 85.8293 18.5382L92.3538 22.7703" stroke="url(#paint6_linear_5607_29094)" stroke-width="0.5"/>
</g>
<g filter="url(#filter3_d_5607_29094)">
<g filter="url(#filter4_d_5607_29094)">
<rect x="78" y="46" width="24" height="24" rx="1" fill="#434552"/>
</g>
<g filter="url(#filter5_d_5607_29094)">
<ellipse cx="89.9997" cy="58.0002" rx="6.66667" ry="6.66667" fill="#945DED"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M88.9994 56.4007H88.3332L88.3332 58.234L88.3332 58.4007C88.3332 58.6433 88.4071 59.1581 88.6958 59.601C88.9338 59.9663 89.3262 60.2987 89.9998 60.3812V56.4007L88.9998 56.4007C88.9997 56.4007 88.9996 56.4007 88.9994 56.4007ZM90.6665 56.4007V60.3813C91.341 60.2994 91.7333 59.9691 91.9709 59.6057C92.259 59.1651 92.3332 58.6507 92.3332 58.4007V58.234V56.4007H91.6669C91.6668 56.4007 91.6666 56.4007 91.6665 56.4007L90.6665 56.4007ZM91.999 55.734H92.5284L93.4308 54.8317C93.561 54.7015 93.772 54.7015 93.9022 54.8317C94.0324 54.9619 94.0324 55.1729 93.9022 55.3031L92.9998 56.2055V57.9007H93.6665C93.8506 57.9007 93.9998 58.05 93.9998 58.234C93.9998 58.4181 93.8506 58.5674 93.6665 58.5674H92.9934C92.967 58.926 92.8534 59.4705 92.5337 59.9631L93.4022 60.8317C93.5324 60.9619 93.5324 61.1729 93.4022 61.3031C93.272 61.4333 93.061 61.4333 92.9308 61.3031L92.0965 60.4688C91.6895 60.8224 91.1176 61.0674 90.3332 61.0674C89.5495 61.0674 88.9782 60.8212 88.5716 60.467L87.7355 61.3031C87.6054 61.4333 87.3943 61.4333 87.2641 61.3031C87.134 61.1729 87.134 60.9619 87.2641 60.8317L88.1347 59.9611C87.8144 59.4677 87.7 58.923 87.6732 58.5674H86.9998C86.8157 58.5674 86.6665 58.4181 86.6665 58.234C86.6665 58.05 86.8157 57.9007 86.9998 57.9007H87.6665V56.2055L86.7641 55.3031C86.634 55.1729 86.634 54.9619 86.7641 54.8317C86.8943 54.7015 87.1054 54.7015 87.2355 54.8317L88.1379 55.734H88.6674C88.6956 54.8207 89.4185 54.0674 90.3332 54.0674C91.2479 54.0674 91.9707 54.8207 91.999 55.734ZM91.3318 55.734C91.3043 55.1654 90.8559 54.734 90.3332 54.734C89.8105 54.734 89.3621 55.1654 89.3345 55.734L90.3332 55.734L91.3318 55.734Z" fill="white"/>
</g>
<g filter="url(#filter6_d_5607_29094)">
<circle cx="15.5" cy="49.5" r="11.5" fill="#434552"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M23.8725 48.8945C23.8725 53.1844 20.3948 56.662 16.1049 56.662C11.815 56.662 8.3374 53.1844 8.3374 48.8945C8.3374 44.6046 11.815 41.127 16.1049 41.127C20.3948 41.127 23.8725 44.6046 23.8725 48.8945ZM18.9295 46.7761C18.9295 48.336 17.6649 49.6006 16.1049 49.6006C14.545 49.6006 13.2804 48.336 13.2804 46.7761C13.2804 45.2161 14.545 43.9515 16.1049 43.9515C17.6649 43.9515 18.9295 45.2161 18.9295 46.7761ZM21.6824 54.3006C20.2706 55.7569 18.2935 56.662 16.1049 56.662C13.9161 56.662 11.9388 55.7567 10.5269 54.3001C11.3682 52.5099 12.7565 50.6598 13.9865 50.6598H18.2233C19.4527 50.6598 20.841 52.5112 21.6824 54.3006Z" fill="#00C261"/>
<defs>
<filter id="filter0_d_5607_29094" x="5" y="8" width="89" height="63" 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="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29094"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29094" result="shape"/>
</filter>
<filter id="filter1_d_5607_29094" x="43.4165" y="2" width="63.5835" height="37" 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 dx="4" dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29094"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29094" result="shape"/>
</filter>
<filter id="filter2_d_5607_29094" x="39.4165" y="2" width="63.5835" height="37" 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="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<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_5607_29094"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29094" result="shape"/>
</filter>
<filter id="filter3_d_5607_29094" x="76" y="45" width="32" height="32" 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 dx="2" dy="3"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.218229 0 0 0 0 0.144106 0 0 0 0 0.014989 0 0 0 0.06 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29094"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29094" result="shape"/>
</filter>
<filter id="filter4_d_5607_29094" x="74" y="46" width="32" height="32" 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="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<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_5607_29094"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29094" result="shape"/>
</filter>
<filter id="filter5_d_5607_29094" x="81.333" y="49.3335" width="21.3335" height="21.3335" 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 dx="2" dy="2"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.138925 0 0 0 0 0.000902143 0 0 0 0 0.362272 0 0 0 0.18 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29094"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29094" result="shape"/>
</filter>
<filter id="filter6_d_5607_29094" x="0" y="38" width="31" height="31" 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="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<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_5607_29094"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29094" result="shape"/>
</filter>
<linearGradient id="paint0_linear_5607_29094" x1="29" y1="24" x2="85" y2="25" gradientUnits="userSpaceOnUse">
<stop stop-color="#434552"/>
<stop offset="1" stop-color="#242633"/>
</linearGradient>
<linearGradient id="paint1_linear_5607_29094" x1="29" y1="30" x2="85" y2="31" gradientUnits="userSpaceOnUse">
<stop stop-color="#434552"/>
<stop offset="1" stop-color="#242633"/>
</linearGradient>
<linearGradient id="paint2_linear_5607_29094" x1="29" y1="36" x2="85" y2="37" gradientUnits="userSpaceOnUse">
<stop stop-color="#434552"/>
<stop offset="1" stop-color="#242633"/>
</linearGradient>
<linearGradient id="paint3_linear_5607_29094" x1="29" y1="42" x2="85" y2="43" gradientUnits="userSpaceOnUse">
<stop stop-color="#434552"/>
<stop offset="1" stop-color="#242633"/>
</linearGradient>
<linearGradient id="paint4_linear_5607_29094" x1="29" y1="48" x2="85" y2="49" gradientUnits="userSpaceOnUse">
<stop stop-color="#434552"/>
<stop offset="1" stop-color="#242633"/>
</linearGradient>
<linearGradient id="paint5_linear_5607_29094" x1="29" y1="54" x2="85" y2="55" gradientUnits="userSpaceOnUse">
<stop stop-color="#434552"/>
<stop offset="1" stop-color="#242633"/>
</linearGradient>
<linearGradient id="paint6_linear_5607_29094" x1="91.7497" y1="21.2028" x2="49.4699" y2="22.1339" gradientUnits="userSpaceOnUse">
<stop stop-color="#945DED"/>
<stop offset="1" stop-color="#E2324F"/>
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

193
frontend/src/assets/svg/wait-review-dark-img.svg Normal file
View File

@ -0,0 +1,193 @@
<svg width="100" height="70" viewBox="0 0 100 70" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.2" d="M91.006 12.6338C95.6988 24.0294 79.9136 41.3345 55.7487 51.2858C31.5837 61.2372 8.18993 60.0663 3.49711 48.6707C-1.19572 37.2751 14.5895 19.97 38.7544 10.0186C62.9193 0.0672991 86.3132 1.23813 91.006 12.6338Z" fill="#60626F"/>
<g filter="url(#filter0_d_5607_29079)">
<path d="M11 10C11 8.89543 11.8954 8 13 8H90C91.1046 8 92 8.89543 92 10V15H11V10Z" fill="#434552"/>
<path d="M11 15H92V61C92 62.1046 91.1046 63 90 63H13C11.8954 63 11 62.1046 11 61V15Z" fill="#242633"/>
<path d="M19 11.5C19 12.3284 18.3284 13 17.5 13C16.6716 13 16 12.3284 16 11.5C16 10.6716 16.6716 10 17.5 10C18.3284 10 19 10.6716 19 11.5Z" fill="#E2324F"/>
<path d="M25 11.5C25 12.3284 24.3284 13 23.5 13C22.6716 13 22 12.3284 22 11.5C22 10.6716 22.6716 10 23.5 10C24.3284 10 25 10.6716 25 11.5Z" fill="#EDAC2C"/>
<path d="M31 11.5C31 12.3284 30.3284 13 29.5 13C28.6716 13 28 12.3284 28 11.5C28 10.6716 28.6716 10 29.5 10C30.3284 10 31 10.6716 31 11.5Z" fill="#11B671"/>
<path opacity="0.8" d="M16 19.5C16 19.2239 16.2239 19 16.5 19H21.5C21.7761 19 22 19.2239 22 19.5V21.5C22 21.7761 21.7761 22 21.5 22H16.5C16.2239 22 16 21.7761 16 21.5V19.5Z" fill="#DFDEE4"/>
<path opacity="0.3" d="M54 19.5C54 19.2239 54.2239 19 54.5 19H86.5C86.7761 19 87 19.2239 87 19.5V21.5C87 21.7761 86.7761 22 86.5 22H54.5C54.2239 22 54 21.7761 54 21.5V19.5Z" fill="#5B5E6A"/>
<path d="M16.5 28C16.2239 28 16 27.7761 16 27.5L16 25.5C16 25.2239 16.2239 25 16.5 25L72.5 25C72.7761 25 73 25.2239 73 25.5L73 27.5C73 27.7761 72.7761 28 72.5 28L16.5 28Z" fill="url(#paint0_linear_5607_29079)"/>
<path d="M16.5 34C16.2239 34 16 33.7761 16 33.5L16 31.5C16 31.2239 16.2239 31 16.5 31L72.5 31C72.7761 31 73 31.2239 73 31.5L73 33.5C73 33.7761 72.7761 34 72.5 34L16.5 34Z" fill="url(#paint1_linear_5607_29079)"/>
<path d="M16.5 40C16.2239 40 16 39.7761 16 39.5L16 37.5C16 37.2239 16.2239 37 16.5 37L72.5 37C72.7761 37 73 37.2239 73 37.5L73 39.5C73 39.7761 72.7761 40 72.5 40L16.5 40Z" fill="url(#paint2_linear_5607_29079)"/>
<path d="M16.5 46C16.2239 46 16 45.7761 16 45.5L16 43.5C16 43.2239 16.2239 43 16.5 43L72.5 43C72.7761 43 73 43.2239 73 43.5L73 45.5C73 45.7761 72.7761 46 72.5 46L16.5 46Z" fill="url(#paint3_linear_5607_29079)"/>
<path d="M16.5 52C16.2239 52 16 51.7761 16 51.5L16 49.5C16 49.2239 16.2239 49 16.5 49L72.5 49C72.7761 49 73 49.2239 73 49.5L73 51.5C73 51.7761 72.7761 52 72.5 52L16.5 52Z" fill="url(#paint4_linear_5607_29079)"/>
<path d="M16.5 58C16.2239 58 16 57.7761 16 57.5L16 55.5C16 55.2239 16.2239 55 16.5 55L72.5 55C72.7761 55 73 55.2239 73 55.5L73 57.5C73 57.7761 72.7761 58 72.5 58L16.5 58Z" fill="url(#paint5_linear_5607_29079)"/>
<path d="M79.5 28C79.2239 28 79 27.7761 79 27.5L79 25.5C79 25.2239 79.2239 25 79.5 25L86.5 25C86.7761 25 87 25.2239 87 25.5L87 27.5C87 27.7761 86.7761 28 86.5 28L79.5 28Z" fill="#E9E8EC"/>
<path d="M79.5 34C79.2239 34 79 33.7761 79 33.5L79 31.5C79 31.2239 79.2239 31 79.5 31L86.5 31C86.7761 31 87 31.2239 87 31.5L87 33.5C87 33.7761 86.7761 34 86.5 34L79.5 34Z" fill="#C2D4FF"/>
<path d="M79.5 40C79.2239 40 79 39.7761 79 39.5L79 37.5C79 37.2239 79.2239 37 79.5 37L86.5 37C86.7761 37 87 37.2239 87 37.5L87 39.5C87 39.7761 86.7761 40 86.5 40L79.5 40Z" fill="#3370FF"/>
<path d="M79.5 46C79.2239 46 79 45.7761 79 45.5L79 43.5C79 43.2239 79.2239 43 79.5 43L86.5 43C86.7761 43 87 43.2239 87 43.5L87 45.5C87 45.7761 86.7761 46 86.5 46L79.5 46Z" fill="#FFE3B2"/>
<path d="M79.5 52C79.2239 52 79 51.7761 79 51.5L79 49.5C79 49.2239 79.2239 49 79.5 49L86.5 49C86.7761 49 87 49.2239 87 49.5L87 51.5C87 51.7761 86.7761 52 86.5 52L79.5 52Z" fill="#B2EDD0"/>
<path d="M79.5 58C79.2239 58 79 57.7761 79 57.5L79 55.5C79 55.2239 79.2239 55 79.5 55L86.5 55C86.7761 55 87 55.2239 87 55.5L87 57.5C87 57.7761 86.7761 58 86.5 58L79.5 58Z" fill="#FAB3B3"/>
<g filter="url(#filter1_d_5607_29079)">
<path d="M4 19C4 18.4477 4.44772 18 5 18H32C32.5523 18 33 18.4477 33 19V25C33 25.5523 32.5523 26 32 26H5C4.44772 26 4 25.5523 4 25V19Z" fill="#434552"/>
<g filter="url(#filter2_d_5607_29079)">
<path d="M12 22C12 23.6569 10.6569 25 9 25C7.34315 25 6 23.6569 6 22C6 20.3431 7.34315 19 9 19C10.6569 19 12 20.3431 12 22Z" fill="#A92E47"/>
</g>
<path d="M9 23.6875C9.93198 23.6875 10.6875 22.932 10.6875 22C10.6875 21.068 9.93198 20.3125 9 20.3125C8.06802 20.3125 7.3125 21.068 7.3125 22C7.3125 22.932 8.06802 23.6875 9 23.6875ZM9 24.0625C7.86091 24.0625 6.9375 23.1391 6.9375 22C6.9375 20.8609 7.86091 19.9375 9 19.9375C10.1391 19.9375 11.0625 20.8609 11.0625 22C11.0625 23.1391 10.1391 24.0625 9 24.0625ZM9 21.7348L9.39775 21.3371C9.47097 21.2639 9.58969 21.2639 9.66291 21.3371C9.73614 21.4103 9.73614 21.529 9.66291 21.6022L9.26517 22L9.66291 22.3977C9.73614 22.471 9.73614 22.5897 9.66291 22.6629C9.58969 22.7361 9.47097 22.7361 9.39775 22.6629L9 22.2652L8.60225 22.6629C8.52903 22.7361 8.41031 22.7361 8.33709 22.6629C8.26386 22.5897 8.26386 22.471 8.33709 22.3977L8.73484 22L8.33709 21.6022C8.26386 21.529 8.26386 21.4103 8.33709 21.3371C8.41031 21.2639 8.52903 21.2639 8.60225 21.3371L9 21.7348Z" fill="white"/>
<path opacity="0.4" d="M13 20.5C13 20.2239 13.2239 20 13.5 20H18.5C18.7761 20 19 20.2239 19 20.5C19 20.7761 18.7761 21 18.5 21H13.5C13.2239 21 13 20.7761 13 20.5Z" fill="#F24F4F"/>
<path opacity="0.4" d="M13 23.5C13 23.2239 13.2239 23 13.5 23H26.5C26.7761 23 27 23.2239 27 23.5C27 23.7761 26.7761 24 26.5 24H13.5C13.2239 24 13 23.7761 13 23.5Z" fill="#F24F4F"/>
</g>
<g filter="url(#filter3_d_5607_29079)">
<path d="M24 30C24 29.4477 24.4477 29 25 29H52C52.5523 29 53 29.4477 53 30V36C53 36.5523 52.5523 37 52 37H25C24.4477 37 24 36.5523 24 36V30Z" fill="#434552"/>
<g filter="url(#filter4_d_5607_29079)">
<path d="M32 33C32 34.6569 30.6569 36 29 36C27.3431 36 26 34.6569 26 33C26 31.3431 27.3431 30 29 30C30.6569 30 32 31.3431 32 33Z" fill="#11B671"/>
</g>
<g clip-path="url(#clip0_5607_29079)">
<path d="M29 30.9375C29.5543 30.9375 30.0742 31.1574 30.4584 31.5416C30.8426 31.9258 31.0625 32.4457 31.0625 33C31.0625 33.5543 30.8426 34.0742 30.4584 34.4584C30.0742 34.8426 29.5543 35.0625 29 35.0625C28.4457 35.0625 27.9258 34.8426 27.5416 34.4584C27.1574 34.0742 26.9375 33.5543 26.9375 33C26.9375 32.4457 27.1574 31.9258 27.5416 31.5416C27.9258 31.1574 28.4457 30.9375 29 30.9375ZM29 31.3125C28.5462 31.3125 28.1213 31.4922 27.8068 31.8068C27.4922 32.1213 27.3125 32.5462 27.3125 33C27.3125 33.4538 27.4922 33.8787 27.8068 34.1932C28.1213 34.5078 28.5462 34.6875 29 34.6875C29.4538 34.6875 29.8787 34.5078 30.1932 34.1932C30.5078 33.8787 30.6875 33.4538 30.6875 33C30.6875 32.5462 30.5078 32.1213 30.1932 31.8068C29.8787 31.4922 29.4538 31.3125 29 31.3125ZM30.0701 32.3049C30.1433 32.3781 30.1433 32.4969 30.0701 32.5701L28.9451 33.6951C28.8719 33.7683 28.7531 33.7683 28.6799 33.6951L28.1174 33.1326C28.0442 33.0594 28.0442 32.9406 28.1174 32.8674C28.1906 32.7942 28.3094 32.7942 28.3826 32.8674L28.8125 33.2972L29.8049 32.3049C29.8781 32.2317 29.9969 32.2317 30.0701 32.3049Z" fill="white"/>
</g>
<path opacity="0.4" d="M33 31.5C33 31.2239 33.2239 31 33.5 31H38.5C38.7761 31 39 31.2239 39 31.5C39 31.7761 38.7761 32 38.5 32H33.5C33.2239 32 33 31.7761 33 31.5Z" fill="#B2EDD0"/>
<path opacity="0.4" d="M33 34.5C33 34.2239 33.2239 34 33.5 34H46.5C46.7761 34 47 34.2239 47 34.5C47 34.7761 46.7761 35 46.5 35H33.5C33.2239 35 33 34.7761 33 34.5Z" fill="#B2EDD0"/>
</g>
<g filter="url(#filter5_d_5607_29079)">
<path d="M65 53C65 52.4477 65.4477 52 66 52H93C93.5523 52 94 52.4477 94 53V59C94 59.5523 93.5523 60 93 60H66C65.4477 60 65 59.5523 65 59V53Z" fill="#434552"/>
<g filter="url(#filter6_d_5607_29079)">
<path d="M73 56C73 57.6569 71.6569 59 70 59C68.3431 59 67 57.6569 67 56C67 54.3431 68.3431 53 70 53C71.6569 53 73 54.3431 73 56Z" fill="#EDAC2C"/>
</g>
<g clip-path="url(#clip1_5607_29079)">
<path d="M70 53.9375C71.1391 53.9375 72.0625 54.8609 72.0625 56C72.0625 57.1391 71.1391 58.0625 70 58.0625C68.8609 58.0625 67.9375 57.1391 67.9375 56C67.9375 54.8609 68.8609 53.9375 70 53.9375ZM70 54.3125C69.068 54.3125 68.3125 55.068 68.3125 56C68.3125 56.932 69.068 57.6875 70 57.6875C70.932 57.6875 71.6875 56.932 71.6875 56C71.6875 55.068 70.932 54.3125 70 54.3125ZM70 55.0625C70.5178 55.0625 70.9375 55.4822 70.9375 56C70.9375 56.5178 70.5178 56.9375 70 56.9375C69.4822 56.9375 69.0625 56.5178 69.0625 56C69.0625 55.4822 69.4822 55.0625 70 55.0625ZM70 55.4375C69.6893 55.4375 69.4375 55.6893 69.4375 56C69.4375 56.3107 69.6893 56.5625 70 56.5625C70.3107 56.5625 70.5625 56.3107 70.5625 56C70.5625 55.6893 70.3107 55.4375 70 55.4375Z" fill="white"/>
</g>
<path opacity="0.4" d="M74 54.5C74 54.2239 74.2239 54 74.5 54H79.5C79.7761 54 80 54.2239 80 54.5C80 54.7761 79.7761 55 79.5 55H74.5C74.2239 55 74 54.7761 74 54.5Z" fill="#FFE3B2"/>
<path opacity="0.4" d="M74 57.5C74 57.2239 74.2239 57 74.5 57H87.5C87.7761 57 88 57.2239 88 57.5C88 57.7761 87.7761 58 87.5 58H74.5C74.2239 58 74 57.7761 74 57.5Z" fill="#FFE3B2"/>
</g>
<g filter="url(#filter7_d_5607_29079)">
<path d="M44 41C44 40.4477 44.4477 40 45 40H72C72.5523 40 73 40.4477 73 41V47C73 47.5523 72.5523 48 72 48H45C44.4477 48 44 47.5523 44 47V41Z" fill="#434552"/>
<g filter="url(#filter8_d_5607_29079)">
<path d="M52 44C52 45.6569 50.6569 47 49 47C47.3431 47 46 45.6569 46 44C46 42.3431 47.3431 41 49 41C50.6569 41 52 42.3431 52 44Z" fill="#3370FF"/>
</g>
<g clip-path="url(#clip2_5607_29079)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M46.25 44C46.25 45.5189 47.4811 46.75 49 46.75C50.5189 46.75 51.75 45.5189 51.75 44C51.75 42.4811 50.5189 41.25 49 41.25C47.4811 41.25 46.25 42.4811 46.25 44Z" fill="#3370FF"/>
</g>
<path d="M49.0001 42.25C49.4994 42.25 49.9499 42.4591 50.2687 42.7946L50.2558 42.6417C50.2511 42.5867 50.292 42.5383 50.347 42.5336L50.6459 42.5084C50.701 42.5038 50.7494 42.5446 50.754 42.5996L50.8423 43.6459C50.847 43.701 50.8061 43.7493 50.7511 43.754L49.7048 43.8423C49.6498 43.847 49.6014 43.8061 49.5968 43.7511L49.5715 43.4521C49.5669 43.3971 49.6077 43.3487 49.6628 43.3441L50.0438 43.3119C49.8201 42.9734 49.4362 42.75 49.0001 42.75C48.3434 42.75 47.8049 43.2564 47.754 43.9C47.7496 43.9551 47.7053 44 47.6501 44H47.3501C47.2948 44 47.2498 43.9551 47.2529 43.9C47.3047 42.98 48.0671 42.25 49.0001 42.25Z" fill="white"/>
<path d="M49.0926 45.75C48.5933 45.75 48.1428 45.5409 47.824 45.2054L47.8369 45.3583C47.8416 45.4133 47.8007 45.4617 47.7457 45.4664L47.4468 45.4916C47.3917 45.4962 47.3433 45.4554 47.3387 45.4004L47.2504 44.3541C47.2457 44.299 47.2866 44.2507 47.3416 44.246L48.3879 44.1577C48.4429 44.153 48.4913 44.1939 48.4959 44.2489L48.5212 44.5479C48.5258 44.6029 48.485 44.6513 48.4299 44.6559L48.0489 44.6881C48.2726 45.0266 48.6565 45.25 49.0926 45.25C49.7493 45.25 50.2878 44.7436 50.3387 44.1C50.3431 44.0449 50.3874 44 50.4427 44H50.7426C50.7979 44 50.8429 44.0449 50.8398 44.1C50.788 45.02 50.0256 45.75 49.0926 45.75Z" fill="white"/>
<path opacity="0.4" d="M53 42.5C53 42.2239 53.2239 42 53.5 42H58.5C58.7761 42 59 42.2239 59 42.5C59 42.7761 58.7761 43 58.5 43H53.5C53.2239 43 53 42.7761 53 42.5Z" fill="#709BFF"/>
<path opacity="0.4" d="M53 45.5C53 45.2239 53.2239 45 53.5 45H66.5C66.7761 45 67 45.2239 67 45.5C67 45.7761 66.7761 46 66.5 46H53.5C53.2239 46 53 45.7761 53 45.5Z" fill="#709BFF"/>
</g>
</g>
<defs>
<filter id="filter0_d_5607_29079" x="2" y="6" width="98" height="63" 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 dx="2" dy="2"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.13092 0 0 0 0 0 0 0 0 0 0.342773 0 0 0 0.11 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29079"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29079" result="shape"/>
</filter>
<filter id="filter1_d_5607_29079" x="2" y="18" width="37" height="16" 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 dx="2" dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.141176 0 0 0 0 0.14902 0 0 0 0 0.2 0 0 0 1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29079"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29079" result="shape"/>
</filter>
<filter id="filter2_d_5607_29079" x="6" y="19" width="8" height="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 dx="1" dy="1"/>
<feGaussianBlur stdDeviation="0.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.391846 0 0 0 0 0.00690705 0 0 0 0 0.00690705 0 0 0 0.11 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29079"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29079" result="shape"/>
</filter>
<filter id="filter3_d_5607_29079" x="22" y="29" width="37" height="16" 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 dx="2" dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.141176 0 0 0 0 0.14902 0 0 0 0 0.2 0 0 0 1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29079"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29079" result="shape"/>
</filter>
<filter id="filter4_d_5607_29079" x="26" y="30" width="8" height="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 dx="1" dy="1"/>
<feGaussianBlur stdDeviation="0.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.00635462 0 0 0 0 0.467578 0 0 0 0 0.236966 0 0 0 0.17 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29079"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29079" result="shape"/>
</filter>
<filter id="filter5_d_5607_29079" x="63" y="52" width="37" height="16" 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 dx="2" dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.141176 0 0 0 0 0.14902 0 0 0 0 0.2 0 0 0 1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29079"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29079" result="shape"/>
</filter>
<filter id="filter6_d_5607_29079" x="67" y="53" width="8" height="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 dx="1" dy="1"/>
<feGaussianBlur stdDeviation="0.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.421419 0 0 0 0 0.270052 0 0 0 0 0.0063789 0 0 0 0.16 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29079"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29079" result="shape"/>
</filter>
<filter id="filter7_d_5607_29079" x="42" y="40" width="37" height="16" 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 dx="2" dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.141176 0 0 0 0 0.14902 0 0 0 0 0.2 0 0 0 1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29079"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29079" result="shape"/>
</filter>
<filter id="filter8_d_5607_29079" x="46" y="41" width="8" height="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 dx="1" dy="1"/>
<feGaussianBlur stdDeviation="0.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.0118871 0 0 0 0 0.149958 0 0 0 0 0.473633 0 0 0 0.14 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29079"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29079" result="shape"/>
</filter>
<linearGradient id="paint0_linear_5607_29079" x1="16" y1="26" x2="72.4717" y2="26.5571" gradientUnits="userSpaceOnUse">
<stop stop-color="#242633"/>
<stop offset="1" stop-color="#2E313D"/>
</linearGradient>
<linearGradient id="paint1_linear_5607_29079" x1="16" y1="32" x2="72.4717" y2="32.5571" gradientUnits="userSpaceOnUse">
<stop stop-color="#242633"/>
<stop offset="1" stop-color="#2E313D"/>
</linearGradient>
<linearGradient id="paint2_linear_5607_29079" x1="16" y1="38" x2="72.4717" y2="38.5571" gradientUnits="userSpaceOnUse">
<stop stop-color="#242633"/>
<stop offset="1" stop-color="#2E313D"/>
</linearGradient>
<linearGradient id="paint3_linear_5607_29079" x1="16" y1="44" x2="72.4717" y2="44.5571" gradientUnits="userSpaceOnUse">
<stop stop-color="#242633"/>
<stop offset="1" stop-color="#2E313D"/>
</linearGradient>
<linearGradient id="paint4_linear_5607_29079" x1="16" y1="50" x2="72.4717" y2="50.5571" gradientUnits="userSpaceOnUse">
<stop stop-color="#242633"/>
<stop offset="1" stop-color="#2E313D"/>
</linearGradient>
<linearGradient id="paint5_linear_5607_29079" x1="16" y1="56" x2="72.4717" y2="56.5571" gradientUnits="userSpaceOnUse">
<stop stop-color="#242633"/>
<stop offset="1" stop-color="#2E313D"/>
</linearGradient>
<clipPath id="clip0_5607_29079">
<rect width="4.5" height="4.5" fill="white" transform="translate(26.75 30.75)"/>
</clipPath>
<clipPath id="clip1_5607_29079">
<rect width="4.5" height="4.5" fill="white" transform="translate(67.75 53.75)"/>
</clipPath>
<clipPath id="clip2_5607_29079">
<rect width="6" height="6" fill="white" transform="translate(46 41)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

46
frontend/src/assets/svg/work-no-card-dark.svg Normal file
View File

@ -0,0 +1,46 @@
<svg width="178" height="108" viewBox="0 0 178 108" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_5607_29043)">
<path d="M9 9C9 6.79086 10.7909 5 13 5H165C167.209 5 169 6.79086 169 9V91C169 93.2091 167.209 95 165 95H13C10.7909 95 9 93.2091 9 91V9Z" fill="#2E313D"/>
<path d="M9.5 9C9.5 7.067 11.067 5.5 13 5.5H165C166.933 5.5 168.5 7.067 168.5 9V91C168.5 92.933 166.933 94.5 165 94.5H13C11.067 94.5 9.5 92.933 9.5 91V9Z" stroke="#242633"/>
</g>
<path d="M10 8C10 6.89543 10.8954 6 12 6H166C167.105 6 168 6.89543 168 8V19H10V8Z" fill="#434552"/>
<circle cx="28" cy="12" r="3" fill="#5B5E6A"/>
<circle cx="38" cy="12" r="3" fill="#5B5E6A"/>
<circle cx="18" cy="12" r="3" fill="#5B5E6A"/>
<rect x="61.1" y="23.1" width="101.8" height="67.8" rx="0.9" fill="#242633" stroke="#242633" stroke-width="0.2"/>
<rect x="65" y="27" width="94" height="8" rx="0.5" fill="#2E313D"/>
<rect x="13.1" y="23.1" width="43.8" height="67.8" rx="0.9" fill="#242633" stroke="#242633" stroke-width="0.2"/>
<rect x="17.1" y="27.1" width="35.8" height="7.8" rx="0.4" fill="#4E2B66" stroke="#783887" stroke-width="0.2" stroke-dasharray="0.4 0.4"/>
<rect x="17" y="37" width="36" height="8" rx="0.5" fill="#434552"/>
<rect x="17" y="47" width="36" height="8" rx="0.5" fill="#434552"/>
<rect x="17" y="57" width="36" height="8" rx="0.5" fill="#434552"/>
<rect x="17" y="67" width="36" height="8" rx="0.5" fill="#434552"/>
<rect x="17" y="77" width="36" height="8" rx="0.5" fill="#434552"/>
<g filter="url(#filter1_d_5607_29043)">
<rect x="29" y="29" width="44" height="12" rx="0.5" fill="#242633"/>
</g>
<rect x="39" y="33" width="28" height="4" rx="2" fill="#8933AD"/>
<circle cx="35" cy="35" r="2" fill="#8933AD"/>
<defs>
<filter id="filter0_d_5607_29043" x="0" y="0" width="178" height="108" 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"/>
<feMorphology radius="1" operator="erode" in="SourceAlpha" result="effect1_dropShadow_5607_29043"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="5"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.141176 0 0 0 0 0.14902 0 0 0 0 0.2 0 0 0 1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29043"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29043" result="shape"/>
</filter>
<filter id="filter1_d_5607_29043" x="28" y="29" width="46" height="14" 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"/>
<feMorphology radius="1" operator="erode" in="SourceAlpha" result="effect1_dropShadow_5607_29043"/>
<feOffset dy="1"/>
<feGaussianBlur stdDeviation="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.141176 0 0 0 0 0.14902 0 0 0 0 0.2 0 0 0 1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5607_29043"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5607_29043" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.2 KiB

9
frontend/src/enums/templateEnum.ts
View File

@ -20,10 +20,17 @@ export enum TemplateIconEnum {
// 模板列表图标卡片icon // 模板列表图标卡片icon
export enum TemplateCardEnum { export enum TemplateCardEnum {
FUNCTIONAL = 'caseTemplate', // 用例模板 FUNCTIONAL = 'caseTemplate', // 用例模板
API = 'api_ui_Template', // API模板 API = 'apiTemplate', // API模板
UI = 'uiTemplate', // UI模板 UI = 'uiTemplate', // UI模板
TEST_PLAN = 'testPlanTemplate', // 测试计划模板 TEST_PLAN = 'testPlanTemplate', // 测试计划模板
BUG = 'defectTemplate', // 缺陷模板 BUG = 'defectTemplate', // 缺陷模板
} }
export enum TemplateDarkCardEnum {
FUNCTIONAL = 'caseTemplateDark', // 用例模板
API = 'apiTemplateDark', // API模板
UI = 'uiTemplateDark', // UI模板
TEST_PLAN = 'testPlanTemplateDark', // 测试计划模板
BUG = 'defectTemplateDark', // 缺陷模板
}
export default {}; export default {};

9
frontend/src/layout/no-permission-layout.vue
View File

@ -9,7 +9,7 @@
<div class="page"> <div class="page">
<div class="content-wrapper"> <div class="content-wrapper">
<div class="content"> <div class="content">
<div class="no-resource-svg"></div> <div :class="`${appStore.isDarkTheme ? 'no-permission-svg-dark' : 'no-permission-svg-bright'}`"></div>
<div class="title"> <div class="title">
<span>{{ props.isProject ? t('common.noProject') : t('common.noResource') }}</span> <span>{{ props.isProject ? t('common.noProject') : t('common.noResource') }}</span>
</div> </div>
@ -49,13 +49,6 @@
height: 100%; height: 100%;
background-color: var(--color-text-fff); background-color: var(--color-text-fff);
.content { .content {
.no-resource-svg {
margin: 0 auto 24px;
width: 160px;
height: 98px;
background: url('@/assets/svg/no_resource.svg');
background-size: cover;
}
.title { .title {
display: flex; display: flex;
justify-content: center; justify-content: center;

3
frontend/src/models/setting/serviceIntegration.ts
View File

@ -31,7 +31,8 @@ export interface SkipTitle {
export interface StepListType { export interface StepListType {
id: string; id: string;
icon: string; brightIcon: string;
darkIcon: string;
title: string; title: string;
skipTitle: SkipTitle[]; skipTitle: SkipTitle[];
step: string; step: string;

2
frontend/src/models/workbench/homePage.ts
View File

@ -12,6 +12,8 @@ export interface WorkConfigItem {
export interface childrenWorkConfigItem extends WorkConfigItem { export interface childrenWorkConfigItem extends WorkConfigItem {
value: WorkCardEnum; value: WorkCardEnum;
brightImg: string;
darkImg: string;
} }
export interface WorkConfigCard extends WorkConfigItem { export interface WorkConfigCard extends WorkConfigItem {

9
frontend/src/views/api-test/management/components/management/api/shareApiDocIndex.vue
View File

@ -44,7 +44,7 @@
unmount-on-close unmount-on-close
@close="closeShareHandler" @close="closeShareHandler"
> >
<div class="no-resource-svg"></div> <div class="no-permission-svg-bright"></div>
<a-form ref="formRef" :rules="rules" :model="checkForm" layout="vertical"> <a-form ref="formRef" :rules="rules" :model="checkForm" layout="vertical">
<a-form-item <a-form-item
class="password-form mb-0" class="password-form mb-0"
@ -290,13 +290,6 @@
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
.no-resource-svg {
margin: 0 auto 24px;
width: 160px;
height: 98px;
background: url('@/assets/svg/no_resource.svg');
background-size: cover;
}
:deep(.ms-modal-share) { :deep(.ms-modal-share) {
.arco-modal-mask { .arco-modal-mask {
background: var(--color-text-1) !important; background: var(--color-text-1) !important;

5
frontend/src/views/api-test/report/component/scenarioCom.vue
View File

@ -73,6 +73,7 @@
import TiledList from './tiledList.vue'; import TiledList from './tiledList.vue';
import ReportMetricsItem from '@/views/test-plan/report/detail/component/system-card/ReportMetricsItem.vue'; import ReportMetricsItem from '@/views/test-plan/report/detail/component/system-card/ReportMetricsItem.vue';
import getVisualThemeColor from '@/config/chartTheme';
import { toolTipConfig } from '@/config/testPlan'; import { toolTipConfig } from '@/config/testPlan';
import { useI18n } from '@/hooks/useI18n'; import { useI18n } from '@/hooks/useI18n';
import { formatDuration } from '@/utils'; import { formatDuration } from '@/utils';
@ -291,7 +292,7 @@
itemStyle: { itemStyle: {
color: item.color, color: item.color,
borderWidth: requestChartBorderWidth, borderWidth: requestChartBorderWidth,
borderColor: '#ffffff', borderColor: getVisualThemeColor('itemStyleBorderColor'),
}, },
}; };
}); });
@ -316,7 +317,7 @@
itemStyle: { itemStyle: {
color: item.color, color: item.color,
borderWidth: stepChartBorderWidth, borderWidth: stepChartBorderWidth,
borderColor: '#ffffff', borderColor: getVisualThemeColor('itemStyleBorderColor'),
}, },
}; };
}); });

9
frontend/src/views/base/not-resource-screen/not-resource-screen.vue
View File

@ -3,7 +3,7 @@
<div class="page"> <div class="page">
<div class="content-wrapper"> <div class="content-wrapper">
<div class="content"> <div class="content">
<div class="no-resource-svg"></div> <div class="no-permission-svg-bright"></div>
<div class="title"> <div class="title">
<span>{{ resourceType === 'DELETE' ? t('common.resourceDeleted') : t('common.resourceExpired') }}</span> <span>{{ resourceType === 'DELETE' ? t('common.resourceDeleted') : t('common.resourceExpired') }}</span>
</div> </div>
@ -37,13 +37,6 @@
height: 100%; height: 100%;
background-color: var(--color-text-fff); background-color: var(--color-text-fff);
.content { .content {
.no-resource-svg {
margin: 0 auto 24px;
width: 160px;
height: 98px;
background: url('@/assets/svg/no_resource.svg');
background-size: cover;
}
.title { .title {
display: flex; display: flex;
justify-content: center; justify-content: center;

27
frontend/src/views/setting/organization/serviceIntegration/index.vue
View File

@ -4,17 +4,17 @@
<a-collapse :bordered="false" expand-icon-position="right" @change="changeHandler"> <a-collapse :bordered="false" expand-icon-position="right" @change="changeHandler">
<a-collapse-item key="1" class="font-medium" :header="t('organization.service.headerTip')"> <a-collapse-item key="1" class="font-medium" :header="t('organization.service.headerTip')">
<template #expand-icon="{ active }"> <template #expand-icon="{ active }">
<span v-if="active" class="float-right -mr-4 text-[rgb(var(--primary-6))]">{{ <span v-if="active" class="float-right -mr-4 text-[rgb(var(--primary-6))]">
t('organization.service.packUp') {{ t('organization.service.packUp') }}
}}</span> </span>
<span v-else class="float-right -mr-4 text-[rgb(var(--primary-6))]">{{ <span v-else class="float-right -mr-4 text-[rgb(var(--primary-6))]">
t('organization.service.expand') {{ t('organization.service.expand') }}
}}</span> </span>
</template> </template>
<div class="flex w-[100%] flex-row justify-between pb-1 text-sm font-normal"> <div class="flex w-[100%] flex-row justify-between pb-1 text-sm font-normal">
<div v-for="(item, index) in cardContent" :key="item.id" class="item mt-4" :class="`ms-item-${index}`"> <div v-for="(item, index) in cardContent" :key="item.id" class="item mt-4" :class="`ms-item-${index}`">
<span class="mr-3"> <span class="mr-3">
<svg-icon width="64px" height="46px" :name="item.icon" /> <svg-icon width="64px" height="46px" :name="getItemIcon(item)" />
</span> </span>
<div class="flex h-[100%] flex-1 flex-col justify-between"> <div class="flex h-[100%] flex-1 flex-col justify-between">
<div class="flex items-center justify-between"> <div class="flex items-center justify-between">
@ -78,6 +78,7 @@
import ServiceList from './components/serviceList.vue'; import ServiceList from './components/serviceList.vue';
import { useI18n } from '@/hooks/useI18n'; import { useI18n } from '@/hooks/useI18n';
import { useAppStore } from '@/store';
import { openWindow } from '@/utils/index'; import { openWindow } from '@/utils/index';
import { hasAnyPermission } from '@/utils/permission'; import { hasAnyPermission } from '@/utils/permission';
@ -90,10 +91,12 @@
const { t } = useI18n(); const { t } = useI18n();
const router = useRouter(); const router = useRouter();
const appStore = useAppStore();
const cardContent = ref<StepListType[]>([ const cardContent = ref<StepListType[]>([
{ {
id: '1001', id: '1001',
icon: 'downloadplugin', brightIcon: 'downloadplugin',
darkIcon: 'downloadplugin-dark',
title: 'organization.service.downloadPluginOrDev', title: 'organization.service.downloadPluginOrDev',
skipTitle: [ skipTitle: [
{ {
@ -115,7 +118,8 @@
}, },
{ {
id: '1002', id: '1002',
icon: 'configplugin', brightIcon: 'configplugin',
darkIcon: 'configplugin-dark',
title: 'organization.service.configPlugin', title: 'organization.service.configPlugin',
skipTitle: [ skipTitle: [
{ {
@ -148,6 +152,11 @@
openWindow(links.src); openWindow(links.src);
} }
}; };
function getItemIcon(item: StepListType) {
const key = appStore.isDarkTheme ? 'darkIcon' : 'brightIcon';
return item[key];
}
</script> </script>
<style scoped lang="less"> <style scoped lang="less">

24
frontend/src/views/setting/organization/template/components/fieldSetting.ts
View File

@ -29,13 +29,15 @@ import {
updateWorkFlowStatus, updateWorkFlowStatus,
} from '@/api/modules/setting/template'; } from '@/api/modules/setting/template';
import { useI18n } from '@/hooks/useI18n'; import { useI18n } from '@/hooks/useI18n';
import { useAppStore } from '@/store';
import useTemplateStore from '@/store/modules/setting/template'; import useTemplateStore from '@/store/modules/setting/template';
import type { CustomField, DefinedFieldItem, fieldIconAndNameModal } from '@/models/setting/template'; import type { CustomField, DefinedFieldItem, fieldIconAndNameModal } from '@/models/setting/template';
import { TemplateCardEnum, TemplateIconEnum } from '@/enums/templateEnum'; import { TemplateCardEnum, TemplateDarkCardEnum, TemplateIconEnum } from '@/enums/templateEnum';
const { t } = useI18n(); const { t } = useI18n();
const templateStore = useTemplateStore(); const templateStore = useTemplateStore();
const appStore = useAppStore();
// 字段类型-日期 // 字段类型-日期
export const dateOptions: { label: string; value: FormItemType }[] = [ export const dateOptions: { label: string; value: FormItemType }[] = [
@ -78,29 +80,31 @@ const projectState = computed(() => templateStore.projectStatus);
// 模板列表Icon // 模板列表Icon
export function getCardList(type: string): Record<string, any>[] { export function getCardList(type: string): Record<string, any>[] {
const currentThemeEnum = appStore.isDarkTheme ? TemplateDarkCardEnum : TemplateCardEnum;
const dataList = ref([ const dataList = ref([
{ {
id: 1001, id: 1001,
key: 'FUNCTIONAL', key: 'FUNCTIONAL',
value: TemplateCardEnum.FUNCTIONAL, value: currentThemeEnum.FUNCTIONAL,
name: t('system.orgTemplate.caseTemplates'), name: t('system.orgTemplate.caseTemplates'),
}, },
/* { // TODO 暂时不上
id: 1002, // {
key: 'API', // id: 1002,
value: TemplateCardEnum.API, // key: 'API',
name: t('system.orgTemplate.APITemplates'), // value: currentThemeEnum.API,
}, */ // name: t('system.orgTemplate.APITemplates'),
// },
// { // {
// id: 1003, // id: 1003,
// key: 'UI', // key: 'UI',
// value: TemplateCardEnum.UI, // value: currentThemeEnum.UI,
// name: t('system.orgTemplate.UITemplates'), // name: t('system.orgTemplate.UITemplates'),
// }, // },
// { // {
// id: 1004, // id: 1004,
// key: 'TEST_PLAN', // key: 'TEST_PLAN',
// value: TemplateCardEnum.TEST_PLAN, // value: currentThemeEnum.TEST_PLAN,
// name: t('system.orgTemplate.testPlanTemplates'), // name: t('system.orgTemplate.testPlanTemplates'),
// }, // },
{ {

2
frontend/src/views/setting/organization/template/components/templateItem.vue
View File

@ -2,7 +2,7 @@
<div class="outerWrapper p-[3px]"> <div class="outerWrapper p-[3px]">
<div class="innerWrapper"> <div class="innerWrapper">
<div class="content"> <div class="content">
<div class="logo-img h-[48px] w-[48px]"> <div class="logo-img p-[4px]">
<svg-icon width="36px" height="36px" :name="props.cardItem.value"></svg-icon> <svg-icon width="36px" height="36px" :name="props.cardItem.value"></svg-icon>
</div> </div>
<div class="template-operation"> <div class="template-operation">

23
frontend/src/views/setting/organization/template/components/templateManagement.vue
View File

@ -1,15 +1,17 @@
<template> <template>
<MsCard has-breadcrumb simple> <MsCard has-breadcrumb simple>
<a-alert v-if="isEnableOrdTemplate" class="mb-6" type="warning">{{ <a-alert v-if="isEnableOrdTemplate" class="mb-6" type="warning">
t('system.orgTemplate.enableTemplateTip') {{ t('system.orgTemplate.enableTemplateTip') }}
}}</a-alert> </a-alert>
<div class="mb-4 flex items-center justify-between"> <div class="mb-4 flex items-center justify-between">
<!-- <span v-if="isEnableOrdTemplate || route.query.type === 'BUG'" class="font-medium">{{ <!-- <span v-if="isEnableOrdTemplate || route.query.type === 'BUG'" class="font-medium">{{
t('system.orgTemplate.templateList', { type: getTemplateName('organization', route.query.type as string) }) t('system.orgTemplate.templateList', { type: getTemplateName('organization', route.query.type as string) })
}}</span> --> }}</span> -->
<span v-if="isShowListTip" class="font-medium">{{ <span v-if="isShowListTip" class="font-medium">
t('system.orgTemplate.templateList', { type: getTemplateName('organization', route.query.type as string) }) {{
}}</span> t('system.orgTemplate.templateList', { type: getTemplateName('organization', route.query.type as string) })
}}
</span>
<a-button <a-button
v-if="!isEnableOrdTemplate && route.query.type === 'BUG'" v-if="!isEnableOrdTemplate && route.query.type === 'BUG'"
v-permission="['ORGANIZATION_TEMPLATE:READ+ADD']" v-permission="['ORGANIZATION_TEMPLATE:READ+ADD']"
@ -45,15 +47,16 @@
</template> </template>
<template #operation="{ record }"> <template #operation="{ record }">
<div class="flex flex-row flex-nowrap items-center"> <div class="flex flex-row flex-nowrap items-center">
<MsButton v-permission="['ORGANIZATION_TEMPLATE:READ+UPDATE']" @click="editTemplate(record.id)">{{ <MsButton v-permission="['ORGANIZATION_TEMPLATE:READ+UPDATE']" @click="editTemplate(record.id)">
t('system.orgTemplate.edit') {{ t('system.orgTemplate.edit') }}
}}</MsButton> </MsButton>
<MsButton <MsButton
v-if="route.query.type === 'BUG' && hasAnyPermission(['ORGANIZATION_TEMPLATE:READ+ADD'])" v-if="route.query.type === 'BUG' && hasAnyPermission(['ORGANIZATION_TEMPLATE:READ+ADD'])"
class="!mr-0" class="!mr-0"
@click="copyTemplate(record.id)" @click="copyTemplate(record.id)"
>{{ t('system.orgTemplate.copy') }}</MsButton
> >
{{ t('system.orgTemplate.copy') }}
</MsButton>
<a-divider <a-divider
v-if="hasAnyPermission(['ORGANIZATION_TEMPLATE:READ+ADD']) && !record.internal" v-if="hasAnyPermission(['ORGANIZATION_TEMPLATE:READ+ADD']) && !record.internal"
v-permission="['ORGANIZATION_TEMPLATE:READ+ADD']" v-permission="['ORGANIZATION_TEMPLATE:READ+ADD']"

28
frontend/src/views/workbench/components/notData.vue
View File

@ -21,7 +21,7 @@
</MsCard> </MsCard>
<div v-else-if="props.noResPermission || props.isDashboard" :class="`${props.height || 'h-full'} w-full`"> <div v-else-if="props.noResPermission || props.isDashboard" :class="`${props.height || 'h-full'} w-full`">
<div class="no-card"> <div class="no-card">
<div :class="`${props.noResPermission ? 'no-permission-svg' : 'no-card-svg'}`"></div> <div :class="`${props.noResPermission ? noPermissionImg : noDataImg}`"></div>
<div class="font-medium text-[var(--color-text-1)]"> <div class="font-medium text-[var(--color-text-1)]">
{{ props.noResPermission ? t('workbench.homePage.workNoProjectTip') : t('workbench.homePage.noCard') }} {{ props.noResPermission ? t('workbench.homePage.workNoProjectTip') : t('workbench.homePage.noCard') }}
</div> </div>
@ -56,6 +56,14 @@
const emit = defineEmits<{ const emit = defineEmits<{
(e: 'config'): void; (e: 'config'): void;
}>(); }>();
const noDataImg = computed(() => {
return appStore.isDarkTheme ? 'no-card-svg-dark' : 'no-card-svg-bright';
});
const noPermissionImg = computed(() => {
return appStore.isDarkTheme ? 'no-permission-svg-dark' : 'no-permission-svg-bright';
});
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
@ -76,19 +84,33 @@
} }
.no-card { .no-card {
@apply flex h-full w-full flex-col items-center justify-center gap-4; @apply flex h-full w-full flex-col items-center justify-center gap-4;
.no-card-svg { .no-card-svg-bright {
margin: 0 auto; margin: 0 auto;
width: 160px; width: 160px;
height: 90px; height: 90px;
background: url('@/assets/svg/work-no-card.svg'); background: url('@/assets/svg/work-no-card.svg');
background-size: cover; background-size: cover;
} }
.no-permission-svg { .no-card-svg-dark {
margin: 0 auto;
width: 160px;
height: 90px;
background: url('@/assets/svg/work-no-card-dark.svg');
background-size: cover;
}
.no-permission-svg-bright {
margin: 0 auto; margin: 0 auto;
width: 160px; width: 160px;
height: 90px; height: 90px;
background: url('@/assets/svg/no_resource.svg'); background: url('@/assets/svg/no_resource.svg');
background-size: cover; background-size: cover;
} }
.no-permission-svg-dark {
margin: 0 auto;
width: 160px;
height: 90px;
background: url('@/assets/svg/no_resource-dark.svg');
background-size: cover;
}
} }
</style> </style>

63
frontend/src/views/workbench/homePage/components/cardSettingList.vue
View File

@ -20,7 +20,7 @@
<a-menu-item v-for="ele of item.children" :key="ele.value" class="card-config-item" @click="addCard(ele)"> <a-menu-item v-for="ele of item.children" :key="ele.value" class="card-config-item" @click="addCard(ele)">
<div class="card-config-menu-item"> <div class="card-config-menu-item">
<div class="card-config-img"> <div class="card-config-img">
<svg-icon width="98px" height="69px" :name="ele.img" /> <svg-icon width="98px" height="69px" :name="getImgType(ele)" />
</div> </div>
<div class="card-config-text"> <div class="card-config-text">
<div>{{ t(ele.label) }}</div> <div>{{ t(ele.label) }}</div>
@ -46,11 +46,13 @@
import { ref } from 'vue'; import { ref } from 'vue';
import { useI18n } from '@/hooks/useI18n'; import { useI18n } from '@/hooks/useI18n';
import { useAppStore } from '@/store';
import { childrenWorkConfigItem, WorkConfigCard } from '@/models/workbench/homePage'; import { childrenWorkConfigItem, WorkConfigCard } from '@/models/workbench/homePage';
import { WorkCardEnum } from '@/enums/workbenchEnum'; import { WorkCardEnum } from '@/enums/workbenchEnum';
const { t } = useI18n(); const { t } = useI18n();
const appStore = useAppStore();
const defaultOpenKeys = ref(['overview', 'caseManagement', 'apiTest', 'testPlan', 'bugManagement']); const defaultOpenKeys = ref(['overview', 'caseManagement', 'apiTest', 'testPlan', 'bugManagement']);
const emit = defineEmits<{ const emit = defineEmits<{
@ -73,25 +75,29 @@
label: 'workbench.homePage.projectOverview', label: 'workbench.homePage.projectOverview',
value: WorkCardEnum.PROJECT_VIEW, value: WorkCardEnum.PROJECT_VIEW,
description: 'workbench.homePage.projectOverviewDesc', description: 'workbench.homePage.projectOverviewDesc',
img: 'project-overview-img', brightImg: 'project-overview-img',
darkImg: 'project-overview-dark-img',
}, },
{ {
label: 'workbench.homePage.testPlanOverview', label: 'workbench.homePage.testPlanOverview',
value: WorkCardEnum.PROJECT_PLAN_VIEW, value: WorkCardEnum.PROJECT_PLAN_VIEW,
description: 'workbench.homePage.testPlanOverviewDesc', description: 'workbench.homePage.testPlanOverviewDesc',
img: 'test-plan-overview', brightImg: 'test-plan-overview',
darkImg: 'test-plan-overview-dark',
}, },
{ {
label: 'workbench.homePage.staffOverview', label: 'workbench.homePage.staffOverview',
value: WorkCardEnum.PROJECT_MEMBER_VIEW, value: WorkCardEnum.PROJECT_MEMBER_VIEW,
description: 'workbench.homePage.staffOverviewDesc', description: 'workbench.homePage.staffOverviewDesc',
img: 'staff-overview-img', brightImg: 'staff-overview-img',
darkImg: 'staff-overview-dark-img',
}, },
{ {
label: 'workbench.homePage.createdByMe', label: 'workbench.homePage.createdByMe',
value: WorkCardEnum.CREATE_BY_ME, value: WorkCardEnum.CREATE_BY_ME,
description: 'workbench.homePage.createdByMeDesc', description: 'workbench.homePage.createdByMeDesc',
img: 'my-created-project-img', brightImg: 'my-created-project-img',
darkImg: 'my-created-project-dark-img',
}, },
], ],
}, },
@ -106,25 +112,29 @@
label: 'workbench.homePage.useCasesNumber', label: 'workbench.homePage.useCasesNumber',
value: WorkCardEnum.CASE_COUNT, value: WorkCardEnum.CASE_COUNT,
description: 'workbench.homePage.useCasesNumberDesc', description: 'workbench.homePage.useCasesNumberDesc',
img: 'link-case-img', brightImg: 'link-case-img',
darkImg: 'link-case-dark-img',
}, },
{ {
label: 'workbench.homePage.useCasesCount', label: 'workbench.homePage.useCasesCount',
value: WorkCardEnum.ASSOCIATE_CASE_COUNT, value: WorkCardEnum.ASSOCIATE_CASE_COUNT,
description: 'workbench.homePage.useCasesCountDesc', description: 'workbench.homePage.useCasesCountDesc',
img: 'case-count-img', brightImg: 'case-count-img',
darkImg: 'case-count-dark-img',
}, },
{ {
label: 'workbench.homePage.numberOfCaseReviews', label: 'workbench.homePage.numberOfCaseReviews',
value: WorkCardEnum.REVIEW_CASE_COUNT, value: WorkCardEnum.REVIEW_CASE_COUNT,
description: 'workbench.homePage.numberOfCaseReviewsDesc', description: 'workbench.homePage.numberOfCaseReviewsDesc',
img: 'case-review-img', brightImg: 'case-review-img',
darkImg: 'case-review-dark-img',
}, },
{ {
label: 'workbench.homePage.waitForReview', label: 'workbench.homePage.waitForReview',
value: WorkCardEnum.REVIEWING_BY_ME, value: WorkCardEnum.REVIEWING_BY_ME,
description: 'workbench.homePage.waitForReviewDesc', description: 'workbench.homePage.waitForReviewDesc',
img: 'wait-review-img', brightImg: 'wait-review-img',
darkImg: 'wait-review-dark-img',
}, },
], ],
}, },
@ -139,25 +149,29 @@
label: 'workbench.homePage.apiCount', label: 'workbench.homePage.apiCount',
value: WorkCardEnum.API_COUNT, value: WorkCardEnum.API_COUNT,
description: 'workbench.homePage.apiCountDesc', description: 'workbench.homePage.apiCountDesc',
img: 'api-count-img', brightImg: 'api-count-img',
darkImg: 'api-count-dark-img',
}, },
{ {
label: 'workbench.homePage.apiUseCasesNumber', label: 'workbench.homePage.apiUseCasesNumber',
value: WorkCardEnum.API_CASE_COUNT, value: WorkCardEnum.API_CASE_COUNT,
description: 'workbench.homePage.apiUseCasesNumberDesc', description: 'workbench.homePage.apiUseCasesNumberDesc',
img: 'api-use-case-img', brightImg: 'api-use-case-img',
darkImg: 'api-use-case-dark-img',
}, },
{ {
label: 'workbench.homePage.scenarioUseCasesNumber', label: 'workbench.homePage.scenarioUseCasesNumber',
value: WorkCardEnum.SCENARIO_COUNT, value: WorkCardEnum.SCENARIO_COUNT,
description: 'workbench.homePage.scenarioUseCasesNumberDesc', description: 'workbench.homePage.scenarioUseCasesNumberDesc',
img: 'scenario-case-img', brightImg: 'scenario-case-img',
darkImg: 'scenario-case-dark-img',
}, },
{ {
label: 'workbench.homePage.interfaceChange', label: 'workbench.homePage.interfaceChange',
value: WorkCardEnum.API_CHANGE, value: WorkCardEnum.API_CHANGE,
description: 'workbench.homePage.interfaceChangeDesc', description: 'workbench.homePage.interfaceChangeDesc',
img: 'api-change-img', brightImg: 'api-change-img',
darkImg: 'api-change-dark-img',
}, },
], ],
}, },
@ -172,13 +186,15 @@
label: 'workbench.homePage.numberOfTestPlan', label: 'workbench.homePage.numberOfTestPlan',
value: WorkCardEnum.TEST_PLAN_COUNT, value: WorkCardEnum.TEST_PLAN_COUNT,
description: 'workbench.homePage.numberOfTestPlanDesc', description: 'workbench.homePage.numberOfTestPlanDesc',
img: 'test-plan-img', brightImg: 'test-plan-img',
darkImg: 'test-plan-dark-img',
}, },
{ {
label: 'workbench.homePage.remainingBugOfPlan', label: 'workbench.homePage.remainingBugOfPlan',
value: WorkCardEnum.PLAN_LEGACY_BUG, value: WorkCardEnum.PLAN_LEGACY_BUG,
description: 'workbench.homePage.remainingBugOfPlanDesc', description: 'workbench.homePage.remainingBugOfPlanDesc',
img: 'test-plan-bug-img', brightImg: 'test-plan-bug-img',
darkImg: 'test-plan-bug-dark-img',
}, },
], ],
}, },
@ -193,25 +209,29 @@
label: 'workbench.homePage.bugCount', label: 'workbench.homePage.bugCount',
value: WorkCardEnum.BUG_COUNT, value: WorkCardEnum.BUG_COUNT,
description: 'workbench.homePage.bugCountDesc', description: 'workbench.homePage.bugCountDesc',
img: 'bug-count-img', brightImg: 'bug-count-img',
darkImg: 'bug-count-dark-img',
}, },
{ {
label: 'workbench.homePage.createdBugByMe', label: 'workbench.homePage.createdBugByMe',
value: WorkCardEnum.CREATE_BUG_BY_ME, value: WorkCardEnum.CREATE_BUG_BY_ME,
description: 'workbench.homePage.createdBugByMeDesc', description: 'workbench.homePage.createdBugByMeDesc',
img: 'my-created-bug-img', brightImg: 'my-created-bug-img',
darkImg: 'my-created-bug-dark-img',
}, },
{ {
label: 'workbench.homePage.pendingDefect', label: 'workbench.homePage.pendingDefect',
value: WorkCardEnum.HANDLE_BUG_BY_ME, value: WorkCardEnum.HANDLE_BUG_BY_ME,
description: 'workbench.homePage.pendingDefectDesc', description: 'workbench.homePage.pendingDefectDesc',
img: 'wait-handle-bug-img', brightImg: 'wait-handle-bug-img',
darkImg: 'wait-handle-bug-dark-img',
}, },
{ {
label: 'workbench.homePage.defectProcessingNumber', label: 'workbench.homePage.defectProcessingNumber',
value: WorkCardEnum.BUG_HANDLE_USER, value: WorkCardEnum.BUG_HANDLE_USER,
description: 'workbench.homePage.defectProcessingNumberDesc', description: 'workbench.homePage.defectProcessingNumberDesc',
img: 'bug-handler-img', brightImg: 'bug-handler-img',
darkImg: 'bug-handler-dark-img',
}, },
], ],
}, },
@ -230,6 +250,11 @@
})); }));
}); });
function getImgType(ele: childrenWorkConfigItem) {
const key = appStore.isDarkTheme ? 'darkImg' : 'brightImg';
return ele[key];
}
// 重置 // 重置
function resetSearch() { function resetSearch() {
searchKeyword.value = ''; searchKeyword.value = '';