Update brand style

1 year ago · 035229d183
3 changed files with 39 additions and 12 deletions
--- a/modules/basic-theme/src/Volo.Abp.AspNetCore.Mvc.UI.Theme.Basic/Themes/Basic/Layouts/Account.cshtml
+++ b/modules/basic-theme/src/Volo.Abp.AspNetCore.Mvc.UI.Theme.Basic/Themes/Basic/Layouts/Account.cshtml
@ -57,9 +57,9 @@
    <div class="@containerClass">
        <abp-row>
            <abp-column class="col mx-auto" style="max-width: 440px">
-                <div class="text-center mb-3">
-                    <img src="@(BrandingProvider.LogoUrl ?? Url.Content("~/themes/basic/logo.svg"))" class="mb-1" alt="@BrandingProvider.AppName"/>
-                    <h2>@BrandingProvider.AppName</h2>
+                <div class="brand-container">
+                    <img class="brand-logo" src="@(BrandingProvider.LogoUrl ?? Url.Content("~/themes/basic/logo.svg"))" alt="@BrandingProvider.AppName"/>
+                    <h2 class="brand-text">@BrandingProvider.AppName</h2>
                </div>
                @if (MultiTenancyOptions.Value.IsEnabled &&
                  (TenantResolveResultAccessor.Result?.AppliedResolvers?.Contains(CookieTenantResolveContributor.ContributorName) == true ||
--- a/modules/basic-theme/src/Volo.Abp.AspNetCore.Mvc.UI.Theme.Basic/wwwroot/themes/basic/layout.css
+++ b/modules/basic-theme/src/Volo.Abp.AspNetCore.Mvc.UI.Theme.Basic/wwwroot/themes/basic/layout.css
@ -97,4 +97,24 @@ div.dataTables_wrapper div.dataTables_length label {
 }
 .rtl table.dataTable thead th, table.dataTable thead td, table.dataTable tfoot th, table.dataTable tfoot td {
    text-align: right;
+}
+
+.brand-container{
+    text-align: center;
+    margin-top: 8rem;
+}
+
+.brand-logo {
+    height: 50px;
+}
+
+.brand-text {
+    color:  #292D33;
+    font-family: Lexend;
+    font-size: 30px;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 34px;
+    margin-top: 5px;
+    margin-bottom: 15px;
 }
--- a/modules/basic-theme/src/Volo.Abp.AspNetCore.Mvc.UI.Theme.Basic/wwwroot/themes/basic/logo.svg
+++ b/modules/basic-theme/src/Volo.Abp.AspNetCore.Mvc.UI.Theme.Basic/wwwroot/themes/basic/logo.svg
@ -1,10 +1,17 @@
-<svg width="119" height="41" viewBox="0 0 119 41" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M20.3885 23.6113C22.2675 23.6113 23.7906 22.088 23.7906 20.2088C23.7906 18.3297 22.2675 16.8063 20.3885 16.8063C18.5096 16.8063 16.9863 18.3297 16.9863 20.2088C16.9863 22.088 18.5096 23.6113 20.3885 23.6113Z" fill="#B84297"/>
-<path d="M59.8529 8.99957C58.0617 8.98379 56.2941 9.40761 54.7048 10.2339C53.1156 11.0602 51.7532 12.2636 50.7372 13.7389C49.7211 15.2142 49.0824 16.9162 48.877 18.6957C48.6715 20.4752 48.9056 22.278 49.5588 23.946C50.212 25.614 51.2642 27.0963 52.6234 28.2631C53.9826 29.4298 55.6071 30.2454 57.3546 30.6382C59.1023 31.031 60.9194 30.9892 62.6472 30.5164C64.3748 30.0435 65.9601 29.1541 67.2642 27.9261V29.9099H70.6978V20.472C70.7066 20.269 70.7117 20.0644 70.71 19.858C70.6759 16.9887 69.5211 14.2466 67.4924 12.2176C65.4636 10.1886 62.7217 9.03363 59.8529 8.99957ZM59.9001 27.4975C58.3957 27.5258 56.9171 27.1037 55.6545 26.2853C54.3917 25.4671 53.4025 24.2899 52.8137 22.9051C52.2249 21.5203 52.0636 19.9911 52.3502 18.5139C52.637 17.0366 53.3588 15.6789 54.4228 14.6149C55.4869 13.551 56.8447 12.8295 58.3218 12.5431C59.7989 12.2567 61.3279 12.4185 62.7124 13.0076C64.0969 13.5968 65.2737 14.5865 66.0916 15.8496C66.9097 17.1126 67.3313 18.5913 67.3026 20.0958C67.3026 20.1711 67.3026 20.2445 67.2921 20.318H67.2659V20.6872C67.0795 22.5256 66.2278 24.2325 64.8709 25.4868C63.514 26.741 61.7455 27.4562 59.8983 27.4975H59.9001Z" fill="#292D33"/>
-<path d="M83.773 8.99948C80.9368 8.97071 78.2008 10.0474 76.1448 12.0014V2.44983H72.7129V20.3179H72.7321C72.8039 22.4634 73.5043 24.5403 74.7466 26.291C75.9889 28.0415 77.7181 29.3884 79.7194 30.1643C81.7206 30.9402 83.9058 31.1107 86.0032 30.6549C88.1007 30.1992 90.018 29.137 91.5168 27.6003C93.0156 26.0638 94.0298 24.1207 94.4337 22.0124C94.8376 19.9041 94.6132 17.7236 93.7882 15.7419C92.963 13.7602 91.5739 12.0647 89.7934 10.8659C88.0128 9.66719 85.9194 9.01816 83.773 8.99948ZM83.815 27.4974C81.8539 27.5348 79.9553 26.8068 78.5218 25.4679C77.0882 24.1289 76.2326 22.2842 76.136 20.3249V19.557C76.2133 18.0897 76.7171 16.6771 77.5858 15.4923C78.4544 14.3075 79.6501 13.402 81.026 12.8872C82.4018 12.3722 83.8981 12.2703 85.3311 12.5939C86.7641 12.9173 88.0715 13.6523 89.0927 14.7084C90.1141 15.7643 90.8048 17.0957 91.0803 18.5387C91.3557 19.9819 91.204 21.4741 90.6435 22.8322C90.0831 24.1902 89.1384 25.3551 87.9253 26.1839C86.7123 27.0126 85.2837 27.4691 83.815 27.4974Z" fill="#292D33"/>
-<path d="M107.696 8.99849C106.241 8.98566 104.8 9.26264 103.453 9.81328C102.108 10.3639 100.885 11.1772 99.8562 12.2056C98.8287 13.2339 98.0151 14.457 97.464 15.803C96.9139 17.1491 96.6366 18.5915 96.6493 20.0458C96.6493 20.1367 96.6493 20.2207 96.6493 20.3169H96.6309V38.1868H100.062V27.883C101.357 29.11 102.932 30.002 104.65 30.4815C106.368 30.9609 108.177 31.0134 109.919 30.6342C111.662 30.255 113.286 29.4556 114.649 28.3056C116.013 27.1557 117.075 25.6899 117.742 24.0359C118.41 22.3819 118.664 20.5898 118.481 18.8154C118.298 17.0411 117.685 15.3383 116.694 13.8551C115.703 12.3719 114.365 11.1533 112.796 10.3054C111.226 9.45744 109.474 9.00579 107.69 8.98975L107.696 8.99849ZM107.745 27.4964C105.788 27.5335 103.893 26.8087 102.461 25.4751C101.029 24.1413 100.17 22.3031 100.068 20.3485V20.3169C100.068 20.142 100.055 19.9793 100.068 19.8079C100.098 18.3281 100.562 16.8897 101.403 15.6719C102.243 14.4539 103.423 13.5101 104.796 12.9579C106.17 12.4057 107.675 12.2694 109.125 12.5661C110.575 12.8627 111.905 13.5791 112.951 14.6264C113.997 15.6735 114.711 17.005 115.007 18.4555C115.302 19.9058 115.164 21.4109 114.61 22.7834C114.057 24.1559 113.111 25.3354 111.892 26.1749C110.674 27.0145 109.235 27.477 107.756 27.5051L107.745 27.4964Z" fill="#292D33"/>
-<path d="M20.3916 8.96673e-06C17.3007 -0.00289353 14.2498 0.698889 11.4707 2.05202V6.4342C13.9467 4.85335 16.7982 3.95853 19.7335 3.84128C22.6687 3.72401 25.5824 4.38851 28.1766 5.76682C30.7708 7.14512 32.9525 9.18778 34.4986 11.6858C36.0445 14.184 36.8994 17.0479 36.9756 19.9849V32.311C39.164 29.2606 40.4688 25.6659 40.7465 21.9221C41.0243 18.1782 40.2643 14.4302 38.55 11.0903C36.8358 7.75049 34.2338 4.94814 31.0302 2.99152C27.8265 1.03488 24.1453 -0.000234388 20.3916 8.96673e-06Z" fill="#292D33"/>
-<path d="M20.3899 36.9949C16.1293 36.9947 12.0323 35.3541 8.94894 32.4135C5.86569 29.4728 4.03266 25.4577 3.83037 21.2015H3.81115V8.51331C0.829625 12.6806 -0.475362 17.8169 0.155211 22.9021C0.785783 27.9873 3.30589 32.6492 7.21498 35.9618C11.1241 39.2744 16.136 40.9951 21.2551 40.7825C26.3744 40.5697 31.2262 38.4389 34.847 34.8134V28.5331C33.4056 31.1004 31.3065 33.2375 28.7657 34.7246C26.2249 36.2117 23.3339 36.9954 20.3899 36.9949Z" fill="#292D33"/>
-<path d="M20.3888 25.636C19.1561 25.6372 17.9587 25.2244 16.9885 24.464V28.3651C18.7573 29.0928 20.7131 29.2325 22.5674 28.7639C24.4219 28.2953 26.0764 27.243 27.2873 25.7623C28.4981 24.2816 29.2011 22.4508 29.2924 20.5401C29.3838 18.6295 28.8588 16.7401 27.7947 15.1506C26.7307 13.561 25.1841 12.3557 23.3829 11.7122C21.5817 11.0687 19.6214 11.0212 17.7912 11.5767C15.961 12.1321 14.3578 13.2613 13.218 14.7973C12.0782 16.3335 11.4622 18.1953 11.4609 20.1081V31.5787C12.4982 32.3955 13.6423 33.0664 14.8614 33.573V20.1029C14.8614 19.0095 15.1856 17.9407 15.7929 17.0316C16.4003 16.1226 17.2636 15.414 18.2735 14.9956C19.2836 14.5772 20.3949 14.4678 21.4671 14.681C22.5393 14.8943 23.5243 15.4208 24.2973 16.1939C25.0704 16.967 25.5968 17.952 25.81 19.0243C26.0234 20.0967 25.9138 21.2082 25.4956 22.2183C25.0772 23.2285 24.3687 24.0918 23.4597 24.6992C22.5507 25.3066 21.4821 25.6309 20.3888 25.6309V25.636Z" fill="#292D33"/>
-<path d="M9.3372 29.5244V20.2089C9.33823 17.8763 10.0773 15.6037 11.4487 13.7168C12.8201 11.8299 14.7532 10.4254 16.9715 9.70436C19.1897 8.98336 21.5792 8.98286 23.7977 9.70295C26.0163 10.423 27.95 11.8268 29.3222 13.7131C30.6943 15.5994 31.4344 17.8717 31.4364 20.2043C31.4384 22.5371 30.7023 24.8106 29.3335 26.6994C27.9646 28.5881 26.0333 29.9951 23.8161 30.7191C21.5988 31.4431 19.2093 31.4468 16.9898 30.7297V34.2634C19.4926 34.8694 22.1118 34.796 24.5766 34.0506C27.0414 33.3052 29.2625 31.9148 31.01 30.0233C32.7577 28.1318 33.9684 25.8079 34.5171 23.2917C35.0658 20.7755 34.9325 18.1584 34.1311 15.7109C33.3297 13.2636 31.8891 11.0746 29.9584 9.37046C28.0278 7.66632 25.677 6.50886 23.1492 6.0177C20.6213 5.52655 18.0083 5.71956 15.5801 6.57675C13.1518 7.43394 10.9966 8.92424 9.3372 10.8935V6.17021V3.25226C8.1062 4.04498 6.9638 4.96752 5.92969 6.00403V20.6428C6.02623 23.904 7.22765 27.0356 9.3372 29.5244Z" fill="#292D33"/>
+<svg width="147" height="50" viewBox="0 0 147 50" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_7065_14314)">
+<path d="M25.8749 28.9393C28.1779 28.9393 30.0448 27.0724 30.0448 24.7695C30.0448 22.4665 28.1779 20.5996 25.8749 20.5996C23.572 20.5996 21.7051 22.4665 21.7051 24.7695C21.7051 27.0724 23.572 28.9393 25.8749 28.9393Z" fill="#B84297"/>
+<path d="M74.2393 11.0308C72.0441 11.0115 69.8776 11.5309 67.9297 12.5435C65.9819 13.5561 64.3121 15.031 63.0668 16.8389C61.8215 18.6469 61.0386 20.7327 60.7868 22.9135C60.535 25.0944 60.822 27.3037 61.6225 29.3479C62.4231 31.392 63.7128 33.2087 65.3786 34.6385C67.0445 36.0684 69.0356 37.0678 71.1775 37.5492C73.3194 38.0307 75.5467 37.9794 77.6642 37.3999C79.7816 36.8204 81.7247 35.7304 83.3229 34.2255V36.6566H87.5314V25.0904C87.5421 24.8417 87.5485 24.5908 87.5464 24.3379C87.5047 20.8216 86.0893 17.4611 83.6027 14.9745C81.1161 12.4879 77.7556 11.0725 74.2393 11.0308ZM74.2972 33.7002C72.4534 33.7349 70.6413 33.2176 69.0937 32.2148C67.546 31.2119 66.3335 29.7693 65.6119 28.0722C64.8902 26.3751 64.6924 24.5011 65.0439 22.6907C65.3953 20.8804 66.2799 19.2164 67.584 17.9125C68.8882 16.6087 70.5524 15.7245 72.3628 15.3735C74.1732 15.0225 76.0473 15.2207 77.7442 15.9428C79.4411 16.6648 80.8835 17.8777 81.8859 19.4255C82.8884 20.9734 83.4053 22.7856 83.3701 24.6294C83.3701 24.7216 83.3701 24.8117 83.3572 24.9017H83.3251V25.3541C83.0966 27.6071 82.0527 29.699 80.3896 31.2361C78.7266 32.7732 76.5591 33.6495 74.2951 33.7002H74.2972Z" fill="#292D33"/>
+<path d="M103.56 11.0306C100.084 10.9953 96.7302 12.3148 94.2102 14.7095V3.00391H90.0039V24.9015H90.0275C90.1154 27.5308 90.974 30.0762 92.4965 32.2215C94.0191 34.3669 96.1385 36.0175 98.5914 36.9684C101.044 37.9192 103.722 38.1283 106.293 37.5697C108.864 37.011 111.214 35.7093 113.051 33.8263C114.888 31.9432 116.131 29.5619 116.626 26.9781C117.121 24.3944 116.846 21.7222 115.835 19.2936C114.823 16.865 113.121 14.787 110.938 13.318C108.756 11.8489 106.19 11.0535 103.56 11.0306V11.0306ZM103.611 33.7C101.207 33.7458 98.8805 32.8537 97.1236 31.2128C95.3666 29.5719 94.3178 27.3112 94.1995 24.9101V24.9101V23.9689C94.2942 22.1709 94.9117 20.4396 95.9764 18.9876C97.041 17.5356 98.5065 16.426 100.193 15.795C101.879 15.164 103.713 15.0391 105.469 15.4355C107.226 15.832 108.828 16.7326 110.08 18.0268C111.331 19.3211 112.178 20.9526 112.516 22.7212C112.853 24.4897 112.667 26.3184 111.98 27.9828C111.294 29.6471 110.136 31.0747 108.649 32.0903C107.162 33.1059 105.411 33.6654 103.611 33.7V33.7Z" fill="#292D33"/>
+<path d="M132.882 11.0312C131.099 11.0155 129.332 11.3549 127.682 12.0298C126.032 12.7046 124.534 13.7012 123.273 14.9615C122.013 16.2219 121.016 17.7206 120.341 19.3703C119.667 21.02 119.327 22.7875 119.343 24.5698C119.343 24.6813 119.343 24.7842 119.343 24.9021H119.319V46.8019H123.526V34.1744C125.112 35.6781 127.042 36.7713 129.148 37.359C131.253 37.9466 133.471 38.0108 135.607 37.5461C137.743 37.0813 139.733 36.1017 141.404 34.6924C143.075 33.2831 144.376 31.4868 145.195 29.4598C146.013 27.4328 146.324 25.2365 146.1 23.062C145.876 20.8875 145.124 18.8007 143.91 16.983C142.696 15.1654 141.055 13.672 139.132 12.6328C137.209 11.5937 135.061 11.0402 132.875 11.0205L132.882 11.0312ZM132.942 33.7006C130.543 33.7462 128.221 32.858 126.465 31.2235C124.71 29.589 123.658 27.3362 123.532 24.9407V24.9021C123.532 24.6878 123.517 24.4884 123.532 24.2783C123.569 22.4648 124.137 20.7021 125.168 19.2095C126.199 17.7169 127.645 16.5602 129.328 15.8835C131.011 15.2067 132.856 15.0397 134.633 15.4033C136.41 15.7669 138.041 16.6449 139.322 17.9282C140.604 19.2115 141.48 20.8434 141.842 22.6208C142.204 24.3983 142.034 26.2428 141.356 27.9248C140.677 29.6069 139.519 31.0523 138.025 32.0812C136.531 33.11 134.768 33.6769 132.954 33.7114L132.942 33.7006Z" fill="#292D33"/>
+<path d="M25.8762 0.00294068C22.0878 -0.00061638 18.3485 0.859427 14.9424 2.51771V7.88814C17.9771 5.95077 21.472 4.85417 25.0695 4.71047C28.6671 4.56676 32.2383 5.38111 35.4179 7.07025C38.5975 8.75938 41.2714 11.2627 43.1662 14.3242C45.0611 17.3856 46.1088 20.8954 46.2023 24.4946V24.4946V39.6004C48.8844 35.8623 50.4836 31.4569 50.824 26.8687C51.1645 22.2805 50.2329 17.6873 48.1319 13.5943C46.0309 9.50126 42.8417 6.06695 38.9152 3.66907C34.9887 1.27119 30.477 0.00264244 25.8762 0.00294068V0.00294068Z" fill="#292D33"/>
+<path d="M25.8756 45.3391C20.6536 45.3389 15.6321 43.3283 11.8531 39.7245C8.07398 36.1207 5.82741 31.2002 5.57948 25.9841H5.5559V10.4346C1.90165 15.5416 0.302109 21.8363 1.07501 28.0683C1.84791 34.3002 4.9367 40.0135 9.7278 44.0731C14.5189 48.1327 20.6617 50.2416 26.936 49.9808C33.2104 49.7201 39.157 47.1088 43.5948 42.6657V34.9692C41.8282 38.1154 39.2555 40.7343 36.1414 42.5569C33.0272 44.3794 29.4839 45.3397 25.8756 45.3391Z" fill="#292D33"/>
+<path d="M25.875 31.4199C24.3641 31.4213 22.8965 30.9155 21.7073 29.9835V34.7644C23.8753 35.6561 26.2725 35.8274 28.5452 35.2531C30.818 34.6788 32.846 33.3892 34.3301 31.5746C35.8142 29.7599 36.6757 27.5164 36.7877 25.1748C36.8997 22.8333 36.2562 20.5178 34.952 18.5698C33.6479 16.6219 31.7522 15.1446 29.5446 14.356C27.337 13.5674 24.9344 13.5092 22.6912 14.1899C20.448 14.8707 18.483 16.2544 17.0861 18.1369C15.6891 20.0194 14.9342 22.3011 14.9326 24.6453V38.7027C16.2039 39.7036 17.6061 40.5259 19.1003 41.1467V24.6388C19.1003 23.2989 19.4977 21.9891 20.2421 20.875C20.9865 19.761 22.0445 18.8926 23.2824 18.3799C24.5203 17.8671 25.8825 17.733 27.1967 17.9944C28.5108 18.2558 29.7179 18.901 30.6654 19.8484C31.6129 20.7959 32.2581 22.003 32.5195 23.3172C32.7809 24.6313 32.6467 25.9935 32.134 27.2314C31.6212 28.4693 30.7529 29.5274 29.6388 30.2718C28.5247 31.0162 27.2149 31.4135 25.875 31.4135V31.4199Z" fill="#292D33"/>
+<path d="M12.3286 36.1851V24.7689C12.3299 21.9102 13.2359 19.1252 14.9166 16.8127C16.5974 14.5003 18.9668 12.779 21.6856 11.8954C24.4044 11.0118 27.333 11.0112 30.0521 11.8937C32.7713 12.7762 35.1414 14.4965 36.8231 16.8082C38.5049 19.12 39.4119 21.9046 39.4144 24.7633C39.4169 27.6221 38.5147 30.4083 36.837 32.723C35.1593 35.0377 32.7922 36.7621 30.0746 37.6493C27.3571 38.5366 24.4284 38.5411 21.7081 37.6622V41.9929C24.7756 42.7356 27.9858 42.6456 31.0068 41.732C34.0278 40.8185 36.75 39.1146 38.8919 36.7966C41.0338 34.4786 42.5178 31.6305 43.1903 28.5469C43.8628 25.4633 43.6994 22.256 42.7172 19.2566C41.7349 16.2572 39.9693 13.5747 37.603 11.4862C35.2367 9.39778 32.3555 7.97928 29.2573 7.37737C26.1591 6.77546 22.9564 7.01198 19.9802 8.06249C17.004 9.113 14.3625 10.9394 12.3286 13.3528V7.56428V3.98828C10.8199 4.95977 9.4198 6.09035 8.15234 7.36061V25.3006C8.27063 29.2972 9.74319 33.1351 12.3286 36.1851V36.1851Z" fill="#292D33"/>
+</g>
+<defs>
+<clipPath id="clip0_7065_14314">
+<rect width="145.226" height="50" fill="white" transform="translate(0.886719)"/>
+</clipPath>
+</defs>
 </svg>