Update logo and icon

This commit is contained in:
Martin Kleinschrodt 2022-04-09 15:53:04 +02:00
parent 347284f7cb
commit adf23400a4
8 changed files with 340 additions and 108 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 110 KiB

After

Width:  |  Height:  |  Size: 41 KiB

View File

@ -1,31 +1,13 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="192px" height="192px" viewBox="0 0 192 192" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>app-icon</title>
<defs>
<filter x="-19.3%" y="-13.7%" width="138.6%" height="127.3%" filterUnits="objectBoundingBox" id="filter-1">
<feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
<feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
<feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.301764642 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
<feMerge>
<feMergeNode in="shadowMatrixOuter1"></feMergeNode>
<feMergeNode in="SourceGraphic"></feMergeNode>
</feMerge>
</filter>
<path d="M13.345099,161 C22.1824395,161 26.6011097,157.513146 26.6011097,150.539438 L26.6011097,102.350055 C29.1926693,104.355713 34.543169,108.556895 41.5277007,110.934077 C48.4432156,113.287768 56.9857205,113.827504 61.0344828,113.827504 C71.1034483,113.827504 80.137931,111.332186 88.137931,106.341551 C96.137931,101.350916 102.448276,94.5827939 107.068966,86.0371855 C111.689655,77.4915771 114,67.8179484 114,57.0162993 C114,46.2146503 111.482759,36.5068391 106.448276,27.8928659 C101.413793,19.2788926 94.6206897,12.4765883 86.0689655,7.48595297 C77.5172414,2.49531766 67.7931034,0 56.8965517,0 C46.137931,0 36.4827586,2.49531766 27.9310345,7.48595297 C19.3793103,12.4765883 12.6206897,19.2788926 7.65517241,27.8928659 C2.68965517,36.5068391 0.137931034,46.2146503 0,57.0162993 L0,150.539438 C0,153.547492 0.0890882781,161 13.345099,161 Z M58.5690833,87.1777116 C53.0232464,87.1777116 48.0042641,85.8308153 43.5121362,83.1370228 C39.0200084,80.4432302 35.498402,76.7598813 32.9473171,72.0869758 C30.3962321,67.4140704 29.1206897,62.1639237 29.1206897,56.3365358 C29.1206897,50.3991971 30.3962321,45.0940751 32.9473171,40.4211697 C35.498402,35.7482642 39.0200084,32.0649153 43.5121362,29.3711227 C48.0042641,26.6773302 53.0232464,25.3304339 58.5690833,25.3304339 C64.2258368,25.3304339 69.2725484,26.6773302 73.7092178,29.3711227 C78.1458873,32.0649153 81.6674937,35.7482642 84.274037,40.4211697 C86.8805803,45.0940751 88.183852,50.3991971 88.183852,56.3365358 C88.183852,62.1639237 86.8805803,67.4140704 84.274037,72.0869758 C81.6674937,76.7598813 78.1458873,80.4432302 73.7092178,83.1370228 C69.2725484,85.8308153 64.2258368,87.1777116 58.5690833,87.1777116 Z" id="path-2"></path>
<linearGradient x1="26.3224223%" y1="16.6757557%" x2="74.4065658%" y2="65.393589%" id="linearGradient-4">
<stop stop-color="#F2711C" offset="0%"></stop>
<stop stop-color="#A333C8" offset="33.6009474%"></stop>
<stop stop-color="#2185D0" offset="64.4421984%"></stop>
<stop stop-color="#21BA45" offset="100%"></stop>
</linearGradient>
</defs>
<g id="app-icon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Rectangle" filter="url(#filter-1)" transform="translate(39.000000, 16.000000)">
<mask id="mask-3" fill="white">
<use xlink:href="#path-2"></use>
</mask>
<path stroke="#FFFFFF" stroke-width="10" d="M56.8965517,-5 C68.7410507,-5 79.2986293,-2.25424161 88.589123,3.16752658 C97.8938086,8.59757692 105.287069,15.9970828 110.765061,25.3698978 C116.235682,34.7301011 119,45.2734411 119,57.0162993 C119,68.7091306 116.466527,79.169454 111.467188,88.4153449 C106.42027,97.7492282 99.5207587,105.133747 90.7843538,110.583773 C82.0032214,116.061702 72.0919033,118.827504 61.0344828,118.827504 C56.6494859,118.827504 47.4033473,118.215511 39.9167043,115.667436 C37.1140559,114.713556 34.5479097,113.496951 32.2812246,112.229755 L31.7208286,111.912025 L31.6011082,150.547675 C31.5991462,155.864475 29.697432,159.695632 26.3844694,162.309951 C23.4868315,164.596531 19.2159397,166 13.345099,166 C6.74532712,166 2.75706253,164.357742 0.216579142,162.422382 C-4.3244306,158.963004 -4.95808267,154.061842 -4.9975524,151.045601 L-4.9993398,150.847347 L-5.00000022,56.9849279 C-4.85523123,45.2625435 -2.06205862,34.7381881 3.32335605,25.3957942 C8.73236356,16.0124724 16.0955884,8.60376466 25.410877,3.16752658 C34.7066477,-2.25732113 45.196174,-5 56.8965517,-5 Z M58.5690833,30.3304339 C53.9745236,30.3304339 49.808532,31.4254677 46.0835732,33.6592123 C42.3618518,35.8910155 39.4489585,38.9465123 37.3359152,42.8170424 C35.1688664,46.7864964 34.1206897,51.2993579 34.1206897,56.3365358 C34.1206897,61.2722647 35.1728877,65.7290151 37.3359152,69.6911031 C39.4489585,73.5616332 42.3618518,76.61713 46.0835732,78.8489332 C49.808532,81.0826778 53.9745236,82.1777116 58.5690833,82.1777116 C63.2497419,82.1777116 67.4380153,81.0952149 71.1142565,78.8631281 C74.810806,76.6187108 77.7366164,73.5430002 79.9074164,69.6512779 C82.1108756,65.7010054 83.183852,61.2575458 83.183852,56.3365358 C83.183852,51.3142601 82.1150526,46.8146285 79.9074164,42.8568675 C77.7366164,38.9651453 74.810806,35.8894347 71.1142565,33.6450174 C67.4380153,31.4129306 63.2497419,30.3304339 58.5690833,30.3304339 Z"></path>
<polygon fill="url(#linearGradient-4)" mask="url(#mask-3)" transform="translate(58.500000, 79.500000) rotate(360.000000) translate(-58.500000, -79.500000) " points="-61 -40 178 -40 178 199 -61 199"></polygon>
<g id="Group" transform="translate(33.000000, 12.000000)" fill-rule="nonzero" stroke-width="4">
<path d="M25.9780367,167 C34.7378567,167 39.1177667,163.534803 39.1177667,156.60441 L39.1177667,108.714341 C41.6865932,110.70754 46.9901588,114.882629 53.9134226,117.245045 C60.7682751,119.584118 69.2358458,120.120501 73.2490926,120.120501 C83.2297338,120.120501 92.1849667,117.640682 100.114791,112.681045 C108.044616,107.721407 114.299607,100.995323 118.879764,92.502793 C123.459921,84.0102629 125.75,74.3967189 125.75,63.6621608 C125.75,52.9276028 123.25484,43.2800886 118.264519,34.7196182 C113.274198,26.1591479 106.540684,19.3990939 98.0639746,14.4394564 C89.5872656,9.47981879 79.9484271,7 69.1474592,7 C58.4832123,7 48.9127344,9.47981879 40.4360254,14.4394564 C31.9593164,19.3990939 25.2599819,26.1591479 20.3380218,34.7196182 C15.4160617,43.2800886 12.8867211,52.9276028 12.75,63.6621608 L12.75,156.60441 C12.75,159.593781 12.8383068,167 25.9780367,167 Z M70.8053194,93.6362351 C65.3081302,93.6362351 60.3331741,92.2977047 55.8804508,89.6206437 C51.4277276,86.9435828 47.9370125,83.2831118 45.4083055,78.6392306 C42.8795985,73.9953495 41.615245,68.7778124 41.615245,62.9866194 C41.615245,57.0861586 42.8795985,51.8139877 45.4083055,47.1701065 C47.9370125,42.5262253 51.4277276,38.8657543 55.8804508,36.1886934 C60.3331741,33.5116325 65.3081302,32.173102 70.8053194,32.173102 C76.4124523,32.173102 81.4148944,33.5116325 85.8126457,36.1886934 C90.2103971,38.8657543 93.7011122,42.5262253 96.2847911,47.1701065 C98.86847,51.8139877 100.160309,57.0861586 100.160309,62.9866194 C100.160309,68.7778124 98.86847,73.9953495 96.2847911,78.6392306 C93.7011122,83.2831118 90.2103971,86.9435828 85.8126457,89.6206437 C81.4148944,92.2977047 76.4124523,93.6362351 70.8053194,93.6362351 Z" id="Mask" stroke="#21BA45" fill="#21BA45"></path>
<path d="M22.7280367,165 C31.4878567,165 35.8677667,161.534803 35.8677667,154.60441 L35.8677667,106.714341 C38.4365932,108.70754 43.7401588,112.882629 50.6634226,115.245045 C57.5182751,117.584118 65.9858458,118.120501 69.9990926,118.120501 C79.9797338,118.120501 88.9349667,115.640682 96.8647913,110.681045 C104.794616,105.721407 111.049607,98.9953231 115.629764,90.502793 C120.209921,82.0102629 122.5,72.3967189 122.5,61.6621608 C122.5,50.9276028 120.00484,41.2800886 115.014519,32.7196182 C110.024198,24.1591479 103.290684,17.3990939 94.8139746,12.4394564 C86.3372656,7.47981879 76.6984271,5 65.8974592,5 C55.2332123,5 45.6627344,7.47981879 37.1860254,12.4394564 C28.7093164,17.3990939 22.0099819,24.1591479 17.0880218,32.7196182 C12.1660617,41.2800886 9.63672111,50.9276028 9.5,61.6621608 L9.5,154.60441 C9.5,157.593781 9.5883068,165 22.7280367,165 Z M67.5553194,91.6362351 C62.0581302,91.6362351 57.0831741,90.2977047 52.6304508,87.6206437 C48.1777276,84.9435828 44.6870125,81.2831118 42.1583055,76.6392306 C39.6295985,71.9953495 38.365245,66.7778124 38.365245,60.9866194 C38.365245,55.0861586 39.6295985,49.8139877 42.1583055,45.1701065 C44.6870125,40.5262253 48.1777276,36.8657543 52.6304508,34.1886934 C57.0831741,31.5116325 62.0581302,30.173102 67.5553194,30.173102 C73.1624523,30.173102 78.1648944,31.5116325 82.5626457,34.1886934 C86.9603971,36.8657543 90.4511122,40.5262253 93.0347911,45.1701065 C95.61847,49.8139877 96.9103094,55.0861586 96.9103094,60.9866194 C96.9103094,66.7778124 95.61847,71.9953495 93.0347911,76.6392306 C90.4511122,81.2831118 86.9603971,84.9435828 82.5626457,87.6206437 C78.1648944,90.2977047 73.1624523,91.6362351 67.5553194,91.6362351 Z" id="Mask" stroke="#2185D0" fill="#2185D0"></path>
<path d="M19.2280367,163 C27.9878567,163 32.3677667,159.534803 32.3677667,152.60441 L32.3677667,104.714341 C34.9365932,106.70754 40.2401588,110.882629 47.1634226,113.245045 C54.0182751,115.584118 62.4858458,116.120501 66.4990926,116.120501 C76.4797338,116.120501 85.4349667,113.640682 93.3647913,108.681045 C101.294616,103.721407 107.549607,96.9953231 112.129764,88.502793 C116.709921,80.0102629 119,70.3967189 119,59.6621608 C119,48.9276028 116.50484,39.2800886 111.514519,30.7196182 C106.524198,22.1591479 99.7906836,15.3990939 91.3139746,10.4394564 C82.8372656,5.47981879 73.1984271,3 62.3974592,3 C51.7332123,3 42.1627344,5.47981879 33.6860254,10.4394564 C25.2093164,15.3990939 18.5099819,22.1591479 13.5880218,30.7196182 C8.66606171,39.2800886 6.13672111,48.9276028 6,59.6621608 L6,152.60441 C6,155.593781 6.0883068,163 19.2280367,163 Z M64.0553194,89.6362351 C58.5581302,89.6362351 53.5831741,88.2977047 49.1304508,85.6206437 C44.6777276,82.9435828 41.1870125,79.2831118 38.6583055,74.6392306 C36.1295985,69.9953495 34.865245,64.7778124 34.865245,58.9866194 C34.865245,53.0861586 36.1295985,47.8139877 38.6583055,43.1701065 C41.1870125,38.5262253 44.6777276,34.8657543 49.1304508,32.1886934 C53.5831741,29.5116325 58.5581302,28.173102 64.0553194,28.173102 C69.6624523,28.173102 74.6648944,29.5116325 79.0626457,32.1886934 C83.4603971,34.8657543 86.9511122,38.5262253 89.5347911,43.1701065 C92.11847,47.8139877 93.4103094,53.0861586 93.4103094,58.9866194 C93.4103094,64.7778124 92.11847,69.9953495 89.5347911,74.6392306 C86.9511122,79.2831118 83.4603971,82.9435828 79.0626457,85.6206437 C74.6648944,88.2977047 69.6624523,89.6362351 64.0553194,89.6362351 Z" id="Mask" stroke="#A333C8" fill="#A333C8"></path>
<path d="M15.2280367,161 C23.9878567,161 28.3677667,157.534803 28.3677667,150.60441 L28.3677667,102.714341 C30.9365932,104.70754 36.2401588,108.882629 43.1634226,111.245045 C50.0182751,113.584118 58.4858458,114.120501 62.4990926,114.120501 C72.4797338,114.120501 81.4349667,111.640682 89.3647913,106.681045 C97.2946158,101.721407 103.549607,94.9953231 108.129764,86.502793 C112.709921,78.0102629 115,68.3967189 115,57.6621608 C115,46.9276028 112.50484,37.2800886 107.514519,28.7196182 C102.524198,20.1591479 95.7906836,13.3990939 87.3139746,8.43945637 C78.8372656,3.47981879 69.1984271,1 58.3974592,1 C47.7332123,1 38.1627344,3.47981879 29.6860254,8.43945637 C21.2093164,13.3990939 14.5099819,20.1591479 9.58802178,28.7196182 C4.66606171,37.2800886 2.13672111,46.9276028 2,57.6621608 L2,150.60441 C2,153.593781 2.0883068,161 15.2280367,161 Z M60.0553194,87.6362351 C54.5581302,87.6362351 49.5831741,86.2977047 45.1304508,83.6206437 C40.6777276,80.9435828 37.1870125,77.2831118 34.6583055,72.6392306 C32.1295985,67.9953495 30.865245,62.7778124 30.865245,56.9866194 C30.865245,51.0861586 32.1295985,45.8139877 34.6583055,41.1701065 C37.1870125,36.5262253 40.6777276,32.8657543 45.1304508,30.1886934 C49.5831741,27.5116325 54.5581302,26.173102 60.0553194,26.173102 C65.6624523,26.173102 70.6648944,27.5116325 75.0626457,30.1886934 C79.4603971,32.8657543 82.9511122,36.5262253 85.5347911,41.1701065 C88.11847,45.8139877 89.4103094,51.0861586 89.4103094,56.9866194 C89.4103094,62.7778124 88.11847,67.9953495 85.5347911,72.6392306 C82.9511122,77.2831118 79.4603971,80.9435828 75.0626457,83.6206437 C70.6648944,86.2977047 65.6624523,87.6362351 60.0553194,87.6362351 Z" id="Mask" stroke="#F2711C" fill="#F2711C"></path>
<path d="M13.2280367,160 C21.9878567,160 26.3677667,156.534803 26.3677667,149.60441 L26.3677667,101.714341 C28.9365932,103.70754 34.2401588,107.882629 41.1634226,110.245045 C48.0182751,112.584118 56.4858458,113.120501 60.4990926,113.120501 C70.4797338,113.120501 79.4349667,110.640682 87.3647913,105.681045 C95.2946158,100.721407 101.549607,93.9953231 106.129764,85.502793 C110.709921,77.0102629 113,67.3967189 113,56.6621608 C113,45.9276028 110.50484,36.2800886 105.514519,27.7196182 C100.524198,19.1591479 93.7906836,12.3990939 85.3139746,7.43945637 C76.8372656,2.47981879 67.1984271,0 56.3974592,0 C45.7332123,0 36.1627344,2.47981879 27.6860254,7.43945637 C19.2093164,12.3990939 12.5099819,19.1591479 7.58802178,27.7196182 C2.66606171,36.2800886 0.136721113,45.9276028 0,56.6621608 L0,149.60441 C0,152.593781 0.088306802,160 13.2280367,160 Z M58.0553194,86.6362351 C52.5581302,86.6362351 47.5831741,85.2977047 43.1304508,82.6206437 C38.6777276,79.9435828 35.1870125,76.2831118 32.6583055,71.6392306 C30.1295985,66.9953495 28.865245,61.7778124 28.865245,55.9866194 C28.865245,50.0861586 30.1295985,44.8139877 32.6583055,40.1701065 C35.1870125,35.5262253 38.6777276,31.8657543 43.1304508,29.1886934 C47.5831741,26.5116325 52.5581302,25.173102 58.0553194,25.173102 C63.6624523,25.173102 68.6648944,26.5116325 73.0626457,29.1886934 C77.4603971,31.8657543 80.9511122,35.5262253 83.5347911,40.1701065 C86.11847,44.8139877 87.4103094,50.0861586 87.4103094,55.9866194 C87.4103094,61.7778124 86.11847,66.9953495 83.5347911,71.6392306 C80.9511122,76.2831118 77.4603971,79.9435828 73.0626457,82.6206437 C68.6648944,85.2977047 63.6624523,86.6362351 58.0553194,86.6362351 Z" id="Mask" stroke="#F2711C" fill="#FFFFFF"></path>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 5.4 KiB

After

Width:  |  Height:  |  Size: 8.9 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 52 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 52 KiB

View File

@ -5,6 +5,6 @@
"appId": "app.padloc",
"scheme": "padloc",
"author": "Martin Kleinschrodt <martin@maklesoft.com>",
"icon_background": "#ffffff",
"icon_background": "#f1f1f1",
"terms_of_service": "https://padloc.app/tos"
}

View File

@ -33,6 +33,8 @@ body {
--font-weight-bold: 700;
--font-weight-default: var(--font-weight-regular);
--letter-spacing: 0.01em;
/* BASIC COLORS */
--color-highlight: rgb(59, 183, 249);
@ -175,9 +177,12 @@ body {
/* START SCREEN */
--start-background: var(--color-background-dark);
--start-logo-height: 4em;
--start-logo-height: 4.5em;
--start-logo-width: auto;
--start-form-shadow: rgb(0 0 0 / 10%) 0px 0px 2em -1em;
/* --start-form-shadow: rgb(0 0 0 / 10%) 0px 0px 2em -1em; */
--start-form-shadow: var(--border-color) 0 0 0 1px;
/* --start-form-shadow: #f2711c 0px 0px 0px 1px inset, #f2711c 1px 1px 0px 0px, #a333c8 2px 2px 0px 0px, */
/* #2185d0 3px 3px 0px 0px, #21ba45 4px 4px 0px 0px; */
--start-form-background: var(--color-background);
/* MENU */
@ -217,7 +222,8 @@ body {
/* APP */
--app-backdrop-background: var(--color-background-darker);
--app-backdrop-color: var(--color-highlight);
--app-wrapper-shadow: rgb(0 0 0 / 10%) 0px 0px 2em -0.5em;
/* --app-wrapper-shadow: rgb(0 0 0 / 10%) 0px 0px 2em -0.5em; */
--app-wrapper-shadow: var(--border-color) 0 0 0 1px;
/* LAYOUT */

View File

@ -431,7 +431,7 @@ export class PlIcon extends LitElement {
}
:host([icon="email"]) > div::before {
content: "\\f1fa";
content: "\\40";
}
:host([icon="fingerprint"]) > div::before {

View File

@ -638,7 +638,7 @@ export class LoginOrSignup extends StartForm {
id="nameInput"
.label=${$l("Your Name (Optional)")}
.value=${this._name}
@enter=${() => this._submitName()}
@enter=${() => this._tosCheckbox?.focus()}
?disabled=${this._page !== "signup" || this._step !== "consent"}
@input=${() => {
this.requestUpdate();