Merge pull request #1005 from tradingstrategy-ai/top-vaults-5

kenkunz · web-flow · commit 5e14940f67cf · 2025-11-02T22:57:36.000-06:00
Yet more top vault tweaks
diff --git a/src/lib/assets/logos/blockchains/blast.svg b/src/lib/assets/logos/blockchains/blast.svg
@@ -0,0 +1,5 @@
+<svg width="500" height="500" viewBox="0 0 500 500" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="250" cy="250" r="250" fill="black"/>
+<path d="M324.651 248.465L365.535 228.093L379.628 184.837L351.442 164.326H163.767L120.372 196.558H340.977L329.256 232.837H240.791L232.279 259.349H320.744L295.907 335.674L337.349 315.163L352.139 269.395L324.372 249.023L324.651 248.465Z" fill="#FCFC03"/>
+<path d="M182.744 302.884L208.279 223.349L179.954 202.14L137.396 335.674H295.907L306.512 302.884H182.744Z" fill="#FCFC03"/>
+</svg>
diff --git a/src/lib/assets/logos/blockchains/gnosis.svg b/src/lib/assets/logos/blockchains/gnosis.svg
@@ -0,0 +1,7 @@
+<svg width="501" height="501" viewBox="0 0 501 501" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="250" cy="250.164" r="250" fill="white"/>
+<path d="M147.244 284.538C162.174 284.538 175.956 279.563 187.059 270.952L95.9432 179.869C87.3292 190.776 82.352 204.553 82.352 219.67C82.1608 255.452 111.257 284.538 147.244 284.538Z" fill="#04795B"/>
+<path d="M418.295 219.478C418.295 204.553 413.318 190.776 404.703 179.677L313.587 270.76C324.499 279.371 338.281 284.345 353.402 284.345C389.199 284.537 418.295 255.452 418.295 219.478Z" fill="#04795B"/>
+<path d="M464.236 120.551L423.845 160.927C437.244 176.999 445.286 197.283 445.286 219.863C445.286 270.57 404.13 311.71 353.402 311.71C331.007 311.71 310.525 303.674 294.446 290.279L250.227 334.481L206.009 290.279C189.93 303.674 169.639 311.71 147.051 311.71C96.3243 311.71 55.1689 270.57 55.1689 219.863C55.1689 197.474 63.209 176.999 76.6087 160.927L55.9352 140.261L36.2184 120.551C13.2482 158.439 0.0397949 202.641 0.0397949 250.096C0.0397949 388.249 112.021 500 250.036 500C388.049 500 500.032 388.059 500.032 250.096C500.415 202.45 487.206 158.248 464.236 120.551Z" fill="#04795B"/>
+<path d="M431.121 77.4965C385.754 29.8505 321.436 0 250.228 0C179.019 0 114.893 29.8505 69.3347 77.4965C63.2095 84.0031 57.276 90.8921 51.7241 97.9714L250.036 296.21L448.348 97.7801C443.371 90.891 437.438 83.8117 431.121 77.4965ZM250.228 32.5295C308.802 32.5295 363.167 55.109 403.937 96.2496L250.228 249.904L96.5164 96.2496C137.481 55.109 191.653 32.5295 250.228 32.5295Z" fill="#04795B"/>
+</svg>
diff --git a/src/lib/assets/logos/blockchains/hemi.svg b/src/lib/assets/logos/blockchains/hemi.svg
@@ -0,0 +1,10 @@
+<svg width="500" height="500" viewBox="0 0 500 500" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_4910_79)">
+<path d="M291.956 4.13041L261.522 183.043H238.261L208.043 4.13041C207.608 1.73911 205.435 0.217371 203.043 0.652153C85.4346 22.8261 0.43457 125.87 0.43457 250C0.43457 374.13 85.4346 477.174 203.043 499.348C205.435 499.783 207.608 498.261 208.043 495.87L238.478 316.957H261.739L292.174 495.87C292.608 498.261 294.782 499.783 297.174 499.348C414.782 477.391 499.782 374.13 499.782 250C499.782 125.87 414.565 22.8261 296.956 0.652153C294.565 0.217371 292.391 1.73911 291.956 4.13041Z" fill="#FF6A00"/>
+</g>
+<defs>
+<clipPath id="clip0_4910_79">
+<rect width="500" height="500" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/lib/assets/logos/blockchains/hyperliquid.svg b/src/lib/assets/logos/blockchains/hyperliquid.svg
@@ -0,0 +1,4 @@
+<svg width="500" height="500" viewBox="0 0 500 500" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="250" cy="250" r="250" fill="white"/>
+<path d="M425 247.871C425 363.386 354.188 400.452 316.878 367.448C286.168 340.536 277.03 283.668 230.837 277.829C172.208 270.466 167.132 348.408 128.553 348.408C83.6294 348.408 75 283.16 75 249.648C75 215.374 84.6447 168.66 122.969 168.66C167.64 168.66 170.178 235.431 226.015 231.876C281.599 228.068 282.614 158.505 318.656 128.801C350.127 103.159 425 130.832 425 247.871Z" fill="#072723"/>
+</svg>
diff --git a/src/lib/assets/logos/blockchains/katana.svg b/src/lib/assets/logos/blockchains/katana.svg
@@ -0,0 +1,4 @@
+<svg width="500" height="500" viewBox="0 0 500 500" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="250" cy="250" r="250" fill="black"/>
+<path d="M298.961 254.703L334.208 136H287.217L240.231 218.937V136H193.24L158 254.703H186.192L158 349.663H240.231V290.523L310.717 374L358 302.186L264.019 254.703H298.961Z" fill="#F4FF00"/>
+</svg>
diff --git a/src/lib/assets/logos/blockchains/linea.svg b/src/lib/assets/logos/blockchains/linea.svg
@@ -0,0 +1,10 @@
+<svg width="500" height="500" viewBox="0 0 500 500" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="250" cy="250" r="250" fill="#61DFFF"/>
+<mask id="mask0_4911_91" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="140" y="135" width="220" height="230">
+<path d="M360 135H140V364.805H360V135Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_4911_91)">
+<path d="M322.489 364.615H139.778V172.101H181.583V327.306H322.489V364.595V364.615Z" fill="#121212"/>
+<path d="M322.711 209.58C343.305 209.58 360 192.885 360 172.29C360 151.695 343.305 135 322.711 135C302.114 135 285.421 151.695 285.421 172.29C285.421 192.885 302.114 209.58 322.711 209.58Z" fill="#121212"/>
+</g>
+</svg>
diff --git a/src/lib/assets/logos/blockchains/mode.svg b/src/lib/assets/logos/blockchains/mode.svg
@@ -0,0 +1,11 @@
+<svg width="500" height="500" viewBox="0 0 500 500" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_4909_76)">
+<path d="M249.632 499.7C387.703 499.7 499.632 387.771 499.632 249.7C499.632 111.629 387.703 -0.300049 249.632 -0.300049C111.56 -0.300049 -0.368408 111.629 -0.368408 249.7C-0.368408 387.771 111.56 499.7 249.632 499.7Z" fill="#DFFE00"/>
+<path d="M397.837 381.34H339.928V249.915L363.117 174.963L346.687 169.117L271.537 381.34H227.495L152.343 169.117L135.915 174.963L159.102 249.915V381.34H101.195V117.668H187.415L240.895 268.622V312.938H258.372V268.622L311.852 117.668H398.07V381.34H397.838H397.837Z" fill="black"/>
+</g>
+<defs>
+<clipPath id="clip0_4909_76">
+<rect width="500" height="500" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/lib/assets/logos/blockchains/optimism.svg b/src/lib/assets/logos/blockchains/optimism.svg
@@ -0,0 +1,4 @@
+<svg width="500" height="500" viewBox="0 0 500 500" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="250" cy="250" r="250" fill="white"/>
+<path d="M250 0C111.929 0 0 111.929 0 250C0 388.072 111.929 500 250 500C388.071 500 500 388.071 500 250C500 111.928 388.071 0 250 0ZM250 377.289V481.685C150.872 481.685 70.5128 401.326 70.5128 302.198C70.5128 203.07 150.872 122.711 250 122.711V18.315C349.128 18.315 429.487 98.674 429.487 197.802C429.487 296.93 349.128 377.289 250 377.289ZM336.081 249.199V250.799C298.138 269.711 269.71 298.137 250.8 336.081H249.201C230.29 298.137 201.862 269.711 163.919 250.799V249.199C201.862 230.289 230.29 201.862 249.201 163.919H250.8C269.71 201.862 298.138 230.289 336.081 249.199Z" fill="#FF0420"/>
+</svg>
diff --git a/src/lib/assets/logos/blockchains/plasma.svg b/src/lib/assets/logos/blockchains/plasma.svg
@@ -0,0 +1,11 @@
+<svg width="500" height="500" viewBox="0 0 500 500" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_4908_70)">
+<path d="M500 250C500 111.929 388.071 0 250 0C111.929 0 0 111.929 0 250C0 388.071 111.929 500 250 500C388.071 500 500 388.071 500 250Z" fill="#162F29"/>
+<path d="M441.406 251.025C441.406 252.967 441.379 254.906 441.323 256.848H441.102H348.225V252.606H258.623C258.623 251.719 258.65 250.831 258.65 249.973C258.65 249.112 258.65 248.198 258.623 247.337H348.225V243.125H348.365H441.24C441.35 245.758 441.406 248.392 441.406 251.025ZM257.042 231.925L344.733 221.14L345.26 225.354L437.858 213.958C436.971 209.412 435.917 204.921 434.725 200.513L343.569 211.742L344.096 215.954L255.987 226.796C256.377 228.515 256.737 230.233 257.042 231.979V231.925ZM252.467 214.956L336.277 194.025L337.302 198.129L426.242 175.922C424.41 171.624 422.444 167.382 420.335 163.252L334.004 184.821L335.029 188.924L250.527 210.05C251.221 211.685 251.858 213.321 252.467 214.985V214.956ZM245.037 199.071L323.385 169.49L324.883 173.454L407.777 142.154C405.087 138.217 402.26 134.391 399.267 130.676L320.031 160.59L321.527 164.555L242.237 194.497C243.208 195.994 244.15 197.519 245.037 199.071ZM234.752 184.377L303.95 148.309L305.892 152.079L382.41 112.184C378.89 108.774 375.229 105.53 371.458 102.398L299.544 139.88L301.483 143.651L231.121 180.33C232.34 181.66 233.56 182.991 234.725 184.377H234.752ZM218.062 168.519L280.719 128.68L282.992 132.256L352.135 88.286C347.783 85.5137 343.346 82.9354 338.773 80.5233L275.644 120.668L277.919 124.244L213.46 165.22C215.04 166.274 216.565 167.382 218.09 168.519H218.062ZM203.257 159.259L255.767 116.204L258.456 119.476L317.592 70.9585C312.573 69.0456 307.417 67.3269 302.204 65.8298L249.75 108.857L252.44 112.129L198.017 156.764C199.792 157.541 201.539 158.372 203.257 159.259ZM183.656 151.635L225.131 110.354L228.098 113.349L280.802 60.9779C275.09 60.0354 269.296 59.3423 263.419 58.8988L218.477 103.617L221.444 106.612L177.64 150.194C179.664 150.61 181.66 151.081 183.656 151.635ZM160.729 148.17L193.804 108.081L197.075 110.77L240.131 58.5938C233.587 58.8987 227.127 59.5365 220.779 60.479L186.484 102.037L189.756 104.726L153.936 148.142C154.935 148.114 155.96 148.087 156.958 148.087C158.234 148.087 159.481 148.087 160.729 148.142V148.17ZM140.906 149.362L166.385 109.939L169.933 112.24L200.735 64.5544C193.693 66.3842 186.817 68.6021 180.108 71.1804L158.428 104.754L161.976 107.055L133.753 150.748C136.11 150.194 138.494 149.722 140.906 149.334V149.362ZM118.893 155.489L137.219 121.139L140.934 123.135L165.192 77.6956C157.402 81.4937 149.916 85.791 142.764 90.5594L128.819 116.675L132.561 118.672L110.992 159.093C113.543 157.79 116.176 156.598 118.866 155.517L118.893 155.489ZM103.091 163.557L110.881 141.433L114.873 142.847L130.011 99.8748C122.331 105.974 115.123 112.628 108.441 119.808L101.926 138.3L105.919 139.714L95.716 168.658C98.1004 166.856 100.54 165.165 103.063 163.584L103.091 163.557ZM83.6562 179.387L87.094 163.307L91.2248 164.194L98.1558 131.813C90.8644 141.072 84.4048 151.025 78.8877 161.533L81.965 162.198L75.644 188.813C78.1115 185.514 80.8006 182.354 83.6562 179.387ZM69.3783 198.184V176.892C64.2217 190.504 60.5621 207.444 58.5938 224.05C61.0058 214.846 64.6652 206.168 69.3783 198.184ZM58.7323 276.448C60.7562 290.615 64.3048 304.283 69.2398 317.285V301.567C64.6931 293.804 61.1167 285.375 58.7323 276.448ZM76.3094 312.073L81.8265 337.802L78.7492 338.467C84.266 349.002 90.7258 358.927 98.0173 368.187L91.0863 335.806L86.9554 336.694L83.4621 320.419C80.9392 317.758 78.5273 314.985 76.3094 312.046V312.073ZM95.5221 331.204L105.78 360.315L101.788 361.727L108.303 380.219C114.984 387.4 122.192 394.054 129.872 400.152L114.735 357.181L110.742 358.594L102.924 336.36C100.401 334.752 97.934 333.06 95.5498 331.258L95.5221 331.204ZM110.826 340.823L132.45 381.356L128.708 383.352L142.653 409.469C149.806 414.237 157.291 418.533 165.081 422.331L140.823 376.892L137.08 378.89L118.699 344.456C116.01 343.375 113.376 342.154 110.798 340.852L110.826 340.823ZM133.587 349.196L161.838 392.944L158.289 395.246L179.969 428.819C186.679 431.398 193.554 433.617 200.596 435.446L169.795 387.76L166.246 390.06L140.74 350.583C138.328 350.194 135.916 349.723 133.559 349.169L133.587 349.196ZM153.77 351.858L189.589 395.273L186.318 397.962L220.612 439.521C226.96 440.465 233.421 441.102 239.965 441.406L196.909 389.202L193.637 391.892L160.562 351.802C159.37 351.858 158.15 351.858 156.931 351.858C155.877 351.858 154.796 351.858 153.742 351.802L153.77 351.858ZM177.53 349.806L221.306 393.36L218.34 396.354L263.279 441.073C269.156 440.629 274.952 439.937 280.662 438.994L227.987 386.596L224.994 389.619L183.546 348.365C181.577 348.892 179.553 349.39 177.53 349.806ZM197.934 343.292L252.302 387.9L249.612 391.171L302.065 434.198C307.277 432.7 312.433 430.981 317.452 429.069L258.29 380.552L255.6 383.823L203.146 340.796C201.427 341.683 199.681 342.515 197.907 343.292H197.934ZM213.348 334.808L277.723 375.756L275.45 379.331L338.577 419.477C343.152 417.065 347.617 414.458 351.942 411.715L282.798 367.744L280.525 371.321L217.952 331.535C216.427 332.673 214.902 333.781 213.321 334.835L213.348 334.808ZM231.092 319.725L301.373 356.35L299.431 360.119L371.348 397.602C375.119 394.469 378.777 391.225 382.298 387.817L305.781 347.921L303.84 351.692L234.725 315.677C233.56 317.065 232.367 318.423 231.121 319.725H231.092ZM242.21 305.531L321.39 335.446L319.892 339.41L399.127 369.323C402.094 365.608 404.921 361.783 407.637 357.846L324.744 326.546L323.246 330.51L245.01 300.956C244.123 302.508 243.179 304.033 242.21 305.531ZM250.5 290.006L334.862 311.075L333.837 315.179L420.169 336.748C422.304 332.617 424.273 328.375 426.102 324.079L337.165 301.871L336.137 305.975L252.44 285.071C251.829 286.733 251.165 288.371 250.5 290.006ZM255.987 273.26L343.956 284.073L343.429 288.288L434.585 299.515C435.779 295.079 436.831 290.587 437.719 286.069L345.121 274.675L344.594 278.887L257.042 268.104C256.737 269.85 256.377 271.569 255.987 273.287V273.26Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_4908_70">
+<rect width="500" height="500" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/lib/assets/logos/blockchains/soneium.svg b/src/lib/assets/logos/blockchains/soneium.svg
diff --git a/src/lib/assets/logos/blockchains/sonic.svg b/src/lib/assets/logos/blockchains/sonic.svg
@@ -0,0 +1,10 @@
+<svg width="500" height="500" viewBox="0 0 500 500" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="250" cy="250" r="250" fill="black"/>
+<path d="M294.826 303.36L294.879 303.325C294.879 303.325 294.826 303.36 294.791 303.378C294.809 303.378 294.826 303.378 294.844 303.378L294.826 303.36Z" fill="#F5F5F5"/>
+<path d="M294.791 303.378C211.738 328.324 143.057 364.714 100.031 407.332L98.1328 409.23C109.577 420.053 122.121 429.741 135.676 437.973L138.586 434.407C150.331 420.053 162.928 406.196 176.04 393.138C211.224 358.079 251.464 327.739 294.791 303.378Z" fill="#F5F5F5"/>
+<path d="M304.39 266.403H30.2148C33.5327 310.883 50.051 351.673 75.9728 384.852L77.1615 383.663C103.793 357.386 138.462 333.505 180.281 312.693C216.937 294.436 259.022 278.769 304.39 266.403Z" fill="#F5F5F5"/>
+<path d="M199.283 83.5843C273.607 157.642 367.145 206.611 469.75 225.187C457.383 115.397 363.934 30.002 250.382 30.002C220.397 30.002 191.814 35.9812 165.714 46.7686C176.307 59.5255 187.626 71.9452 199.283 83.6021V83.5843Z" fill="#F5F5F5"/>
+<path d="M100.032 92.6504C143.057 135.339 211.774 171.676 294.844 196.675C251.482 172.261 211.206 141.939 176.005 106.862C162.929 93.8392 150.349 79.9823 138.551 65.5931L135.641 62.0269C122.086 70.2594 109.542 79.929 98.1509 90.752L100.049 92.6504H100.032Z" fill="#F5F5F5"/>
+<path d="M199.283 416.398C187.573 428.055 176.271 440.475 165.714 453.232C191.778 464.019 220.397 469.998 250.382 469.998C363.934 469.998 457.383 384.586 469.785 274.76C367.198 293.336 273.66 342.305 199.319 416.363L199.283 416.398Z" fill="#F5F5F5"/>
+<path d="M180.228 187.236V187.271C138.444 166.459 103.793 142.56 77.1615 116.319L75.9728 115.13C50.051 148.309 33.5327 189.099 30.2148 233.579H304.337C258.987 221.213 216.937 205.546 180.228 187.236Z" fill="#F5F5F5"/>
+</svg>
diff --git a/src/lib/helpers/chain.ts b/src/lib/helpers/chain.ts
@@ -8,14 +8,27 @@ export type ApiChain = {
 
 // Local cache of supported chains (helps limit API calls)
 export const chains = [
+	// Fully supported chains (indexed on Oracle)
 	{ id: 1, slug: 'ethereum', name: 'Ethereum', explorer: 'https://etherscan.io', gas: 'ETH' },
 	{ id: 56, slug: 'binance', name: 'BNB Smart Chain', explorer: 'https://bscscan.com', gas: 'BNB' },
+	{ id: 130, slug: 'unichain', name: 'Unichain', explorer: 'https://unichain.blockscout.com', gas: 'ETH' },
 	{ id: 137, slug: 'polygon', name: 'Polygon', explorer: 'https://polygonscan.com', gas: 'POL' },
 	{ id: 8453, slug: 'base', name: 'Base', explorer: 'https://basescan.org', gas: 'ETH' },
-	{ id: 43114, slug: 'avalanche', name: 'Avalanche C-chain', explorer: 'https://snowtrace.io', gas: 'AVAX' },
 	{ id: 42161, slug: 'arbitrum', name: 'Arbitrum One', explorer: 'https://arbiscan.io', gas: 'ETH' },
+	{ id: 43114, slug: 'avalanche', name: 'Avalanche C-chain', explorer: 'https://snowtrace.io', gas: 'AVAX' },
 	{ id: 80094, slug: 'berachain', name: 'Berachain', explorer: 'https://berascan.com', gas: 'BERA' },
-	{ id: 130, slug: 'unichain', name: 'Unichain', explorer: 'https://unichain.blockscout.com', gas: 'ETH' }
+	// Partially supported chains (indexed vaults, logos)
+	{ id: 10, slug: 'optimism', name: 'Optimism', explorer: 'https://explorer.optimism.io', gas: 'ETH' },
+	{ id: 100, slug: 'gnosis', name: 'Gnosis', explorer: 'https://gnosisscan.io', gas: 'XDAI' },
+	{ id: 146, slug: 'sonic', name: 'Sonic', explorer: 'https://sonicscan.org', gas: 'S' },
+	{ id: 999, slug: 'hyperliquid', name: 'Hyperliquid', explorer: 'https://app.hyperliquid.xyz', gas: 'HYPE' },
+	{ id: 1868, slug: 'soneium', name: 'Soneium', explorer: 'https://soneium.blockscout.com', gas: 'ETH' },
+	{ id: 9745, slug: 'plasma', name: 'Plasma', explorer: 'https://plasmascan.to', gas: 'XLP' },
+	{ id: 34443, slug: 'mode', name: 'Mode', explorer: 'https://modescan.io', gas: 'ETH' },
+	{ id: 43111, slug: 'hemi', name: 'Hemi', explorer: 'https://explorer.hemi.xyz', gas: 'ETH' },
+	{ id: 59144, slug: 'linea', name: 'Linea', explorer: 'https://lineascan.build', gas: 'ETH' },
+	{ id: 81457, slug: 'blast', name: 'Blast', explorer: 'https://blastscan.io', gas: 'ETH' },
+	{ id: 747474, slug: 'katana', name: 'Katana', explorer: 'https://katanascan.com', gas: 'ETH' }
 ] as const;
 
 export type Chain = (typeof chains)[number];
diff --git a/src/lib/top-vaults/ChainCell.svelte b/src/lib/top-vaults/ChainCell.svelte
@@ -33,8 +33,11 @@
 		--logo-size: 1.25rem;
 
 		img {
+			display: block;
 			width: var(--logo-size);
 			height: var(--logo-size);
+			min-width: var(--logo-size);
+			min-height: var(--logo-size);
 		}
 
 		.no-logo {
diff --git a/src/lib/top-vaults/RiskCell.svelte b/src/lib/top-vaults/RiskCell.svelte
@@ -0,0 +1,60 @@
+<script lang="ts">
+	interface Props {
+		risk: string | null;
+	}
+
+	const { risk }: Props = $props();
+
+	const riskClass = risk?.toLowerCase().replace(/ /g, '-') ?? 'unknown';
+</script>
+
+<div class={['risk', riskClass]}>
+	{risk ?? 'Unknown'}
+</div>
+
+<style>
+	.risk {
+		display: inline-grid;
+		align-items: center;
+		height: 1.375rem;
+		padding: 0 0.625rem;
+		border-radius: 1rem;
+		font: var(--f-ui-xs-medium);
+		letter-spacing: 0.02em;
+		background: var(--c-text-ultra-light);
+
+		/* custom text color defs that ignore light/dark mode (always light or dark color) */
+		--c-always-light: var(--cm-light, var(--c-text-inverted)) var(--cm-dark, var(--c-text));
+		--c-always-dark: var(--cm-light, var(--c-text)) var(--cm-dark, var(--c-text-inverted));
+
+		&.negligible {
+			background-color: #2d7a2e;
+			color: var(--c-always-light);
+		}
+
+		&.minimal {
+			background-color: #4caf50;
+			color: var(--c-text-inverted);
+		}
+
+		&.low {
+			background-color: #fbc02d;
+			color: var(--c-always-dark);
+		}
+
+		&.high {
+			background-color: #ff9800;
+			color: var(--c-text-inverted);
+		}
+
+		&.severe {
+			background-color: #f4511e;
+			color: var(--c-always-light);
+		}
+
+		&.dangerous {
+			background-color: #c62828;
+			color: var(--c-always-light);
+		}
+	}
+</style>
diff --git a/src/lib/top-vaults/TopVaultsTable.svelte b/src/lib/top-vaults/TopVaultsTable.svelte
diff --git a/src/lib/top-vaults/schemas.ts b/src/lib/top-vaults/schemas.ts
