tgui-core 4.1.3 → 4.2.0

package/styles/assets/bg-spookycomp.svg

@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="210mm" height="297mm" version="1.1" viewBox="0 0 210 297" xmlns="http://www.w3.org/2000/svg">
+<rect x="102.1" y="79.604" width="3" height="137.14" stroke-width=".17826"/>
+<rect transform="matrix(0,1,1,0,0,0)" x="145.1" y="36.723" width="3" height="137.14" stroke-width=".17826"/>
+<path d="m36.723 145.1 4.9871 0.2239c0.30012-6.6849 1.7306-14.58 5.2775-22.817 2.8675-6.6596 7.1149-13.497 13.017-19.548 5.2243-5.3567 11.731-10.068 19.308-13.542 6.9718-3.1969 14.784-5.3084 22.979-5.8116 8.2426-0.499 16.809 0.64902 25.065 3.4959 7.9421 2.7388 15.518 7.0282 22.012 12.78 6.3468 5.6217 11.614 12.604 15.422 20.433 3.7633 7.7375 6.0661 16.234 6.5803 24.897 0.52517 8.9109-0.85173 17.919-3.8878 26.342-3.0703 8.5177-7.8096 16.362-13.904 22.894-6.2385 6.6857-13.828 11.928-22.008 15.531-8.4985 3.7443-17.556 5.6912-26.462 5.7793-9.3669 0.0931-18.472-1.8674-26.616-5.2539-8.8536-3.6817-16.507-9.002-22.592-15.251-6.8742-7.0598-11.653-15.181-14.685-23.089-3.7383-9.749-4.8358-19.176-4.4914-27.063-0.34416 7.8805 0.65162 17.269 4.2815 27.142 2.9296 7.968 7.5898 16.226 14.39 23.492 6.0219 6.435 13.659 12.004 22.585 15.961 8.2076 3.6388 17.462 5.884 27.122 6.0328 9.177 0.14093 18.593-1.6199 27.52-5.2724 8.5873-3.5135 16.681-8.7694 23.44-15.625 6.6102-6.7047 11.853-14.849 15.363-23.793 3.4686-8.8391 5.228-18.424 4.9322-28.049-0.28403-9.3594-2.5015-18.614-6.3408-27.122-3.8829-8.6048-9.4086-16.414-16.239-22.818-6.9857-6.5498-15.228-11.532-23.944-14.808-9.0571-3.4042-18.593-4.9624-27.915-4.6415-9.2644 0.31173-18.145 2.4576-26.119 5.872-8.6657 3.7104-16.218 8.8906-22.366 14.926-6.9426 6.816-11.969 14.579-15.378 22.176-4.2032 9.3684-5.9692 18.513-6.3189 26.302l4.9871 0.2239z"/>
+<path transform="matrix(.26458 0 0 .26458 11.642 16.404)" d="m352.84 484.76c1.8055 0.0115 0.37587 3.562-0.0259 4.067-4.6043 5.7862-13.304 0.50913-16.242-4.1706-8.8518-14.102 3.276-30.985 16.501-36.499 27.929-11.644 56.686 10.83 64.838 37.017 14.355 46.111-22.141 90.457-65.719 101.26-68.684 17.025-132.32-37.205-145.76-102.61-19.665-95.665 56.022-182.28 147.68-198.35 127.06-22.277 240.34 78.592 259.02 200.94" fill="none" stroke="#000"/>
+<path transform="matrix(.26458 0 0 .26458 11.642 16.404)" d="m357.52 500.37c-1.8224-0.0181-0.36651-3.5969 0.0409-4.1051 4.6685-5.8238 13.431-0.46577 16.379 4.2685 8.884 14.266-3.4188 31.264-16.788 36.782-28.234 11.652-57.179-11.136-65.313-37.599-14.323-46.596 22.676-91.227 66.703-101.97 69.39-16.936 133.43 38.033 146.76 104.1 19.503 96.634-57.208 183.79-149.78 199.68-128.34 22.026-242.32-80.2-260.72-203.76" fill="none" stroke="#000"/>
+<path transform="matrix(.26458 0 0 .26458 11.642 16.404)" d="m341.12 498.99c5e-3 -1.8043 3.5584-0.38754 4.0644 0.0123 5.7977 4.5819 0.55327 13.294-4.1135 16.245-14.063 8.8931-30.976-3.1702-36.53-16.368-11.73-27.872 10.633-56.685 36.776-64.919 46.033-14.499 90.472 21.824 101.41 65.337 17.243 68.581-36.738 132.36-102.05 146.01-95.536 19.971-182.35-55.376-198.71-146.92-22.687-126.91 77.737-240.45 199.94-259.52" fill="none" stroke="#000"/>
+<path transform="matrix(.26458 0 0 .26458 11.642 16.404)" d="m352.84 484.76c3e-3 1.8897-3.725 0.42275-4.2568 6e-3 -6.0938-4.7713-0.64252-13.92 4.2312-17.033 14.686-9.3807 32.457 3.1733 38.337 16.969 12.417 29.135-10.867 59.418-38.208 68.166-48.142 15.404-94.857-22.427-106.52-67.948-18.385-71.745 37.849-138.79 106.19-153.4 99.962-21.37 191.24 57.132 208.81 152.93 24.362 132.8-80.275 252.19-208.17 272.75" fill="none" stroke="#000"/>
+<circle cx="18.87" cy="108.52" r=".081887" stroke="#000" stroke-width=".26458"/>
+<circle cx="18.87" cy="108.52" r=".081887" stroke="#000" stroke-width=".26458"/>
+<path d="m126.99 143.28c-3.2705-6.486-9.0726-11.209-15.586-12.686-1.0483-0.23781-2.5016-0.37755-3.9759-0.38226l-2.3236-7e-3v-7.9401l1.0843-0.30595c3.2822-0.92611 8.8086-1.1365 12.19-0.46404 6.3014 1.2532 11.702 4.2224 16.572 9.1114 3.0558 3.0677 4.9076 5.5604 6.7048 9.025 1.0376 2.0004 2.2783 4.8552 2.2783 5.2425 0 0.0542-3.6204 0.0985-8.0452 0.0985h-8.0452z" stroke-width=".20654"/>
+<path d="m105.1 194.23v-7.706l0.98105-0.35654c5.9009-2.1444 10.51-5.1332 14.766-9.5743 5.5302-5.7712 8.5582-12.58 8.952-20.129 0.10948-2.0988-0.0849-4.2908-0.66636-7.5128l-0.12112-0.67125h15.916l0.20854 0.98105c0.88261 4.1521 0.98738 10.157 0.25133 14.406-3.1837 18.378-18.549 33.668-37.964 37.777l-2.3236 0.49176z" stroke-width=".20654"/>
+<path d="m91.365 202.37c-21.746-2.0588-41.696-17.798-50.492-39.836-1.5069-3.7756-3.1731-9.5785-3.6174-12.599-0.07521-0.51118-0.18313-1.0935-0.23984-1.294-0.09709-0.34334 0.24856-0.36139 5.931-0.30981l6.0341 0.0548 0.46694 2.0654c3.2302 14.288 13.112 27.046 25.813 33.323 5.9324 2.9324 10.722 4.1295 17.24 4.309 3.5596 0.098 7.108-0.17264 9.036-0.68919l0.46472-0.1245v15.064l-1.7039 0.13265c-2.22 0.17281-6.5851 0.12556-8.9327-0.0967z" stroke-width=".20654"/>
+<path d="m66.173 142.75c-0.99716-6.221-0.47502-12.917 1.4639-18.772 4.7531-14.355 17.044-25.954 32.387-30.563 0.90038-0.27047 1.7136-0.49177 1.8072-0.49177 0.0936 0 0.17014 2.6372 0.17014 5.8604v5.8604l-1.8938 0.66131c-2.3698 0.82754-5.9609 2.6183-8.1232 4.0507-8.9192 5.9086-14.763 14.74-16.028 24.223-0.29576 2.216-0.11463 7.6637 0.31697 9.533 0.17049 0.73837 0.31324 1.4587 0.31723 1.6007 0.0056 0.19968-1.1334 0.25817-5.027 0.25817h-5.0342z" stroke-width=".20654"/>
+<path d="m94.876 172.01c-3.1939-0.38298-6.9512-1.5335-9.9477-3.0462-3.753-1.8945-8.5886-5.9197-11.332-9.4325-2.3422-2.9996-4.6223-7.0641-5.6684-10.105l-0.39617-1.1515h10.242l0.74375 1.4974c1.2911 2.5994 2.8423 4.7319 5.0913 6.9994 3.204 3.2303 6.2088 5.0717 10.279 6.2991 1.5978 0.48183 2.1899 0.54973 4.9632 0.56911l3.149 0.022 5.3e-4 4.0669c5.3e-4 2.2368-0.0799 4.1167-0.17847 4.1776-0.35926 0.22204-5.3387 0.29609-6.9464 0.10331z" stroke-width=".20654"/>
+<path d="m105.1 167.08v-4.1208l1.8068-0.8467c4.5027-2.11 7.8351-5.9295 8.9389-10.246 0.22401-0.87586 0.40729-2.0423 0.40729-2.5921v-0.99965h6.3948l0.13591 0.54154c0.0748 0.29784 0.0754 1.4028 1e-3 2.4554-0.50991 7.254-5.1587 13.975-12.347 17.851-1.445 0.77918-4.6558 2.0773-5.1379 2.0773-0.12306 0-0.2006-1.5927-0.2006-4.1208z" stroke-width=".20654"/>
+<path d="m114.94 143.84c-0.71206-1.3628-2.7702-3.3481-4.175-4.0274-1.3312-0.64368-3.659-0.80428-4.8354-0.33362l-0.82648 0.33069v-4.6926l1.2011-0.33703c1.513-0.42453 4.1263-0.43309 5.7171-0.0187 2.6024 0.67785 5.4666 2.6979 7.4121 5.2277 0.85072 1.1062 2.1764 3.5148 2.4893 4.5227l0.14427 0.46471-6.5337-0.00106z" stroke-width=".20654"/>
+<path d="m99.73 158.9c-3.8923-0.83899-7.7059-4.0052-9.6869-8.0425-1.3248-2.7-1.3444-2.5826 0.43045-2.5764l1.5113 5e-3 0.39963 0.87245c0.53417 1.1662 2.6578 3.2561 3.9376 3.8752 1.3345 0.64551 3.5919 0.79923 4.7333 0.32233 0.43472-0.18164 0.82552-0.33025 0.86844-0.33025 0.0429 0 0.0781 1.3941 0.0781 3.098 0 3.5644 0.20794 3.3104-2.2719 2.7758z" stroke-width=".20654"/>
+<path d="m105.1 153.44c0-4.2758 0.0495-5.1634 0.28771-5.1634 0.15824 0 0.3412 0.13941 0.40659 0.30981 0.0654 0.17039 0.22469 0.3098 0.354 0.3098s0.18162-0.13941 0.11623-0.3098c-0.10018-0.26108 0.17013-0.30981 1.7185-0.30981 1.7258 0 1.8626 0.0321 2.2537 0.52925 0.65745 0.83581 0.91404 1.8921 0.80118 3.2981-0.13393 1.6684-0.90549 3.0959-2.4425 4.5189-1.0477 0.96996-2.7248 1.9806-3.2866 1.9806-0.13513 0-0.20879-1.8217-0.20879-5.1634z" stroke-width=".20654"/>
+<path d="m100.76 144.3c-1.0546-1.7289-0.70644-4.4073 0.82551-6.351l0.40697-0.51634 5e-3 3.7693c4e-3 3.6423-9e-3 3.7693-0.41152 3.7693-0.24778 0-0.58175-0.27154-0.82555-0.67124z" stroke-width=".20654"/>
+<path d="m88.268 144.1c-0.15404-1.058 0.15835-3.9491 0.62217-5.7581 0.45044-1.7568 1.9328-4.8591 3.1307-6.5518 1.9587-2.7678 5.0262-5.5561 8.0189-7.289 2.1526-1.2464 1.9621-1.5111 1.9621 2.7261v3.7163l-0.56798 0.21496c-5.7477 2.1754-10.172 7.6184-10.172 12.514v1.305h-2.8662z" stroke-width=".20654"/>
+<path d="m160.25 143.79c-1.5156-7.6528-5.4626-16.1-10.479-22.427-1.7802-2.2454-5.695-6.1798-8.0069-8.0471-6.7528-5.454-14.625-8.9151-22.695-9.9781-3.7973-0.50016-10.136-0.29111-13.5 0.44523l-0.46471 0.10172v-11.727l2.7366-0.37746c3.939-0.54331 10.407-0.50378 14.303 0.08741 12.269 1.862 22.884 7.2005 32.282 16.234 4.9852 4.7925 10.202 11.803 12.037 16.178 2.3502 5.6007 4.2273 13.205 4.6536 18.851l0.13939 1.8464h-10.77z" stroke-width=".20654"/>
+<path d="m116.5 214.07c22.114-7.6446 39.082-26.215 43.609-47.725 1.0403-4.9427 1.457-11.913 0.99038-16.567l-0.15013-1.4974h10.446v1.641c0 4.2995-0.90775 10.86-2.1589 15.603-2.5966 9.8434-6.9935 18.465-13.326 26.129-2.1145 2.5592-6.7865 7.1312-9.4379 9.2358-8.3878 6.6579-18.374 11.29-29.058 13.479-2.9159 0.59739-3.2198 0.49833-0.91536-0.29832z" stroke-width=".20654"/>
+<path d="m41.899 143.96c0-0.55755 0.14526-2.1608 0.3228-3.5628 1.6865-13.318 7.232-25.507 16.199-35.607 2.0812-2.3441 5.9475-5.986 6.1451-5.7884 0.06484 0.06484-0.39056 0.65299-1.012 1.307-1.6391 1.725-4.2795 5.0989-5.8133 7.428-5.5664 8.4528-8.6764 17.417-9.4501 27.239-0.22383 2.8411-0.15133 7.2421 0.15193 9.2241l0.11851 0.77451h-6.662z" stroke-width=".20654"/>
+<path d="m102.13 243.44c11.25 0.25675 24.567-1.4766 38.437-6.9593 11.226-4.4375 22.734-11.321 32.793-21.227 8.9122-8.7765 16.488-19.781 21.709-32.494 4.8011-11.691 7.5808-24.795 7.3664-38.38-0.20039-12.693-3.0185-25.569-8.3627-37.666-5.1417-11.639-12.612-22.52-22.19-31.562-9.3588-8.8357-20.564-15.762-32.755-20.359-12.051-4.5447-25.036-6.8003-38.036-6.3663-12.39 0.41364-24.608 3.255-35.876 8.1388-11.399 4.9403-21.792 11.954-30.456 20.639-8.8663 8.8873-15.775 19.379-20.551 30.533-4.9633 11.592-7.6118 23.856-7.889 35.952-0.30375 13.254 2.2425 26.064 6.7367 37.552 4.8864 12.491 12.042 23.378 20.509 32.169 9.5565 9.9213 20.555 16.994 31.348 21.716 13.333 5.8337 26.239 8.0629 37.216 8.3134zm0.25414-11.135c-9.683-0.22099-21.139-2.19-33.005-7.3822-9.5865-4.1946-19.358-10.485-27.791-19.239-7.4625-7.7474-13.813-17.392-18.158-28.499-3.9976-10.219-6.2417-21.567-5.9742-33.239 0.24415-10.654 2.5802-21.518 6.9927-31.823 4.2466-9.9178 10.377-19.212 18.197-27.051 7.6421-7.6602 16.854-13.888 27-18.286 10.031-4.3475 20.875-6.8611 31.819-7.2264 11.477-0.38315 23.002 1.6088 33.734 5.656 10.856 4.094 20.787 10.246 29.039 18.036 8.4436 7.9718 15.074 17.61 19.648 27.964 4.7533 10.76 7.2378 22.166 7.4142 33.341 0.18884 11.962-2.2611 23.571-6.5328 33.973-4.6438 11.308-11.368 21.056-19.221 28.79-8.874 8.7388-19.101 14.863-29.072 18.804-12.348 4.8808-24.168 6.4088-34.089 6.1824z"/>
+<path d="m165.51 148.38h-4.9921c0 10.779 1.0463 31.429 2.1809 52.911-23.019-21.06-45.344-41.531-56.465-52.498 11.855 11.69 34.689 35.959 57.524 60.227l3.9329 4.1799 0.31577-5.9573c1.248-23.545 2.4961-47.09 2.4961-58.863h-4.9921z"/>
+<path d="m165.61 144.97h4.9921c0-12.124-1.248-36.371-2.4961-60.619l-0.30959-6.015-3.9515 4.25c-23.365 25.13-46.73 50.26-58.854 62.384 11.388-11.388 34.253-32.695 57.813-54.604-1.1369 22.164-2.1868 43.484-2.1868 54.604h4.9921z"/>
+<circle cx="40.97" cy="147.97" r=".39687"/>
+<path d="m43.242 148.17h-4.9921c0 11.958 1.248 35.875 2.4961 59.792l0.31398 6.017 3.9471-4.252c22.849-24.614 45.697-49.227 57.563-61.093-11.13 11.13-33.477 31.924-56.518 53.316 1.1353-21.834 2.1827-42.825 2.1827-53.781h-4.9921z"/>
+<path d="m44.501 145.29h4.9921c0-6.4534-0.6443-17.544-1.47-29.939-0.57071-9.0485-1.2281-18.756-1.8192-27.959 24.892 23.784 46.938 44.982 59.708 57.752-13.237-13.237-35.53-36.441-60.372-62.451l-2.2945-2.4027s-0.21492 3.4421-0.21492 3.4421c-0.64696 10.257-1.4053 21.361-2.0522 31.619-0.82566 12.395-1.47 23.486-1.47 29.939h4.9921z"/>
+</svg>

package/styles/assets/bg-syndicate.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.0" viewBox="0 0 200 289.742" opacity=".33">
+  <path d="m 93.537677,0 c -18.113125,0 -34.220133,3.11164 -48.323484,9.33437 -13.965092,6.22167 -24.612442,15.07114 -31.940651,26.5471 -7.1899398,11.33789 -10.3012266,24.74911 -10.3012266,40.23478 0,10.64662 2.7250026,20.46465 8.1751116,29.45258 5.615277,8.98686 14.038277,17.35204 25.268821,25.09436 11.230544,7.60531 26.507421,15.41835 45.830514,23.43782 19.983748,8.29557 34.848848,15.55471 44.592998,21.77638 9.74414,6.22273 16.7617,12.8585 21.05572,19.90951 4.29404,7.05208 6.44193,15.76408 6.44193,26.13459 0,16.17702 -5.20196,28.48222 -15.60673,36.91682 -10.2396,8.4347 -25.02203,12.6523 -44.345169,12.6523 -14.038171,0 -25.515247,-1.6594 -34.433618,-4.9777 -8.91837,-3.4566 -16.185572,-8.7113 -21.800839,-15.7633 -5.615277,-7.0521 -10.074795,-16.66088 -13.377899,-28.82812 l -24.7731626293945,0 0,56.82632 C 33.856769,286.07601 63.74904,289.74201 89.678383,289.74201 c 16.020027,0 30.719787,-1.3827 44.097337,-4.1479 13.54272,-2.9043 25.1041,-7.4676 34.68309,-13.6893 9.74413,-6.3597 17.34042,-14.5195 22.79052,-24.4748 5.4501,-10.09332 8.17511,-22.39959 8.17511,-36.91682 0,-12.99764 -3.3021,-24.33539 -9.90829,-34.0146 -6.44105,-9.81725 -15.52545,-18.52707 -27.25146,-26.13133 -11.56085,-7.60427 -27.91083,-15.83142 -49.05066,-24.68022 -17.50644,-7.19012 -30.719668,-13.68948 -39.638038,-19.49701 -8.918371,-5.80752 -18.607474,-12.43409 -24.096524,-18.87417 -5.426043,-6.36616 -9.658826,-15.07003 -9.658826,-24.88729 0,-9.26401 2.075414,-17.21345 6.223454,-23.85033 11.098298,-14.39748 41.286638,-1.79507 45.075609,24.34762 4.839392,6.77491 8.84935,16.24729 12.029515,28.4156 l 20.53234,0 0,-55.99967 c -4.47825,-5.92448 -9.95488,-10.63222 -15.90837,-14.37411 1.64055,0.47905 3.19039,1.02376 4.63865,1.64024 6.49861,2.62607 12.16793,7.32747 17.0073,14.10345 4.83939,6.77491 8.84935,16.24567 12.02952,28.41397 0,0 8.48128,-0.12894 8.48978,-0.002 0.41776,6.41494 -1.75339,9.45286 -4.12342,12.56104 -2.4174,3.16978 -5.14486,6.78973 -4.00278,13.0029 1.50786,8.20318 10.18354,10.59642 14.62194,9.31154 -3.31842,-0.49911 -5.31855,-1.74948 -5.31855,-1.74948 0,0 1.87646,0.99868 5.65117,-1.35981 -3.27695,0.95571 -10.70529,-0.79738 -11.80125,-6.76313 -0.95752,-5.20861 0.94654,-7.29514 3.40113,-10.51482 2.45462,-3.21968 5.28426,-6.95831 4.6843,-14.48824 l 0.003,0.002 8.92676,0 0,-55.99967 c -15.07125,-3.87168 -27.65314,-6.36042 -37.74671,-7.46586 -9.95531,-1.10755 -20.18823,-1.65981 -30.696613,-1.65981 z m 70.321603,17.30893 0.23805,40.3049 c 1.31808,1.22666 2.43965,2.27815 3.34081,3.10602 4.83939,6.77491 8.84934,16.24566 12.02951,28.41397 l 20.53234,0 0,-55.99967 c -6.67731,-4.59381 -19.83643,-10.47309 -36.14071,-15.82522 z m -28.12049,5.60551 8.56479,17.71655 c -11.97037,-6.46697 -13.84678,-9.71726 -8.56479,-17.71655 z m 22.79705,0 c 2.7715,7.99929 1.78741,11.24958 -4.49354,17.71655 l 4.49354,-17.71655 z m 15.22195,24.00848 8.56479,17.71655 c -11.97038,-6.46697 -13.84679,-9.71726 -8.56479,-17.71655 z m 22.79704,0 c 2.7715,7.99929 1.78741,11.24958 -4.49354,17.71655 l 4.49354,-17.71655 z m -99.11384,2.20764 8.56479,17.71655 c -11.970382,-6.46697 -13.846782,-9.71726 -8.56479,-17.71655 z m 22.79542,0 c 2.7715,7.99929 1.78741,11.24958 -4.49354,17.71655 l 4.49354,-17.71655 z" />
+</svg>
+<!-- This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License. -->
+<!-- http://creativecommons.org/licenses/by-sa/4.0/ -->

package/styles/assets/bg-synthsunset-c-grid-size.svg

@@ -0,0 +1,49 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg id="em4uO9hb2pv1" viewBox="86.2 82.558 400 450" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" width="350px" height="400" xmlns="http://www.w3.org/2000/svg">
+  <style>
+#em4uO9hb2pv4_to {animation: em4uO9hb2pv4_to__to 1000ms linear infinite normal forwards}@keyframes em4uO9hb2pv4_to__to { 0% {transform: translate(263.949556px,388px)} 100% {transform: translate(263.949556px,395.410979px)}} #em4uO9hb2pv5_to {animation: em4uO9hb2pv5_to__to 1000ms linear infinite normal forwards}@keyframes em4uO9hb2pv5_to__to { 0% {transform: translate(263.949556px,437.451142px)} 100% {transform: translate(263.949556px,477.856037px)}} #em4uO9hb2pv6_to {animation: em4uO9hb2pv6_to__to 1000ms linear infinite normal forwards}@keyframes em4uO9hb2pv6_to__to { 0% {transform: translate(263.949556px,477.451141px)} 100% {transform: translate(263.949556px,507px)}} #em4uO9hb2pv7_to {animation: em4uO9hb2pv7_to__to 1000ms linear infinite normal forwards}@keyframes em4uO9hb2pv7_to__to { 0% {transform: translate(257.595104px,408px)} 100% {transform: translate(257.595104px,437.856038px)}} #em4uO9hb2pv8_to {animation: em4uO9hb2pv8_to__to 1000ms linear infinite normal forwards}@keyframes em4uO9hb2pv8_to__to { 0% {transform: translate(258px,395.410979px)} 100% {transform: translate(258px,408px)}}
+</style>
+  <defs>
+    <linearGradient id="em4uO9hb2pv2-fill" x1="257.848986" y1="84.30193" x2="256.478025" y2="378.040783" spreadMethod="pad" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1, 0, 0, 1, 32.317979, 15.69849)">
+      <stop id="em4uO9hb2pv2-fill-0" offset="0" stop-color="#e72696"/>
+      <stop id="em4uO9hb2pv2-fill-1" offset="1" stop-color="#facf31"/>
+    </linearGradient>
+  </defs>
+  <path d="M 449.76 259.593 C 449.76 260.889 449.745 262.181 449.714 263.47 L 130.62 263.47 C 130.589 262.181 130.574 260.889 130.574 259.593 C 130.574 257.386 130.619 255.189 130.708 253.003 L 449.626 253.003 C 449.715 255.189 449.76 257.386 449.76 259.593 Z M 434.441 327.907 L 145.893 327.907 C 143.917 323.74 142.115 319.473 140.498 315.117 L 439.836 315.117 C 438.219 319.473 436.417 323.74 434.441 327.907 Z M 133.453 289.922 L 446.881 289.922 C 446.151 293.719 445.286 297.468 444.291 301.164 L 136.043 301.164 C 135.048 297.468 134.183 293.719 133.453 289.922 Z M 131.064 272.19 L 449.27 272.19 C 449.095 274.432 448.873 276.661 448.607 278.876 L 131.727 278.876 C 131.461 276.661 131.239 274.432 131.064 272.19 Z M 290.167 100 C 373.937 100 442.632 164.541 449.239 246.609 L 131.095 246.609 C 137.702 164.541 206.397 100 290.167 100 Z M 414.785 359.303 L 165.549 359.303 C 161.689 354.485 158.102 349.438 154.813 344.186 L 425.521 344.186 C 422.232 349.438 418.645 354.485 414.785 359.303 Z M 375.047 394.767 L 205.287 394.767 C 197.384 389.794 189.949 384.148 183.06 377.908 L 397.274 377.908 C 390.385 384.148 382.95 389.794 375.047 394.767 Z" fill="url(#em4uO9hb2pv2-fill)"/>
+  <line x1="86.2" y1="414.95" x2="486.2" y2="414.039" fill="none" stroke="#5edba5" stroke-width="3" style=""/>
+  <line x1="309.179" y1="473.781" x2="430.178" y2="473.506" fill="none" stroke="#5edba5" stroke-width="3" style="" transform="matrix(0.173648, 0.984808, -0.984808, 0.173648, 771.932387, 27.334005)">
+    <title>vert line 7</title>
+  </line>
+  <line x1="151.183" y1="475.044" x2="269.858" y2="474.604" fill="none" stroke="#5edba5" stroke-width="3" style="" transform="matrix(-0.173648, 0.984808, -0.984808, -0.173648, 714.68734, 349.954016)">
+    <title>vert line 3</title>
+  </line>
+  <line x1="270.444" y1="473.493" x2="388.993" y2="473.225" fill="none" stroke="#5edba5" stroke-width="3" style="" transform="matrix(0.087156, 0.996195, -0.996195, 0.087156, 772.539295, 103.639124)">
+    <title>vert line 6</title>
+  </line>
+  <line x1="109.269" y1="473.663" x2="231.239" y2="473.385" fill="none" stroke="#5edba5" stroke-width="3" style="" transform="matrix(-0.258819, 0.965926, -0.965926, -0.258819, 671.708034, 431.628247)">
+    <title>vert line 2</title>
+  </line>
+  <line x1="65.708" y1="473.725" x2="192.541" y2="473.436" fill="none" stroke="#5edba5" stroke-width="3" style="" transform="matrix(-0.34202, 0.939693, -0.939693, -0.34202, 618.307795, 514.217141)">
+    <title>vert line 1</title>
+  </line>
+  <line x1="230.594" y1="473.242" x2="349.497" y2="472.971" fill="none" stroke="#5edba5" stroke-width="3" style="" transform="matrix(0, 1, -1, 0, 763.152008, 183.061005)">
+    <title>vert line 5</title>
+  </line>
+  <line x1="344.963" y1="473.597" x2="468.706" y2="473.315" fill="none" stroke="#5edba5" stroke-width="3" style="" transform="matrix(0.258819, 0.965926, -0.965926, 0.258819, 758.861416, -42.055348)">
+    <title>vert line 8</title>
+  </line>
+  <line x1="381.132" y1="473.023" x2="507.578" y2="473.402" fill="none" stroke="#5edba5" stroke-width="3" style="" transform="matrix(0.34202, 0.939693, -0.939693, 0.34202, 737.051091, -106.192735)">
+    <title>vert line 9</title>
+  </line>
+  <line x1="191.046" y1="473.586" x2="309.687" y2="473.316" fill="none" stroke="#5edba5" stroke-width="3" style="" transform="matrix(-0.087156, 0.996195, -0.996195, -0.087156, 743.836818, 265.301309)">
+    <title>vert line 4</title>
+  </line>
+  <path d="" fill="none" stroke="#3f5787" stroke-width="0.8"/>
+  <line x1="86.2" y1="424.911" x2="486.2" y2="424" fill="none" stroke="#5edba5" stroke-width="3" style=""/>
+  <line x1="86.2" y1="440.911" x2="486.2" y2="440" fill="none" stroke="#5edba5" stroke-width="3" style=""/>
+  <line x1="86.2" y1="464.91" x2="486.2" y2="464" fill="none" stroke="#5edba5" stroke-width="3" style=""/>
+  <line x1="86.2" y1="498.552" x2="486.2" y2="497.64" fill="none" stroke="#5edba5" stroke-width="3" style=""/>
+  <line x1="422.842" y1="456.21" x2="516.415" y2="455.998" fill="none" stroke="#5edba5" stroke-width="3" style="" transform="matrix(0.422618, 0.906308, -0.906308, 0.422618, 684.525663, -162.281795)"/>
+  <line x1="60.198" y1="450.808" x2="141.309" y2="450.623" fill="none" stroke="#5edba5" stroke-width="3" style="" transform="matrix(-0.422618, 0.906308, -0.906308, -0.422618, 551.820776, 549.882271)"/>
+  <line x1="83.53" y1="533.614" x2="489.497" y2="532.688" fill="none" stroke="#5edba5" stroke-width="3" style=""/>
+</svg>

package/styles/assets/bg-synthsunset-c-grid.svg

@@ -0,0 +1,49 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg id="em4uO9hb2pv1" viewBox="86.2 82.558 400 450" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" width="350px" height="400" xmlns="http://www.w3.org/2000/svg">
+  <style>
+#em4uO9hb2pv4_to {animation: em4uO9hb2pv4_to__to 1000ms linear infinite normal forwards}@keyframes em4uO9hb2pv4_to__to { 0% {transform: translate(263.949556px,388px)} 100% {transform: translate(263.949556px,395.410979px)}} #em4uO9hb2pv5_to {animation: em4uO9hb2pv5_to__to 1000ms linear infinite normal forwards}@keyframes em4uO9hb2pv5_to__to { 0% {transform: translate(263.949556px,437.451142px)} 100% {transform: translate(263.949556px,477.856037px)}} #em4uO9hb2pv6_to {animation: em4uO9hb2pv6_to__to 1000ms linear infinite normal forwards}@keyframes em4uO9hb2pv6_to__to { 0% {transform: translate(263.949556px,477.451141px)} 100% {transform: translate(263.949556px,507px)}} #em4uO9hb2pv7_to {animation: em4uO9hb2pv7_to__to 1000ms linear infinite normal forwards}@keyframes em4uO9hb2pv7_to__to { 0% {transform: translate(257.595104px,408px)} 100% {transform: translate(257.595104px,437.856038px)}} #em4uO9hb2pv8_to {animation: em4uO9hb2pv8_to__to 1000ms linear infinite normal forwards}@keyframes em4uO9hb2pv8_to__to { 0% {transform: translate(258px,395.410979px)} 100% {transform: translate(258px,408px)}}
+</style>
+  <defs>
+    <linearGradient id="em4uO9hb2pv2-fill" x1="257.848986" y1="84.30193" x2="256.478025" y2="378.040783" spreadMethod="pad" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1, 0, 0, 1, 28.351456, -1.743511)">
+      <stop id="em4uO9hb2pv2-fill-0" offset="0" stop-color="#e72696"/>
+      <stop id="em4uO9hb2pv2-fill-1" offset="1" stop-color="#facf31"/>
+    </linearGradient>
+  </defs>
+  <path d="M 445.793 242.151 C 445.793 243.447 445.778 244.739 445.747 246.028 L 126.653 246.028 C 126.622 244.739 126.607 243.447 126.607 242.151 C 126.607 239.944 126.652 237.747 126.741 235.561 L 445.659 235.561 C 445.748 237.747 445.793 239.944 445.793 242.151 Z M 430.474 310.465 L 141.926 310.465 C 139.95 306.298 138.148 302.031 136.531 297.675 L 435.869 297.675 C 434.252 302.031 432.45 306.298 430.474 310.465 Z M 129.486 272.48 L 442.914 272.48 C 442.184 276.277 441.319 280.026 440.324 283.722 L 132.076 283.722 C 131.081 280.026 130.216 276.277 129.486 272.48 Z M 127.097 254.748 L 445.303 254.748 C 445.128 256.99 444.906 259.219 444.64 261.434 L 127.76 261.434 C 127.494 259.219 127.272 256.99 127.097 254.748 Z M 286.2 82.558 C 369.97 82.558 438.665 147.099 445.272 229.167 L 127.128 229.167 C 133.735 147.099 202.43 82.558 286.2 82.558 Z M 410.818 341.861 L 161.582 341.861 C 157.722 337.043 154.135 331.996 150.846 326.744 L 421.554 326.744 C 418.265 331.996 414.678 337.043 410.818 341.861 Z M 371.08 377.325 L 201.32 377.325 C 193.417 372.352 185.982 366.706 179.093 360.466 L 393.307 360.466 C 386.418 366.706 378.983 372.352 371.08 377.325 Z" fill="url(#em4uO9hb2pv2-fill)"/>
+  <line x1="86.2" y1="414.95" x2="486.2" y2="414.039" fill="none" stroke="#5edba5" stroke-width="3" style=""/>
+  <line x1="309.179" y1="473.781" x2="430.178" y2="473.506" fill="none" stroke="#5edba5" stroke-width="3" style="" transform="matrix(0.173648, 0.984808, -0.984808, 0.173648, 771.932387, 27.334005)">
+    <title>vert line 7</title>
+  </line>
+  <line x1="151.183" y1="475.044" x2="269.858" y2="474.604" fill="none" stroke="#5edba5" stroke-width="3" style="" transform="matrix(-0.173648, 0.984808, -0.984808, -0.173648, 714.68734, 349.954016)">
+    <title>vert line 3</title>
+  </line>
+  <line x1="270.444" y1="473.493" x2="388.993" y2="473.225" fill="none" stroke="#5edba5" stroke-width="3" style="" transform="matrix(0.087156, 0.996195, -0.996195, 0.087156, 772.539295, 103.639124)">
+    <title>vert line 6</title>
+  </line>
+  <line x1="109.269" y1="473.663" x2="231.239" y2="473.385" fill="none" stroke="#5edba5" stroke-width="3" style="" transform="matrix(-0.258819, 0.965926, -0.965926, -0.258819, 671.708034, 431.628247)">
+    <title>vert line 2</title>
+  </line>
+  <line x1="65.708" y1="473.725" x2="192.541" y2="473.436" fill="none" stroke="#5edba5" stroke-width="3" style="" transform="matrix(-0.34202, 0.939693, -0.939693, -0.34202, 618.307795, 514.217141)">
+    <title>vert line 1</title>
+  </line>
+  <line x1="230.594" y1="473.242" x2="349.497" y2="472.971" fill="none" stroke="#5edba5" stroke-width="3" style="" transform="matrix(0, 1, -1, 0, 763.152008, 183.061005)">
+    <title>vert line 5</title>
+  </line>
+  <line x1="344.963" y1="473.597" x2="468.706" y2="473.315" fill="none" stroke="#5edba5" stroke-width="3" style="" transform="matrix(0.258819, 0.965926, -0.965926, 0.258819, 758.861416, -42.055348)">
+    <title>vert line 8</title>
+  </line>
+  <line x1="381.132" y1="473.023" x2="507.578" y2="473.402" fill="none" stroke="#5edba5" stroke-width="3" style="" transform="matrix(0.34202, 0.939693, -0.939693, 0.34202, 737.051091, -106.192735)">
+    <title>vert line 9</title>
+  </line>
+  <line x1="191.046" y1="473.586" x2="309.687" y2="473.316" fill="none" stroke="#5edba5" stroke-width="3" style="" transform="matrix(-0.087156, 0.996195, -0.996195, -0.087156, 743.836818, 265.301309)">
+    <title>vert line 4</title>
+  </line>
+  <path d="" fill="none" stroke="#3f5787" stroke-width="0.8"/>
+  <line x1="86.2" y1="424.911" x2="486.2" y2="424" fill="none" stroke="#5edba5" stroke-width="3" style=""/>
+  <line x1="86.2" y1="440.911" x2="486.2" y2="440" fill="none" stroke="#5edba5" stroke-width="3" style=""/>
+  <line x1="86.2" y1="464.91" x2="486.2" y2="464" fill="none" stroke="#5edba5" stroke-width="3" style=""/>
+  <line x1="86.2" y1="498.552" x2="486.2" y2="497.64" fill="none" stroke="#5edba5" stroke-width="3" style=""/>
+  <line x1="422.842" y1="456.21" x2="516.415" y2="455.998" fill="none" stroke="#5edba5" stroke-width="3" style="" transform="matrix(0.422618, 0.906308, -0.906308, 0.422618, 684.525663, -162.281795)"/>
+  <line x1="60.198" y1="450.808" x2="141.309" y2="450.623" fill="none" stroke="#5edba5" stroke-width="3" style="" transform="matrix(-0.422618, 0.906308, -0.906308, -0.422618, 551.820776, 549.882271)"/>
+  <line x1="83.53" y1="533.614" x2="489.497" y2="532.688" fill="none" stroke="#5edba5" stroke-width="3" style=""/>
+</svg>

package/styles/assets/bg-wizard.svg

@@ -0,0 +1,3 @@
+<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="meteor" class="svg-inline--fa fa-meteor fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" opacity=".33"><path fill="currentColor" d="M511.328,20.8027c-11.60759,38.70264-34.30724,111.70173-61.30311,187.70077,6.99893,2.09372,13.4042,4,18.60653,5.59368a16.06158,16.06158,0,0,1,9.49854,22.906c-22.106,42.29635-82.69047,152.795-142.47819,214.40356-.99984,1.09373-1.99969,2.5-2.99954,3.49995A194.83046,194.83046,0,1,1,57.085,179.41009c.99985-1,2.40588-2,3.49947-3,61.59994-59.90549,171.97367-120.40473,214.37343-142.4982a16.058,16.058,0,0,1,22.90274,9.49988c1.59351,5.09368,3.49947,11.5936,5.5929,18.59351C379.34818,35.00565,452.43074,12.30281,491.12794.70921A16.18325,16.18325,0,0,1,511.328,20.8027ZM319.951,320.00207A127.98041,127.98041,0,1,0,191.97061,448.00046,127.97573,127.97573,0,0,0,319.951,320.00207Zm-127.98041-31.9996a31.9951,31.9951,0,1,1-31.9951-31.9996A31.959,31.959,0,0,1,191.97061,288.00247Zm31.9951,79.999a15.99755,15.99755,0,1,1-15.99755-15.9998A16.04975,16.04975,0,0,1,223.96571,368.00147Z"></path></svg>
+<!-- This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License. -->
+<!-- http://creativecommons.org/licenses/by-sa/4.0/ -->

package/styles/components/Button.scss

@@ -170,10 +170,6 @@
   }
 }
 
-.Button--selected {
-  --color: var(--button-background-selected);
-}
-
 .Button--disabled {
   cursor: var(--cursor-disabled) !important;
   background-color: var(
@@ -183,6 +179,10 @@
   opacity: var(--button-disabled-opacity);
 }
 
+.Button--selected {
+  --color: var(--button-background-selected) !important;
+}
+
 .Button--flex {
   display: inline-flex; // Inline even for fluid
   flex-direction: column;

package/styles/themes/abductor.scss

@@ -0,0 +1,26 @@
+/**
+ * Copyright (c) 2020 Aleksej Komarov
+ * SPDX-License-Identifier: MIT
+ */
+
+.theme-abductor:root {
+  // Base
+  --color-base: hsl(227, 29%, 23%);
+  --color-primary: hsl(340, 65%, 45%);
+  --color-secondary: hsl(340, 65%, 37.5%);
+  --color-border-primary: hsla(227.5, 30%, 40%, 0.75);
+  --base-gradient-spread: 6;
+
+  // Components
+  --button-background-selected: hsl(227, 37%, 45%);
+  --button-background-caution: hsl(30, 88%, 39%);
+  --button-background-danger: hsl(62, 100%, 30%);
+  --notice-box-background: hsl(340, 67%, 41%);
+  --notice-box-color: var(--color-text-fixed-white);
+  --progress-bar-background: hsla(0, 0%, 0%, 0.5);
+  --tooltip-background-lightness: 25;
+
+  .Layout__content {
+    background-image: none;
+  }
+}

package/styles/themes/admin.scss

@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) 2020 Aleksej Komarov
+ * SPDX-License-Identifier: MIT
+ */
+
+.theme-admin:root {
+  // Base
+  --color-base: hsl(205, 17%, 20%);
+  --primary-hue: 200;
+  --secondary-saturation: 0;
+  --secondary-lightness-adjustment: 1.75;
+  --base-gradient-spread: 6;
+  --candystripe-odd: hsla(200, 70%, 15%, 0.25);
+  --candystripe-even: hsla(210, 70%, 45%, 0.25);
+
+  .Layout__content {
+    background-image: url("../assets/bg-admin.svg");
+  }
+}

package/styles/themes/cardtable.scss

@@ -0,0 +1,26 @@
+/**
+ * Copyright (c) 2020 Aleksej Komarov
+ * SPDX-License-Identifier: MIT
+ */
+
+.theme-cardtable:root {
+  // Base
+  --color-base: hsl(145, 73%, 25%);
+  --color-primary: hsl(from var(--color-base) h s calc(l + 5));
+  --color-border-primary: hsla(0, 0%, 100%, 0.75);
+  --secondary-hue: 17.5;
+  --secondary-lightness-adjustment: -10;
+  --base-gradient-spread: 0;
+
+  // Components
+  --button-background-selected: hsl(0, 90.3%, 32.35%);
+  --button-background-caution: hsl(29.5, 90.95%, 39.02%);
+  --button-background-danger: hsl(61.15, 100%, 30.78%);
+  --button-border-radius: 0;
+  --progress-bar-background: hsla(0, 0%, 0%, 0.5);
+  --tab-background-selected: var(--color-base);
+
+  .Button {
+    border: var(--border-thickness-small) solid hsl(0, 0%, 100%);
+  }
+}

package/styles/themes/hackerman.scss

@@ -0,0 +1,35 @@
+/**
+ * Copyright (c) 2020 Aleksej Komarov
+ * SPDX-License-Identifier: MIT
+ */
+
+.theme-hackerman:root {
+  // Base
+  --color-base: hsl(120, 20%, 8.8%);
+  --color-primary: hsl(120, 100%, 50%);
+  --color-secondary: hsl(120, 28%, 18.5%);
+  --base-gradient-spread: 0;
+  --candystripe-odd: hsla(120, 100%, 20%, 0.5);
+
+  // Components
+  --button-background-selected: var(--color-primary);
+  --tab-background-selected: hsla(120, 100%, 50%, 0.25);
+  --tab-color: hsl(0, 0%, 90%);
+  --tab-color-selected: var(--color-primary);
+
+  .Layout__content {
+    background-image: none;
+  }
+
+  .Button {
+    font-family: var(--font-family-mono);
+    border-width: var(--border-thickness-small);
+    border-style: outset;
+    border-color: hsl(120, 100%, 33.33%);
+    outline: var(--border-thickness-tiny) solid rgb(0, 122, 0);
+
+    &--color--default {
+      color: var(--color-text-fixed-black);
+    }
+  }
+}

package/styles/themes/malfunction.scss

@@ -0,0 +1,27 @@
+/**
+ * Copyright (c) 2020 Aleksej Komarov
+ * SPDX-License-Identifier: MIT
+ */
+
+.theme-malfunction:root {
+  // Base
+  --color-base: hsl(205, 42.5%, 20%);
+  --color-primary: hsl(0, 100%, 30%);
+  --color-border-primary: hsl(from var(--color-primary) h s l / 0.75);
+  --secondary-saturation: 55;
+  --secondary-lightness-adjustment: 3;
+  --base-gradient-spread: 6;
+
+  // Components
+  --button-background-selected: hsl(205, 60%, 30%);
+  --button-background-caution: hsl(30, 70%, 40%);
+  --button-background-danger: hsl(62.5, 100%, 30%);
+  --notice-box-background: hsl(205, 55%, 22.5%);
+  --notice-box-color: var(--color-text-fixed-white);
+  --progress-bar-background: hsla(0, 0%, 0%, 0.5);
+  --tooltip-background-lightness: 25;
+
+  .Layout__content {
+    background-image: none;
+  }
+}

package/styles/themes/neutral.scss

@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) 2020 Aleksej Komarov
+ * SPDX-License-Identifier: MIT
+ */
+
+.theme-neutral:root {
+  // Base
+  --color-base: hsl(42, 100%, 30%);
+  --color-primary: hsl(42, 100%, 40%);
+  --color-action: hsl(42, 75%, 60%);
+  --base-gradient-spread: 6;
+
+  // Components
+  --button-color-transparent: var(--color-action);
+  --tooltip-background-lightness: 33;
+
+  .Layout__content {
+    background-image: url("../assets/bg-neutral.svg");
+  }
+}

package/styles/themes/ntOS95.scss

@@ -0,0 +1,128 @@
+/**
+ * Copyright (c) 2020 Aleksej Komarov
+ * SPDX-License-Identifier: MIT
+ */
+
+.theme-ntOS95 {
+  &:root {
+    --95-outline: hsl(0, 0%, 85%);
+    --95-background: hsl(0, 0%, 75%);
+
+    // Base
+    --color-base: hsl(180, 100%, 25.3%);
+    --color-section: var(--95-background);
+    --color-primary: hsl(240, 100%, 25.1%);
+    --color-secondary: var(--color-primary);
+    --color-label: var(--color-black);
+    --color-scrollbar-thumb: hsl(from var(--color-section) h s calc(l - 25));
+    --color-border-primary: hsl(from var(--color-black) h s l / 0.5);
+    --color-text: var(--color-black);
+    --base-gradient-spread: 0;
+    --border-radius-unit: 0;
+    --transition-time-unit: 0;
+    --font-family: "MS Sans Serif";
+
+    // Components
+    --button-background-default: hsl(52.3, 40.3%, 84.9%);
+    --button-background-disabled: var(--95-background);
+    --progress-bar-background: hsla(0, 0%, 0%, 0.5);
+    --tooltip-background: var(--95-background);
+    --input-background: var(--color-white);
+    --input-color: var(--color-black);
+    --tab-indicator-size: 0;
+    --tab-color: var(--color-black);
+    --tab-color-selected: var(--color-black);
+    --tab-background-hover: var(--95-background);
+    --tab-background-selected: var(--95-background);
+    --tab-border-radius: 0.33em;
+  }
+
+  body {
+    overflow: auto;
+  }
+
+  .Layout__content {
+    background-image: none;
+  }
+
+  .NtosWindow__header {
+    background-color: var(--color-gray);
+  }
+
+  .Button {
+    background-color: var(--95-background);
+    color: var(--color-black);
+
+    &:hover {
+      background-color: var(--color-secondary);
+      transition: background-color 0.1s;
+    }
+
+    &:active,
+    &.Button--selected {
+      outline-style: inset;
+    }
+
+    &--color--transparent:hover {
+      color: var(--color-white);
+    }
+  }
+
+  .ProgressBar,
+  .TitleBar__close,
+  .TitleBar__title {
+    color: var(--color-white);
+  }
+
+  .Input,
+  .TextArea {
+    outline: var(--border-thickness-small) inset var(--95-outline);
+  }
+
+  .Box,
+  .Button,
+  .Section,
+  .Tooltip {
+    outline: var(--border-thickness-small) outset var(--95-outline);
+  }
+
+  .Tab {
+    border: var(--border-thickness-small) outset var(--95-outline);
+
+    &--selected .Tab__text {
+      outline: var(--border-thickness-tiny) dotted;
+    }
+  }
+
+  .Tabs--vertical {
+    border-right: var(--border-thickness-small) solid var(--95-outline);
+
+    .Tab {
+      border-right: 0;
+
+      &--selected {
+        border-style: inset;
+      }
+    }
+  }
+
+  .Tabs--horizontal {
+    border-bottom: var(--border-thickness-small) solid var(--95-outline);
+
+    .Tab {
+      border-bottom: 0;
+
+      &:not(.Tab--selected) {
+        min-height: 2em;
+        height: 2em;
+        align-self: end;
+      }
+    }
+  }
+
+  .Table__cell {
+    display: table-cell;
+    padding: 0 var(--space-s);
+    background-color: var(--95-background);
+  }
+}

package/styles/themes/ntos.scss

@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) 2020 Aleksej Komarov
+ * SPDX-License-Identifier: MIT
+ */
+
+.theme-ntos:root {
+  --nanotrasen-color: hsl(212.5, 30%, 35%);
+
+  // Base
+  --color-base: hsl(from var(--nanotrasen-color) h s calc(l - 17.5));
+  --color-primary: var(--nanotrasen-color);
+  --secondary-lightness-adjustment: 6.33;
+
+  // Components
+  --button-color-transparent: hsl(from var(--color-primary) h s 75 / 0.75);
+  --progress-bar-background: hsla(0, 0%, 0%, 0.5);
+  --tooltip-background-lightness: 25;
+}

package/styles/themes/ntos_cat.scss

@@ -0,0 +1,57 @@
+/**
+ * Copyright (c) 2020 Aleksej Komarov
+ * SPDX-License-Identifier: MIT
+ */
+
+.theme-ntos_cat {
+  &:root {
+    --color-kitty: hsl(300, 100%, 85%);
+    --color-cuttie: hsl(5, 100%, 75%);
+
+    // Base
+    --color-base: hsl(35, 100%, 50%);
+    --color-primary: var(--color-kitty);
+    --color-secondary: var(--color-cuttie);
+    --color-section: hsl(from var(--color-base) h s calc(l - 42.5) / 0.33);
+    --color-text: hsl(from var(--color-kitty) h s calc(l + 10));
+    --color-text-translucent: hsl(from var(--color-kitty) h s l / 0.75);
+    --color-label: hsl(
+      from var(--color-kitty) calc(h + 40) calc(s - 50) calc(l - 20)
+    );
+    --color-good: var(--color-kitty);
+    --color-action: var(--color-kitty);
+    --base-gradient-spread: 12;
+
+    // Components
+    --button-background-default: hsl(from var(--color-kitty) h s 66);
+    --button-background-selected: hsl(227.5, 37.5%, 45%);
+    --button-background-caution: hsl(30, 87.5%, 340%);
+    --button-background-disabled: hsl(0, 0%, 100%);
+    --input-background: hsl(0, 0%, 100%);
+    --input-color: hsl(from var(--color-kitty) h s calc(l - 10));
+    --tooltip-background-lightness: 50;
+
+    .Layout__content {
+      background-image: url("../assets/bg-cat.svg");
+      background-size: 100%;
+      background-repeat: no-repeat;
+    }
+  }
+
+  .Section {
+    outline: var(--border-thickness-small) solid var(--color-cuttie);
+  }
+
+  :where(.Button) {
+    background-color: hsl(0, 0%, 100%);
+    color: var(--color-cuttie);
+  }
+
+  .Button--disabled {
+    color: var(--color-cuttie) !important;
+  }
+
+  .NtosWindow__header {
+    background-color: hsl(248, 17%, 27%);
+  }
+}

package/styles/themes/ntos_darkmode.scss

@@ -0,0 +1,17 @@
+/**
+ * Copyright (c) 2020 Aleksej Komarov
+ * SPDX-License-Identifier: MIT
+ */
+
+.theme-ntos_darkmode:root {
+  --color-nanotrasen: hsl(0, 0%, 25%);
+
+  // Base
+  --color-base: hsl(from var(--color-nanotrasen) h s calc(l - 15));
+  --secondary-lightness-adjustment: 3;
+  --color-primary: var(--color-nanotrasen);
+  --border-primary-saturation: 0;
+
+  // Components
+  --progress-bar-background: hsla(0, 0%, 0%, 0.5);
+}

package/styles/themes/ntos_lightmode.scss

@@ -0,0 +1,25 @@
+/**
+ * Copyright (c) 2020 Aleksej Komarov
+ * SPDX-License-Identifier: MIT
+ */
+
+.theme-ntos_lightmode:root {
+  --color-nanotrasen: var(--color-white);
+
+  // Base
+  --primary-lightness: 100%;
+  --color-base: var(--color-nanotrasen);
+  --secondary-lightness-adjustment: -50;
+  --color-section: hsla(0, 0%, 50%, 0.33);
+  --color-text: var(--color-black);
+  --color-label: hsl(
+    var(--primary-hue) calc(var(--primary-saturation) - 20%) 40%
+  );
+  --border-primary-lightness: 35;
+  --tooltip-background-lightness: 90;
+
+  // Components
+  --button-color: var(--color-black);
+  --input-background-lightness: 90;
+  --tab-color-selected: hsl(from var(--color-primary) h s 10);
+}

package/styles/themes/ntos_spooky.scss

@@ -0,0 +1,22 @@
+.theme-ntos_spooky:root {
+  // Base
+  --color-base: hsl(0, 100%, 12.5%);
+  --color-primary: hsl(345, 95%, 30%);
+  --color-good: hsl(0, 82%, 52%);
+  --color-bad: hsl(340, 91%, 32%);
+  --base-gradient-spread: 12;
+  --secondary-lightness-adjustment: 9;
+
+  // Components
+  --button-background-selected: var(--color-good);
+  --button-background-caution: hsl(240, 80%, 35%);
+  --button-background-danger: hsl(282, 61%, 30%);
+  --dimmer-background-opacity: 0.45;
+  --notice-box-background: hsl(0, 90%, 23%);
+  --notice-box-color: var(--color-fixed-white);
+  --progress-bar-background: hsla(0, 97%, 7%, 0.5);
+
+  .Layout__content {
+    background-image: url("../assets/bg-spookycomp-compressed.svg");
+  }
+}