feat: new logo, who dis? (#1802)

.dockerignore

@@ -21,7 +21,7 @@ docker-compose.yml
 docs
 LICENSE
 node_modules
-public/os_logo_square.png
+public/os_logo_filled.png
 public/preview.jpg
 snap
 stylelint.config.js

README.md

@@ -1,5 +1,5 @@
 <p align="center">
-<img src="https://i.imgur.com/TMoEG7g.png" alt="Overseerr">
+<img src="./public/logo_full.svg" alt="Overseerr" style="margin: 20px 0;">
 </p>
 <p align="center">
 <img src="https://github.com/sct/overseerr/workflows/Overseerr%20Release/badge.svg?branch=master" alt="Overseerr Release" />

docs/extending-overseerr/reverse-proxy.md

@@ -145,7 +145,8 @@ location ^~ /overseerr {
     sub_filter '/android-' '/$app/android-';
     sub_filter '/apple-' '/$app/apple-';
     sub_filter '/favicon' '/$app/favicon';
-    sub_filter '/logo.png' '/$app/logo.png';
+    sub_filter '/logo_full.svg' '/$app/logo_full.svg';
+    sub_filter '/logo_stacked.svg' '/$app/logo_stacked.svg';
     sub_filter '/site.webmanifest' '/$app/site.webmanifest';
 }
 ```

public/logo_full.svg

@@ -0,0 +1,24 @@
+<svg width="456" height="96" viewBox="0 0 456 96" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M48 96C74.5097 96 96 74.5097 96 48C96 21.4903 74.5097 0 48 0C21.4903 0 0 21.4903 0 48C0 74.5097 21.4903 96 48 96ZM80.0001 52C80.0001 67.464 67.4641 80 52.0001 80C36.5361 80 24.0001 67.464 24.0001 52C24.0001 49.1303 24.4318 46.3615 25.2338 43.7548C27.4288 48.6165 32.3194 52 38.0001 52C45.7321 52 52.0001 45.732 52.0001 38C52.0001 32.3192 48.6166 27.4287 43.755 25.2337C46.3616 24.4317 49.1304 24 52.0001 24C67.4641 24 80.0001 36.536 80.0001 52Z" fill="url(#paint0_linear)"/>
+<path opacity="0.2" fill-rule="evenodd" clip-rule="evenodd" d="M80.0002 52C80.0002 67.464 67.4642 80 52.0002 80C36.864 80 24.5329 67.9897 24.017 52.9791C24.0057 53.318 24 53.6583 24 54C24 70.5685 37.4315 84 54 84C70.5685 84 84 70.5685 84 54C84 37.4315 70.5685 24 54 24C53.6597 24 53.3207 24.0057 52.9831 24.0169C67.9919 24.5347 80.0002 36.865 80.0002 52Z" fill="#131928"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M48 12C28.1177 12 12 28.1177 12 48C12 50.2091 10.2091 52 8 52C5.79086 52 4 50.2091 4 48C4 23.6995 23.6995 4 48 4C50.2091 4 52 5.79086 52 8C52 10.2091 50.2091 12 48 12Z" fill="url(#paint1_linear)"/>
+<path d="M143.82 68.5C140.086 68.5 136.711 67.6593 133.695 65.978C130.679 64.2487 128.309 61.8468 126.585 58.7724C124.862 55.65 124 52.0472 124 47.964C124 43.9288 124.886 40.35 126.657 37.2276C128.428 34.1052 130.846 31.7033 133.91 30.022C136.974 28.3407 140.397 27.5 144.179 27.5C147.961 27.5 151.384 28.3407 154.448 30.022C157.512 31.7033 159.93 34.1052 161.701 37.2276C163.473 40.35 164.358 43.9288 164.358 47.964C164.358 51.9991 163.449 55.5779 161.629 58.7004C159.81 61.8228 157.321 64.2487 154.161 65.978C151.049 67.6593 147.602 68.5 143.82 68.5ZM143.82 61.3664C145.927 61.3664 147.889 60.862 149.709 59.8533C151.576 58.8445 153.084 57.3313 154.233 55.3137C155.382 53.2961 155.956 50.8462 155.956 47.964C155.956 45.0817 155.406 42.6558 154.305 40.6863C153.204 38.6687 151.743 37.1555 149.924 36.1467C148.105 35.138 146.142 34.6336 144.036 34.6336C141.929 34.6336 139.966 35.138 138.147 36.1467C136.376 37.1555 134.963 38.6687 133.91 40.6863C132.857 42.6558 132.33 45.0817 132.33 47.964C132.33 52.2393 133.407 55.5539 135.562 57.9077C137.764 60.2135 140.517 61.3664 143.82 61.3664Z" fill="white"/>
+<path d="M187.029 60.5018L198.232 28.1485H206.921L191.84 67.8515H182.074L167.065 28.1485H175.826L187.029 60.5018Z" fill="white"/>
+<path d="M248.656 47.0272C248.656 48.5164 248.56 49.8615 248.369 51.0624H218.136C218.375 54.2329 219.548 56.7789 221.655 58.7004C223.761 60.6219 226.346 61.5826 229.41 61.5826C233.815 61.5826 236.927 59.7332 238.746 56.0343H247.579C246.382 59.6851 244.204 62.6875 241.044 65.0413C237.932 67.3471 234.054 68.5 229.41 68.5C225.628 68.5 222.229 67.6593 219.213 65.978C216.245 64.2487 213.899 61.8468 212.175 58.7724C210.5 55.65 209.662 52.0472 209.662 47.964C209.662 43.8808 210.476 40.302 212.104 37.2276C213.779 34.1052 216.101 31.7033 219.069 30.022C222.086 28.3407 225.533 27.5 229.41 27.5C233.145 27.5 236.472 28.3166 239.392 29.9499C242.313 31.5832 244.587 33.889 246.214 36.8673C247.842 39.7976 248.656 43.1842 248.656 47.0272ZM240.11 44.4332C240.062 41.4069 238.985 38.981 236.879 37.1555C234.772 35.3301 232.163 34.4174 229.051 34.4174C226.227 34.4174 223.809 35.3301 221.798 37.1555C219.788 38.9329 218.591 41.3588 218.208 44.4332H240.11Z" fill="white"/>
+<path d="M264.899 33.913C266.096 31.8954 267.676 30.3342 269.639 29.2293C271.649 28.0764 274.019 27.5 276.748 27.5V36.0026H274.665C271.458 36.0026 269.016 36.8193 267.341 38.4525C265.713 40.0858 264.899 42.92 264.899 46.9552V67.8515H256.712V28.1485H264.899V33.913Z" fill="white"/>
+<path d="M297.199 68.5C294.087 68.5 291.287 67.9476 288.797 66.8427C286.356 65.6898 284.417 64.1526 282.98 62.2311C281.544 60.2616 280.778 58.0759 280.682 55.674H289.156C289.3 57.3553 290.09 58.7724 291.526 59.9253C293.01 61.0302 294.853 61.5826 297.056 61.5826C299.354 61.5826 301.125 61.1503 302.37 60.2856C303.662 59.3729 304.309 58.22 304.309 56.8269C304.309 55.3377 303.59 54.2329 302.154 53.5123C300.766 52.7917 298.54 51.9991 295.476 51.1344C292.507 50.3178 290.09 49.5252 288.223 48.7566C286.356 47.988 284.728 46.8111 283.339 45.2258C281.999 43.6406 281.329 41.551 281.329 38.9569C281.329 36.8433 281.951 34.9218 283.196 33.1924C284.441 31.4151 286.212 30.022 288.51 29.0132C290.856 28.0044 293.537 27.5 296.553 27.5C301.053 27.5 304.668 28.6529 307.396 30.9587C310.173 33.2165 311.657 36.3149 311.849 40.254H303.662C303.519 38.4766 302.8 37.0595 301.508 36.0026C300.215 34.9458 298.468 34.4174 296.266 34.4174C294.111 34.4174 292.46 34.8257 291.311 35.6424C290.162 36.459 289.587 37.5398 289.587 38.8849C289.587 39.9417 289.97 40.8304 290.736 41.551C291.502 42.2715 292.436 42.848 293.537 43.2803C294.638 43.6646 296.266 44.169 298.42 44.7935C301.292 45.5621 303.638 46.3547 305.458 47.1714C307.325 47.94 308.928 49.0929 310.269 50.6301C311.609 52.1673 312.304 54.2088 312.351 56.7548C312.351 59.0126 311.729 61.0302 310.484 62.8076C309.24 64.5849 307.468 65.978 305.17 66.9868C302.92 67.9956 300.263 68.5 297.199 68.5Z" fill="white"/>
+<path d="M356.744 47.0272C356.744 48.5164 356.648 49.8615 356.457 51.0624H326.224C326.463 54.2329 327.636 56.7789 329.743 58.7004C331.849 60.6219 334.435 61.5826 337.499 61.5826C341.903 61.5826 345.015 59.7332 346.834 56.0343H355.667C354.47 59.6851 352.292 62.6875 349.132 65.0413C346.02 67.3471 342.142 68.5 337.499 68.5C333.716 68.5 330.317 67.6593 327.301 65.978C324.333 64.2487 321.987 61.8468 320.264 58.7724C318.588 55.65 317.75 52.0472 317.75 47.964C317.75 43.8808 318.564 40.302 320.192 37.2276C321.867 34.1052 324.189 31.7033 327.158 30.022C330.174 28.3407 333.621 27.5 337.499 27.5C341.233 27.5 344.56 28.3166 347.48 29.9499C350.401 31.5832 352.675 33.889 354.303 36.8673C355.93 39.7976 356.744 43.1842 356.744 47.0272ZM348.199 44.4332C348.151 41.4069 347.073 38.981 344.967 37.1555C342.86 35.3301 340.251 34.4174 337.139 34.4174C334.315 34.4174 331.897 35.3301 329.886 37.1555C327.876 38.9329 326.679 41.3588 326.296 44.4332H348.199Z" fill="white"/>
+<path d="M401.066 47.0272C401.066 48.5164 400.97 49.8615 400.778 51.0624H370.545C370.785 54.2329 371.958 56.7789 374.064 58.7004C376.171 60.6219 378.756 61.5826 381.82 61.5826C386.224 61.5826 389.336 59.7332 391.156 56.0343H399.988C398.792 59.6851 396.613 62.6875 393.453 65.0413C390.342 67.3471 386.464 68.5 381.82 68.5C378.038 68.5 374.639 67.6593 371.623 65.978C368.654 64.2487 366.309 61.8468 364.585 58.7724C362.909 55.65 362.072 52.0472 362.072 47.964C362.072 43.8808 362.886 40.302 364.513 37.2276C366.189 34.1052 368.511 31.7033 371.479 30.022C374.495 28.3407 377.942 27.5 381.82 27.5C385.554 27.5 388.881 28.3166 391.802 29.9499C394.722 31.5832 396.996 33.889 398.624 36.8673C400.252 39.7976 401.066 43.1842 401.066 47.0272ZM392.52 44.4332C392.472 41.4069 391.395 38.981 389.288 37.1555C387.182 35.3301 384.573 34.4174 381.461 34.4174C378.636 34.4174 376.219 35.3301 374.208 37.1555C372.197 38.9329 371 41.3588 370.617 44.4332H392.52Z" fill="white"/>
+<path d="M417.309 33.913C418.505 31.8954 420.085 30.3342 422.048 29.2293C424.059 28.0764 426.429 27.5 429.157 27.5V36.0026H427.075C423.867 36.0026 421.426 36.8193 419.75 38.4525C418.122 40.0858 417.309 42.92 417.309 46.9552V67.8515H409.122V28.1485H417.309V33.913Z" fill="white"/>
+<path d="M444.151 33.913C445.348 31.8954 446.928 30.3342 448.891 29.2293C450.901 28.0764 453.271 27.5 456 27.5V36.0026H453.917C450.71 36.0026 448.268 36.8193 446.593 38.4525C444.965 40.0858 444.151 42.92 444.151 46.9552V67.8515H435.964V28.1485H444.151V33.913Z" fill="white"/>
+<defs>
+<linearGradient id="paint0_linear" x1="48" y1="-2.07126e-06" x2="117.5" y2="69.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#C395FC"/>
+<stop offset="1" stop-color="#4F65F5"/>
+</linearGradient>
+<linearGradient id="paint1_linear" x1="28" y1="8" x2="28" y2="48" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.4"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>

public/logo_stacked.svg

@@ -0,0 +1,25 @@
+<svg width="332" height="165" viewBox="0 0 332 165" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="170" cy="52" r="28" fill="#131928"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M166 96C192.51 96 214 74.5097 214 48C214 21.4903 192.51 0 166 0C139.49 0 118 21.4903 118 48C118 74.5097 139.49 96 166 96ZM198 52C198 67.464 185.464 80 170 80C154.536 80 142 67.464 142 52C142 49.1303 142.432 46.3615 143.234 43.7548C145.429 48.6165 150.319 52 156 52C163.732 52 170 45.732 170 38C170 32.3192 166.617 27.4287 161.755 25.2337C164.362 24.4317 167.13 24 170 24C185.464 24 198 36.536 198 52Z" fill="url(#paint0_linear)"/>
+<path opacity="0.2" fill-rule="evenodd" clip-rule="evenodd" d="M198 52C198 67.464 185.464 80 170 80C154.864 80 142.533 67.9897 142.017 52.9791C142.006 53.318 142 53.6584 142 54C142 70.5686 155.431 84 172 84C188.569 84 202 70.5686 202 54C202 37.4315 188.569 24 172 24C171.66 24 171.321 24.0057 170.983 24.0169C185.992 24.5347 198 36.865 198 52Z" fill="#131928"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M166 12C146.118 12 130 28.1177 130 48C130 50.2091 128.209 52 126 52C123.791 52 122 50.2091 122 48C122 23.6995 141.699 4 166 4C168.209 4 170 5.79086 170 8C170 10.2091 168.209 12 166 12Z" fill="url(#paint1_linear)"/>
+<path d="M19.8201 165C16.0859 165 12.7107 164.159 9.69461 162.478C6.67851 160.749 4.30872 158.347 2.58523 155.272C0.861743 152.15 0 148.547 0 144.464C0 140.429 0.88568 136.85 2.65704 133.728C4.4284 130.605 6.84607 128.203 9.91005 126.522C12.974 124.841 16.3971 124 20.1792 124C23.9612 124 27.3843 124.841 30.4483 126.522C33.5122 128.203 35.9299 130.605 37.7013 133.728C39.4726 136.85 40.3583 140.429 40.3583 144.464C40.3583 148.499 39.4487 152.078 37.6295 155.2C35.8102 158.323 33.3207 160.749 30.161 162.478C27.0492 164.159 23.6022 165 19.8201 165ZM19.8201 157.866C21.9266 157.866 23.8894 157.362 25.7087 156.353C27.5758 155.344 29.0838 153.831 30.2328 151.814C31.3818 149.796 31.9563 147.346 31.9563 144.464C31.9563 141.582 31.4057 139.156 30.3046 137.186C29.2035 135.169 27.7433 133.656 25.9241 132.647C24.1049 131.638 22.142 131.134 20.0355 131.134C17.929 131.134 15.9662 131.638 14.147 132.647C12.3756 133.656 10.9633 135.169 9.91005 137.186C8.8568 139.156 8.33018 141.582 8.33018 144.464C8.33018 148.739 9.40736 152.054 11.5617 154.408C13.764 156.714 16.5167 157.866 19.8201 157.866Z" fill="white"/>
+<path d="M63.029 157.002L74.2317 124.649H82.9209L67.8404 164.351H58.074L43.0653 124.649H51.8263L63.029 157.002Z" fill="white"/>
+<path d="M124.656 143.527C124.656 145.016 124.56 146.361 124.369 147.562H94.1359C94.3753 150.733 95.5482 153.279 97.6547 155.2C99.7612 157.122 102.346 158.083 105.41 158.083C109.815 158.083 112.927 156.233 114.746 152.534H123.579C122.382 156.185 120.204 159.187 117.044 161.541C113.932 163.847 110.054 165 105.41 165C101.628 165 98.2292 164.159 95.2131 162.478C92.2448 160.749 89.899 158.347 88.1755 155.272C86.4999 152.15 85.6621 148.547 85.6621 144.464C85.6621 140.381 86.476 136.802 88.1037 133.728C89.7793 130.605 92.1012 128.203 95.0695 126.522C98.0855 124.841 101.533 124 105.41 124C109.145 124 112.472 124.817 115.392 126.45C118.313 128.083 120.587 130.389 122.214 133.367C123.842 136.298 124.656 139.684 124.656 143.527ZM116.11 140.933C116.062 137.907 114.985 135.481 112.879 133.656C110.772 131.83 108.163 130.917 105.051 130.917C102.227 130.917 99.809 131.83 97.7983 133.656C95.7876 135.433 94.5907 137.859 94.2077 140.933H116.11Z" fill="white"/>
+<path d="M140.899 130.413C142.096 128.395 143.676 126.834 145.639 125.729C147.649 124.576 150.019 124 152.748 124V132.503H150.665C147.458 132.503 145.016 133.319 143.341 134.953C141.713 136.586 140.899 139.42 140.899 143.455V164.351H132.712V124.649H140.899V130.413Z" fill="white"/>
+<path d="M173.199 165C170.087 165 167.287 164.448 164.797 163.343C162.356 162.19 160.417 160.653 158.98 158.731C157.544 156.762 156.778 154.576 156.682 152.174H165.156C165.3 153.855 166.09 155.272 167.526 156.425C169.01 157.53 170.853 158.083 173.056 158.083C175.354 158.083 177.125 157.65 178.37 156.786C179.662 155.873 180.309 154.72 180.309 153.327C180.309 151.838 179.59 150.733 178.154 150.012C176.766 149.292 174.54 148.499 171.476 147.634C168.507 146.818 166.09 146.025 164.223 145.257C162.356 144.488 160.728 143.311 159.339 141.726C157.999 140.141 157.329 138.051 157.329 135.457C157.329 133.343 157.951 131.422 159.196 129.692C160.441 127.915 162.212 126.522 164.51 125.513C166.856 124.504 169.537 124 172.553 124C177.053 124 180.668 125.153 183.396 127.459C186.173 129.716 187.657 132.815 187.849 136.754H179.662C179.519 134.977 178.8 133.559 177.508 132.503C176.215 131.446 174.468 130.917 172.266 130.917C170.111 130.917 168.46 131.326 167.311 132.142C166.162 132.959 165.587 134.04 165.587 135.385C165.587 136.442 165.97 137.33 166.736 138.051C167.502 138.772 168.436 139.348 169.537 139.78C170.638 140.165 172.266 140.669 174.42 141.293C177.292 142.062 179.638 142.855 181.458 143.671C183.325 144.44 184.928 145.593 186.269 147.13C187.609 148.667 188.304 150.709 188.351 153.255C188.351 155.513 187.729 157.53 186.484 159.308C185.24 161.085 183.468 162.478 181.17 163.487C178.92 164.496 176.263 165 173.199 165Z" fill="white"/>
+<path d="M232.744 143.527C232.744 145.016 232.648 146.361 232.457 147.562H202.224C202.463 150.733 203.636 153.279 205.743 155.2C207.849 157.122 210.435 158.083 213.499 158.083C217.903 158.083 221.015 156.233 222.834 152.534H231.667C230.47 156.185 228.292 159.187 225.132 161.541C222.02 163.847 218.142 165 213.499 165C209.716 165 206.317 164.159 203.301 162.478C200.333 160.749 197.987 158.347 196.264 155.272C194.588 152.15 193.75 148.547 193.75 144.464C193.75 140.381 194.564 136.802 196.192 133.728C197.867 130.605 200.189 128.203 203.158 126.522C206.174 124.841 209.621 124 213.499 124C217.233 124 220.56 124.817 223.48 126.45C226.401 128.083 228.675 130.389 230.303 133.367C231.93 136.298 232.744 139.684 232.744 143.527ZM224.199 140.933C224.151 137.907 223.073 135.481 220.967 133.656C218.86 131.83 216.251 130.917 213.139 130.917C210.315 130.917 207.897 131.83 205.886 133.656C203.876 135.433 202.679 137.859 202.296 140.933H224.199Z" fill="white"/>
+<path d="M277.066 143.527C277.066 145.016 276.97 146.361 276.778 147.562H246.545C246.785 150.733 247.958 153.279 250.064 155.2C252.171 157.122 254.756 158.083 257.82 158.083C262.224 158.083 265.336 156.233 267.156 152.534H275.988C274.792 156.185 272.613 159.187 269.453 161.541C266.342 163.847 262.464 165 257.82 165C254.038 165 250.639 164.159 247.623 162.478C244.654 160.749 242.309 158.347 240.585 155.272C238.909 152.15 238.072 148.547 238.072 144.464C238.072 140.381 238.886 136.802 240.513 133.728C242.189 130.605 244.511 128.203 247.479 126.522C250.495 124.841 253.942 124 257.82 124C261.554 124 264.881 124.817 267.802 126.45C270.722 128.083 272.996 130.389 274.624 133.367C276.252 136.298 277.066 139.684 277.066 143.527ZM268.52 140.933C268.472 137.907 267.395 135.481 265.288 133.656C263.182 131.83 260.573 130.917 257.461 130.917C254.636 130.917 252.219 131.83 250.208 133.656C248.197 135.433 247 137.859 246.617 140.933H268.52Z" fill="white"/>
+<path d="M293.309 130.413C294.505 128.395 296.085 126.834 298.048 125.729C300.059 124.576 302.429 124 305.157 124V132.503H303.075C299.867 132.503 297.426 133.319 295.75 134.953C294.122 136.586 293.309 139.42 293.309 143.455V164.351H285.122V124.649H293.309V130.413Z" fill="white"/>
+<path d="M320.151 130.413C321.348 128.395 322.928 126.834 324.891 125.729C326.901 124.576 329.271 124 332 124V132.503H329.917C326.71 132.503 324.268 133.319 322.593 134.953C320.965 136.586 320.151 139.42 320.151 143.455V164.351H311.964V124.649H320.151V130.413Z" fill="white"/>
+<defs>
+<linearGradient id="paint0_linear" x1="166" y1="-2.07126e-06" x2="235.5" y2="69.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#C395FC"/>
+<stop offset="1" stop-color="#4F65F5"/>
+</linearGradient>
+<linearGradient id="paint1_linear" x1="146" y1="8" x2="146" y2="48" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.4"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>

public/os_icon.svg

@@ -0,0 +1,15 @@
+<svg width="96" height="96" viewBox="0 0 96 96" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M48 96C74.5097 96 96 74.5097 96 48C96 21.4903 74.5097 0 48 0C21.4903 0 0 21.4903 0 48C0 74.5097 21.4903 96 48 96ZM80.0001 52C80.0001 67.464 67.4641 80 52.0001 80C36.5361 80 24.0001 67.464 24.0001 52C24.0001 49.1303 24.4318 46.3615 25.2338 43.7548C27.4288 48.6165 32.3194 52 38.0001 52C45.7321 52 52.0001 45.732 52.0001 38C52.0001 32.3192 48.6166 27.4287 43.755 25.2337C46.3616 24.4317 49.1304 24 52.0001 24C67.4641 24 80.0001 36.536 80.0001 52Z" fill="url(#paint0_linear)"/>
+<path opacity="0.2" fill-rule="evenodd" clip-rule="evenodd" d="M80.0002 52C80.0002 67.464 67.4642 80 52.0002 80C36.864 80 24.5329 67.9897 24.017 52.9791C24.0057 53.318 24 53.6583 24 54C24 70.5685 37.4315 84 54 84C70.5685 84 84 70.5685 84 54C84 37.4315 70.5685 24 54 24C53.6597 24 53.3207 24.0057 52.9831 24.0169C67.9919 24.5347 80.0002 36.865 80.0002 52Z" fill="#131928"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M48 12C28.1177 12 12 28.1177 12 48C12 50.2091 10.2091 52 8 52C5.79086 52 4 50.2091 4 48C4 23.6995 23.6995 4 48 4C50.2091 4 52 5.79086 52 8C52 10.2091 50.2091 12 48 12Z" fill="url(#paint1_linear)"/>
+<defs>
+<linearGradient id="paint0_linear" x1="48" y1="-2.07126e-06" x2="117.5" y2="69.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#C395FC"/>
+<stop offset="1" stop-color="#4F65F5"/>
+</linearGradient>
+<linearGradient id="paint1_linear" x1="28" y1="8" x2="28" y2="48" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.4"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>

src/components/Layout/Sidebar/index.tsx

@@ -122,7 +122,7 @@ const Sidebar: React.FC<SidebarProps> = ({ open, setClosed }) => {
                     <div className="flex items-center flex-shrink-0 px-4">
                       <span className="text-xl text-gray-50">
                         <a href="/">
-                          <img src="/logo.png" alt="Logo" />
+                          <img src="/logo_full.svg" alt="Logo" />
                         </a>
                       </span>
                     </div>
@@ -187,7 +187,7 @@ const Sidebar: React.FC<SidebarProps> = ({ open, setClosed }) => {
               <div className="flex items-center flex-shrink-0 px-4">
                 <span className="text-2xl text-gray-50">
                   <a href="/">
-                    <img src="/logo.png" alt="Logo" />
+                    <img src="/logo_full.svg" alt="Logo" />
                   </a>
                 </span>
               </div>

src/components/Layout/index.tsx

@@ -1,27 +1,20 @@
 import { MenuAlt2Icon } from '@heroicons/react/outline';
-import { ArrowLeftIcon, InformationCircleIcon } from '@heroicons/react/solid';
+import { ArrowLeftIcon } from '@heroicons/react/solid';
 import { useRouter } from 'next/router';
 import React, { useEffect, useState } from 'react';
-import { defineMessages, useIntl } from 'react-intl';
 import { AvailableLocale } from '../../context/LanguageContext';
 import useLocale from '../../hooks/useLocale';
 import useSettings from '../../hooks/useSettings';
-import { Permission, useUser } from '../../hooks/useUser';
+import { useUser } from '../../hooks/useUser';
 import SearchInput from './SearchInput';
 import Sidebar from './Sidebar';
 import UserDropdown from './UserDropdown';
 
-const messages = defineMessages({
-  betawarning:
-    'This is BETA software. Features may be broken and/or unstable. Please report any issues on GitHub!',
-});
-
 const Layout: React.FC = ({ children }) => {
   const [isSidebarOpen, setSidebarOpen] = useState(false);
   const [isScrolled, setIsScrolled] = useState(false);
-  const { user, hasPermission } = useUser();
+  const { user } = useUser();
   const router = useRouter();
-  const intl = useIntl();
   const { currentSettings } = useSettings();
   const { setLocale } = useLocale();
 
@@ -95,33 +88,7 @@ const Layout: React.FC = ({ children }) => {
 
         <main className="relative z-0 top-16 focus:outline-none" tabIndex={0}>
           <div className="mb-6">
-            <div className="px-4 mx-auto max-w-8xl">
+            <div className="px-4 mx-auto max-w-8xl">{children}</div>
-              {router.pathname === '/' && hasPermission(Permission.ADMIN) && (
-                <div className="p-4 mt-6 bg-indigo-700 rounded-md">
-                  <div className="flex">
-                    <div className="flex-shrink-0">
-                      <InformationCircleIcon className="w-5 h-5 text-white" />
-                    </div>
-                    <div className="flex-1 ml-3 md:flex md:justify-between">
-                      <p className="text-sm leading-5 text-white">
-                        {intl.formatMessage(messages.betawarning)}
-                      </p>
-                      <p className="mt-3 text-sm leading-5 md:mt-0 md:ml-6">
-                        <a
-                          href="http://github.com/sct/overseerr"
-                          className="font-medium text-indigo-100 transition duration-150 ease-in-out whitespace-nowrap hover:text-white"
-                          target="_blank"
-                          rel="noreferrer"
-                        >
-                          GitHub &rarr;
-                        </a>
-                      </p>
-                    </div>
-                  </div>
-                </div>
-              )}
-              {children}
-            </div>
           </div>
         </main>
       </div>

src/components/Login/index.tsx

@@ -77,8 +77,8 @@ const Login: React.FC = () => {
       <div className="absolute z-50 top-4 right-4">
         <LanguagePicker />
       </div>
-      <div className="relative z-40 px-4 sm:mx-auto sm:w-full sm:max-w-md">
+      <div className="relative z-40 flex flex-col items-center px-4 mt-10 sm:mx-auto sm:w-full sm:max-w-md">
-        <img src="/logo.png" className="max-w-full" alt="Logo" />
+        <img src="/logo_stacked.svg" className="max-w-full mb-10" alt="Logo" />
         <h2 className="mt-2 text-3xl font-extrabold leading-9 text-center text-gray-100">
           {intl.formatMessage(messages.signinheader)}
         </h2>

src/components/ResetPassword/RequestResetLink.tsx

@@ -48,7 +48,7 @@ const ResetPassword: React.FC = () => {
         <LanguagePicker />
       </div>
       <div className="relative z-40 px-4 sm:mx-auto sm:w-full sm:max-w-md">
-        <img src="/logo.png" className="max-w-full" alt="Logo" />
+        <img src="/logo_stacked.png" className="max-w-full mb-10" alt="Logo" />
         <h2 className="mt-2 text-3xl font-extrabold leading-9 text-center text-gray-100">
           {intl.formatMessage(messages.resetpassword)}
         </h2>

src/components/ResetPassword/index.tsx

@@ -62,7 +62,7 @@ const ResetPassword: React.FC = () => {
         <LanguagePicker />
       </div>
       <div className="relative z-40 px-4 sm:mx-auto sm:w-full sm:max-w-md">
-        <img src="/logo.png" className="max-w-full" alt="Logo" />
+        <img src="/logo_stacked.svg" className="max-w-full mb-10" alt="Logo" />
         <h2 className="mt-2 text-3xl font-extrabold leading-9 text-center text-gray-100">
           {intl.formatMessage(messages.resetpassword)}
         </h2>

src/components/Settings/SettingsAbout/index.tsx

@@ -1,3 +1,4 @@
+import { InformationCircleIcon } from '@heroicons/react/solid';
 import React from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 import useSWR from 'swr';
@@ -28,6 +29,8 @@ const messages = defineMessages({
   preferredmethod: 'Preferred',
   outofdate: 'Out of Date',
   uptodate: 'Up to Date',
+  betawarning:
+    'This is BETA software. Features may be broken and/or unstable. Please report any issues on GitHub!',
 });
 
 const SettingsAbout: React.FC = () => {
@@ -54,6 +57,28 @@ const SettingsAbout: React.FC = () => {
           intl.formatMessage(globalMessages.settings),
         ]}
       />
+      <div className="p-4 mt-6 bg-indigo-700 rounded-md">
+        <div className="flex">
+          <div className="flex-shrink-0">
+            <InformationCircleIcon className="w-5 h-5 text-white" />
+          </div>
+          <div className="flex-1 ml-3 md:flex md:justify-between">
+            <p className="text-sm leading-5 text-white">
+              {intl.formatMessage(messages.betawarning)}
+            </p>
+            <p className="mt-3 text-sm leading-5 md:mt-0 md:ml-6">
+              <a
+                href="http://github.com/sct/overseerr"
+                className="font-medium text-indigo-100 transition duration-150 ease-in-out whitespace-nowrap hover:text-white"
+                target="_blank"
+                rel="noreferrer"
+              >
+                GitHub &rarr;
+              </a>
+            </p>
+          </div>
+        </div>
+      </div>
       <div className="section">
         <List title={intl.formatMessage(messages.overseerrinformation)}>
           <List.Item

src/components/Setup/index.tsx

@@ -69,8 +69,8 @@ const Setup: React.FC = () => {
       </div>
       <div className="relative z-40 px-4 sm:mx-auto sm:w-full sm:max-w-4xl">
         <img
-          src="/logo.png"
+          src="/logo_stacked.svg"
-          className="max-w-full sm:max-w-md sm:mx-auto"
+          className="max-w-full mb-10 sm:max-w-md sm:mx-auto"
           alt="Logo"
         />
         <AppDataWarning />

src/i18n/locale/en.json

@@ -47,7 +47,6 @@
   "components.Layout.VersionStatus.outofdate": "Out of Date",
   "components.Layout.VersionStatus.streamdevelop": "Overseerr Develop",
   "components.Layout.VersionStatus.streamstable": "Overseerr Stable",
-  "components.Layout.betawarning": "This is BETA software. Features may be broken and/or unstable. Please report any issues on GitHub!",
   "components.Login.email": "Email Address",
   "components.Login.forgotpassword": "Forgot Password?",
   "components.Login.loginerror": "Something went wrong while trying to sign in.",
@@ -433,6 +432,7 @@
   "components.Settings.SettingsAbout.Releases.viewchangelog": "View Changelog",
   "components.Settings.SettingsAbout.Releases.viewongithub": "View on GitHub",
   "components.Settings.SettingsAbout.about": "About",
+  "components.Settings.SettingsAbout.betawarning": "This is BETA software. Features may be broken and/or unstable. Please report any issues on GitHub!",
   "components.Settings.SettingsAbout.documentation": "Documentation",
   "components.Settings.SettingsAbout.gettingsupport": "Getting Support",
   "components.Settings.SettingsAbout.githubdiscussions": "GitHub Discussions",

src/styles/globals.css

@@ -106,7 +106,7 @@ a.slider-title svg {
 }
 
 .media-title > h1 {
-  @apply text-2xl xl:text-4xl;
+  @apply text-2xl font-bold xl:text-4xl;
 }
 
 h1 > .media-year {