Review visualizations for dark/light mode compatibility (#5438)

SusanGithaigaN · web-flow · commit c705446a47fb · 2024-10-25T07:01:32.000Z
diff --git a/content/en/docs/collector/img/otel-collector.svg b/content/en/docs/collector/img/otel-collector.svg
@@ -1,6 +1,6 @@
-<svg width="984" height="698" viewBox="0 0 984 698" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="984" height="698" fill="white"/>
-<path d="M79.048 634.832C75.1307 634.832 71.612 634.017 68.492 632.388C65.372 630.759 62.928 628.505 61.16 625.628C59.392 622.716 58.508 619.44 58.508 615.8C58.508 612.16 59.392 608.901 61.16 606.024C62.928 603.112 65.372 600.841 68.492 599.212C71.612 597.583 75.1307 596.768 79.048 596.768C82.9653 596.768 86.484 597.583 89.604 599.212C92.724 600.841 95.168 603.112 96.936 606.024C98.704 608.901 99.588 612.16 99.588 615.8C99.588 619.44 98.704 622.716 96.936 625.628C95.168 628.505 92.724 630.759 89.604 632.388C86.484 634.017 82.9653 634.832 79.048 634.832ZM79.048 624.9C80.5733 624.9 81.9427 624.536 83.156 623.808C84.404 623.045 85.392 621.988 86.12 620.636C86.848 619.249 87.212 617.637 87.212 615.8C87.212 613.963 86.848 612.368 86.12 611.016C85.392 609.629 84.404 608.572 83.156 607.844C81.9427 607.081 80.5733 606.7 79.048 606.7C77.5227 606.7 76.136 607.081 74.888 607.844C73.6747 608.572 72.704 609.629 71.976 611.016C71.248 612.368 70.884 613.963 70.884 615.8C70.884 617.637 71.248 619.249 71.976 620.636C72.704 621.988 73.6747 623.045 74.888 623.808C76.136 624.536 77.5227 624.9 79.048 624.9ZM112.478 607.116H101.818V597.6H135.41V607.116H124.75V634H112.478V607.116ZM169.902 624.744V634H139.638V597.6H169.226V606.856H151.702V611.12H167.094V619.96H151.702V624.744H169.902ZM175.666 597.6H187.938V624.484H204.37V634H175.666V597.6ZM244.254 634.832C240.406 634.832 236.939 634.035 233.854 632.44C230.768 630.811 228.342 628.557 226.574 625.68C224.84 622.768 223.974 619.475 223.974 615.8C223.974 612.125 224.84 608.849 226.574 605.972C228.342 603.06 230.768 600.807 233.854 599.212C236.939 597.583 240.406 596.768 244.254 596.768C247.79 596.768 250.944 597.392 253.718 598.64C256.491 599.888 258.779 601.691 260.582 604.048L252.834 610.964C250.58 608.121 247.928 606.7 244.878 606.7C242.312 606.7 240.25 607.532 238.69 609.196C237.13 610.825 236.35 613.027 236.35 615.8C236.35 618.573 237.13 620.792 238.69 622.456C240.25 624.085 242.312 624.9 244.878 624.9C247.928 624.9 250.58 623.479 252.834 620.636L260.582 627.552C258.779 629.909 256.491 631.712 253.718 632.96C250.944 634.208 247.79 634.832 244.254 634.832ZM283.487 634.832C279.57 634.832 276.051 634.017 272.931 632.388C269.811 630.759 267.367 628.505 265.599 625.628C263.831 622.716 262.947 619.44 262.947 615.8C262.947 612.16 263.831 608.901 265.599 606.024C267.367 603.112 269.811 600.841 272.931 599.212C276.051 597.583 279.57 596.768 283.487 596.768C287.405 596.768 290.923 597.583 294.043 599.212C297.163 600.841 299.607 603.112 301.375 606.024C303.143 608.901 304.027 612.16 304.027 615.8C304.027 619.44 303.143 622.716 301.375 625.628C299.607 628.505 297.163 630.759 294.043 632.388C290.923 634.017 287.405 634.832 283.487 634.832ZM283.487 624.9C285.013 624.9 286.382 624.536 287.595 623.808C288.843 623.045 289.831 621.988 290.559 620.636C291.287 619.249 291.651 617.637 291.651 615.8C291.651 613.963 291.287 612.368 290.559 611.016C289.831 609.629 288.843 608.572 287.595 607.844C286.382 607.081 285.013 606.7 283.487 606.7C281.962 606.7 280.575 607.081 279.327 607.844C278.114 608.572 277.143 609.629 276.415 611.016C275.687 612.368 275.323 613.963 275.323 615.8C275.323 617.637 275.687 619.249 276.415 620.636C277.143 621.988 278.114 623.045 279.327 623.808C280.575 624.536 281.962 624.9 283.487 624.9ZM309.521 597.6H321.793V624.484H338.225V634H309.521V597.6ZM342.655 597.6H354.927V624.484H371.359V634H342.655V597.6ZM406.053 624.744V634H375.789V597.6H405.377V606.856H387.853V611.12H403.245V619.96H387.853V624.744H406.053ZM430.641 634.832C426.793 634.832 423.326 634.035 420.241 632.44C417.156 630.811 414.729 628.557 412.961 625.68C411.228 622.768 410.361 619.475 410.361 615.8C410.361 612.125 411.228 608.849 412.961 605.972C414.729 603.06 417.156 600.807 420.241 599.212C423.326 597.583 426.793 596.768 430.641 596.768C434.177 596.768 437.332 597.392 440.105 598.64C442.878 599.888 445.166 601.691 446.969 604.048L439.221 610.964C436.968 608.121 434.316 606.7 431.265 606.7C428.7 606.7 426.637 607.532 425.077 609.196C423.517 610.825 422.737 613.027 422.737 615.8C422.737 618.573 423.517 620.792 425.077 622.456C426.637 624.085 428.7 624.9 431.265 624.9C434.316 624.9 436.968 623.479 439.221 620.636L446.969 627.552C445.166 629.909 442.878 631.712 440.105 632.96C437.332 634.208 434.177 634.832 430.641 634.832ZM459.203 607.116H448.543V597.6H482.135V607.116H471.475V634H459.203V607.116ZM504.938 634.832C501.021 634.832 497.502 634.017 494.382 632.388C491.262 630.759 488.818 628.505 487.05 625.628C485.282 622.716 484.398 619.44 484.398 615.8C484.398 612.16 485.282 608.901 487.05 606.024C488.818 603.112 491.262 600.841 494.382 599.212C497.502 597.583 501.021 596.768 504.938 596.768C508.856 596.768 512.374 597.583 515.494 599.212C518.614 600.841 521.058 603.112 522.826 606.024C524.594 608.901 525.478 612.16 525.478 615.8C525.478 619.44 524.594 622.716 522.826 625.628C521.058 628.505 518.614 630.759 515.494 632.388C512.374 634.017 508.856 634.832 504.938 634.832ZM504.938 624.9C506.464 624.9 507.833 624.536 509.046 623.808C510.294 623.045 511.282 621.988 512.01 620.636C512.738 619.249 513.102 617.637 513.102 615.8C513.102 613.963 512.738 612.368 512.01 611.016C511.282 609.629 510.294 608.572 509.046 607.844C507.833 607.081 506.464 606.7 504.938 606.7C503.413 606.7 502.026 607.081 500.778 607.844C499.565 608.572 498.594 609.629 497.866 611.016C497.138 612.368 496.774 613.963 496.774 615.8C496.774 617.637 497.138 619.249 497.866 620.636C498.594 621.988 499.565 623.045 500.778 623.808C502.026 624.536 503.413 624.9 504.938 624.9ZM546.572 624.848H543.244V634H530.972V597.6H548.496C551.859 597.6 554.788 598.155 557.284 599.264C559.78 600.373 561.704 601.968 563.056 604.048C564.408 606.128 565.084 608.555 565.084 611.328C565.084 613.928 564.495 616.199 563.316 618.14C562.138 620.081 560.439 621.624 558.22 622.768L565.864 634H552.76L546.572 624.848ZM552.708 611.328C552.708 609.976 552.292 608.936 551.46 608.208C550.628 607.445 549.38 607.064 547.716 607.064H543.244V615.592H547.716C549.38 615.592 550.628 615.228 551.46 614.5C552.292 613.737 552.708 612.68 552.708 611.328Z" fill="black"/>
+<svg width="984" height="600" viewBox="0 0 984 600" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="984" height="600"/>
+<!-- <path d="M79.048 634.832C75.1307 634.832 71.612 634.017 68.492 632.388C65.372 630.759 62.928 628.505 61.16 625.628C59.392 622.716 58.508 619.44 58.508 615.8C58.508 612.16 59.392 608.901 61.16 606.024C62.928 603.112 65.372 600.841 68.492 599.212C71.612 597.583 75.1307 596.768 79.048 596.768C82.9653 596.768 86.484 597.583 89.604 599.212C92.724 600.841 95.168 603.112 96.936 606.024C98.704 608.901 99.588 612.16 99.588 615.8C99.588 619.44 98.704 622.716 96.936 625.628C95.168 628.505 92.724 630.759 89.604 632.388C86.484 634.017 82.9653 634.832 79.048 634.832ZM79.048 624.9C80.5733 624.9 81.9427 624.536 83.156 623.808C84.404 623.045 85.392 621.988 86.12 620.636C86.848 619.249 87.212 617.637 87.212 615.8C87.212 613.963 86.848 612.368 86.12 611.016C85.392 609.629 84.404 608.572 83.156 607.844C81.9427 607.081 80.5733 606.7 79.048 606.7C77.5227 606.7 76.136 607.081 74.888 607.844C73.6747 608.572 72.704 609.629 71.976 611.016C71.248 612.368 70.884 613.963 70.884 615.8C70.884 617.637 71.248 619.249 71.976 620.636C72.704 621.988 73.6747 623.045 74.888 623.808C76.136 624.536 77.5227 624.9 79.048 624.9ZM112.478 607.116H101.818V597.6H135.41V607.116H124.75V634H112.478V607.116ZM169.902 624.744V634H139.638V597.6H169.226V606.856H151.702V611.12H167.094V619.96H151.702V624.744H169.902ZM175.666 597.6H187.938V624.484H204.37V634H175.666V597.6ZM244.254 634.832C240.406 634.832 236.939 634.035 233.854 632.44C230.768 630.811 228.342 628.557 226.574 625.68C224.84 622.768 223.974 619.475 223.974 615.8C223.974 612.125 224.84 608.849 226.574 605.972C228.342 603.06 230.768 600.807 233.854 599.212C236.939 597.583 240.406 596.768 244.254 596.768C247.79 596.768 250.944 597.392 253.718 598.64C256.491 599.888 258.779 601.691 260.582 604.048L252.834 610.964C250.58 608.121 247.928 606.7 244.878 606.7C242.312 606.7 240.25 607.532 238.69 609.196C237.13 610.825 236.35 613.027 236.35 615.8C236.35 618.573 237.13 620.792 238.69 622.456C240.25 624.085 242.312 624.9 244.878 624.9C247.928 624.9 250.58 623.479 252.834 620.636L260.582 627.552C258.779 629.909 256.491 631.712 253.718 632.96C250.944 634.208 247.79 634.832 244.254 634.832ZM283.487 634.832C279.57 634.832 276.051 634.017 272.931 632.388C269.811 630.759 267.367 628.505 265.599 625.628C263.831 622.716 262.947 619.44 262.947 615.8C262.947 612.16 263.831 608.901 265.599 606.024C267.367 603.112 269.811 600.841 272.931 599.212C276.051 597.583 279.57 596.768 283.487 596.768C287.405 596.768 290.923 597.583 294.043 599.212C297.163 600.841 299.607 603.112 301.375 606.024C303.143 608.901 304.027 612.16 304.027 615.8C304.027 619.44 303.143 622.716 301.375 625.628C299.607 628.505 297.163 630.759 294.043 632.388C290.923 634.017 287.405 634.832 283.487 634.832ZM283.487 624.9C285.013 624.9 286.382 624.536 287.595 623.808C288.843 623.045 289.831 621.988 290.559 620.636C291.287 619.249 291.651 617.637 291.651 615.8C291.651 613.963 291.287 612.368 290.559 611.016C289.831 609.629 288.843 608.572 287.595 607.844C286.382 607.081 285.013 606.7 283.487 606.7C281.962 606.7 280.575 607.081 279.327 607.844C278.114 608.572 277.143 609.629 276.415 611.016C275.687 612.368 275.323 613.963 275.323 615.8C275.323 617.637 275.687 619.249 276.415 620.636C277.143 621.988 278.114 623.045 279.327 623.808C280.575 624.536 281.962 624.9 283.487 624.9ZM309.521 597.6H321.793V624.484H338.225V634H309.521V597.6ZM342.655 597.6H354.927V624.484H371.359V634H342.655V597.6ZM406.053 624.744V634H375.789V597.6H405.377V606.856H387.853V611.12H403.245V619.96H387.853V624.744H406.053ZM430.641 634.832C426.793 634.832 423.326 634.035 420.241 632.44C417.156 630.811 414.729 628.557 412.961 625.68C411.228 622.768 410.361 619.475 410.361 615.8C410.361 612.125 411.228 608.849 412.961 605.972C414.729 603.06 417.156 600.807 420.241 599.212C423.326 597.583 426.793 596.768 430.641 596.768C434.177 596.768 437.332 597.392 440.105 598.64C442.878 599.888 445.166 601.691 446.969 604.048L439.221 610.964C436.968 608.121 434.316 606.7 431.265 606.7C428.7 606.7 426.637 607.532 425.077 609.196C423.517 610.825 422.737 613.027 422.737 615.8C422.737 618.573 423.517 620.792 425.077 622.456C426.637 624.085 428.7 624.9 431.265 624.9C434.316 624.9 436.968 623.479 439.221 620.636L446.969 627.552C445.166 629.909 442.878 631.712 440.105 632.96C437.332 634.208 434.177 634.832 430.641 634.832ZM459.203 607.116H448.543V597.6H482.135V607.116H471.475V634H459.203V607.116ZM504.938 634.832C501.021 634.832 497.502 634.017 494.382 632.388C491.262 630.759 488.818 628.505 487.05 625.628C485.282 622.716 484.398 619.44 484.398 615.8C484.398 612.16 485.282 608.901 487.05 606.024C488.818 603.112 491.262 600.841 494.382 599.212C497.502 597.583 501.021 596.768 504.938 596.768C508.856 596.768 512.374 597.583 515.494 599.212C518.614 600.841 521.058 603.112 522.826 606.024C524.594 608.901 525.478 612.16 525.478 615.8C525.478 619.44 524.594 622.716 522.826 625.628C521.058 628.505 518.614 630.759 515.494 632.388C512.374 634.017 508.856 634.832 504.938 634.832ZM504.938 624.9C506.464 624.9 507.833 624.536 509.046 623.808C510.294 623.045 511.282 621.988 512.01 620.636C512.738 619.249 513.102 617.637 513.102 615.8C513.102 613.963 512.738 612.368 512.01 611.016C511.282 609.629 510.294 608.572 509.046 607.844C507.833 607.081 506.464 606.7 504.938 606.7C503.413 606.7 502.026 607.081 500.778 607.844C499.565 608.572 498.594 609.629 497.866 611.016C497.138 612.368 496.774 613.963 496.774 615.8C496.774 617.637 497.138 619.249 497.866 620.636C498.594 621.988 499.565 623.045 500.778 623.808C502.026 624.536 503.413 624.9 504.938 624.9ZM546.572 624.848H543.244V634H530.972V597.6H548.496C551.859 597.6 554.788 598.155 557.284 599.264C559.78 600.373 561.704 601.968 563.056 604.048C564.408 606.128 565.084 608.555 565.084 611.328C565.084 613.928 564.495 616.199 563.316 618.14C562.138 620.081 560.439 621.624 558.22 622.768L565.864 634H552.76L546.572 624.848ZM552.708 611.328C552.708 609.976 552.292 608.936 551.46 608.208C550.628 607.445 549.38 607.064 547.716 607.064H543.244V615.592H547.716C549.38 615.592 550.628 615.228 551.46 614.5C552.292 613.737 552.708 612.68 552.708 611.328Z" fill="black"/> -->
 <path d="M60 72C60 66.4771 64.4772 62 70 62H914C919.523 62 924 66.4772 924 72V519C924 524.523 919.523 529 914 529H70C64.4772 529 60 524.523 60 519V72Z" fill="#F0F4FD"/>
 <g opacity="0.2" filter="url(#filter0_f)">
 <path d="M726 400.5H728C741.255 400.5 752 389.755 752 376.5V224C752 210.745 762.745 200 776 200H799.5" stroke="#ADC568" stroke-width="4" stroke-linecap="round"/>
diff --git a/static/img/waterfall-trace.svg b/static/img/waterfall-trace.svg
@@ -1,6 +1,6 @@
 <svg width="1180" height="751" viewBox="0 0 1180 751" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_422_717)">
-<rect width="1180" height="751" fill="white"/>
+<rect width="1180" height="751"/>
 <path d="M66.9729 55H1132.16V109.216H66.9729V55Z" fill="#E7ECF8"/>
 <path d="M66.9729 55H76.5405V109.216H66.9729V55Z" fill="#8FA5ED"/>
 <path d="M95.9566 91.4431C94.815 91.4431 93.832 91.1736 93.0075 90.6345C92.183 90.0954 91.5488 89.3529 91.1049 88.4068C90.6609 87.4608 90.4389 86.38 90.4389 85.1644C90.4389 83.9277 90.6662 82.8363 91.1207 81.8903C91.5805 80.939 92.22 80.1964 93.0392 79.6626C93.8637 79.1235 94.8256 78.854 95.9249 78.854C96.7811 78.854 97.5527 79.0125 98.2398 79.3297C98.9268 79.6468 99.4897 80.0907 99.9284 80.6615C100.367 81.2323 100.639 81.8982 100.745 82.6593H98.874C98.7313 82.1043 98.4142 81.6128 97.9227 81.1847C97.4364 80.7514 96.7811 80.5347 95.9566 80.5347C95.2273 80.5347 94.5878 80.7249 94.0381 81.1055C93.4937 81.4807 93.0683 82.0119 92.7618 82.6989C92.4605 83.3807 92.3099 84.1814 92.3099 85.101C92.3099 86.0418 92.4579 86.8609 92.7538 87.5586C93.0551 88.2562 93.4779 88.7979 94.0223 89.1838C94.5719 89.5696 95.2167 89.7625 95.9566 89.7625C96.4428 89.7625 96.8841 89.6779 97.2805 89.5088C97.6769 89.3397 98.0125 89.0965 98.2873 88.7794C98.5622 88.4623 98.7577 88.0818 98.874 87.6379H100.745C100.639 88.3566 100.378 89.0041 99.9601 89.5801C99.5478 90.1509 99.0008 90.6054 98.3191 90.9437C97.6426 91.2767 96.8551 91.4431 95.9566 91.4431ZM105.351 74.9536V91.1895H103.48V74.9536H105.351ZM108.778 91.1895V79.0125H110.649V91.1895H108.778ZM109.729 76.9831C109.364 76.9831 109.05 76.8589 108.786 76.6105C108.527 76.3621 108.397 76.0635 108.397 75.7146C108.397 75.3658 108.527 75.0672 108.786 74.8188C109.05 74.5704 109.364 74.4462 109.729 74.4462C110.094 74.4462 110.405 74.5704 110.664 74.8188C110.929 75.0672 111.061 75.3658 111.061 75.7146C111.061 76.0635 110.929 76.3621 110.664 76.6105C110.405 76.8589 110.094 76.9831 109.729 76.9831ZM119.181 91.4431C118.007 91.4431 116.995 91.1842 116.144 90.6662C115.299 90.143 114.646 89.4137 114.186 88.4782C113.732 87.5374 113.505 86.4434 113.505 85.1961C113.505 83.9488 113.732 82.8495 114.186 81.8982C114.646 80.9416 115.286 80.1964 116.105 79.6626C116.929 79.1235 117.891 78.854 118.99 78.854C119.625 78.854 120.251 78.9597 120.869 79.1711C121.488 79.3825 122.051 79.726 122.558 80.2017C123.065 80.6721 123.47 81.2957 123.771 82.0726C124.072 82.8495 124.223 83.8061 124.223 84.9424V85.7352H114.836V84.118H122.32C122.32 83.4309 122.183 82.8178 121.908 82.2787C121.638 81.7397 121.252 81.3142 120.75 81.0024C120.254 80.6906 119.667 80.5347 118.99 80.5347C118.245 80.5347 117.6 80.7196 117.056 81.0896C116.517 81.4543 116.102 81.9299 115.811 82.5166C115.521 83.1032 115.375 83.7322 115.375 84.4034V85.4815C115.375 86.4011 115.534 87.1807 115.851 87.8202C116.173 88.4544 116.62 88.938 117.191 89.271C117.762 89.5986 118.425 89.7625 119.181 89.7625C119.672 89.7625 120.116 89.6938 120.513 89.5564C120.914 89.4137 121.26 89.2023 121.551 88.9221C121.842 88.6367 122.066 88.2826 122.225 87.8598L124.032 88.3672C123.842 88.9803 123.522 89.5194 123.073 89.9844C122.624 90.4443 122.069 90.8036 121.408 91.0626C120.748 91.3163 120.005 91.4431 119.181 91.4431ZM128.94 83.8643V91.1895H127.069V79.0125H128.876V80.9152H129.035C129.32 80.2968 129.754 79.8 130.335 79.4248C130.916 79.0443 131.667 78.854 132.586 78.854C133.411 78.854 134.132 79.0231 134.751 79.3614C135.369 79.6943 135.85 80.2017 136.194 80.8835C136.537 81.56 136.709 82.4162 136.709 83.452V91.1895H134.838V83.5789C134.838 82.6223 134.589 81.8771 134.093 81.3433C133.596 80.8042 132.914 80.5347 132.047 80.5347C131.45 80.5347 130.916 80.6641 130.446 80.9231C129.981 81.1821 129.614 81.56 129.344 82.0568C129.074 82.5536 128.94 83.1561 128.94 83.8643ZM145.423 79.0125V80.5981H139.113V79.0125H145.423ZM140.952 76.0952H142.823V87.7013C142.823 88.2298 142.9 88.6262 143.053 88.8904C143.211 89.1494 143.412 89.3238 143.655 89.4137C143.904 89.4982 144.165 89.5405 144.44 89.5405C144.646 89.5405 144.816 89.5299 144.948 89.5088C145.08 89.4824 145.185 89.4612 145.265 89.4454L145.645 91.126C145.518 91.1736 145.341 91.2212 145.114 91.2687C144.887 91.3216 144.599 91.348 144.25 91.348C143.721 91.348 143.204 91.2344 142.696 91.0071C142.194 90.7799 141.777 90.4337 141.444 89.9686C141.116 89.5035 140.952 88.9169 140.952 88.2086V76.0952Z" fill="#566381"/>
