Update to Elastic brand graphics (#56094) (#56338)

* update elastic brand graphics

* update card graphic

* update welcome test snapshot

* rename png file
This commit is contained in:
Ryan Keairns 2020-01-29 15:39:27 -06:00 committed by GitHub
parent a17bbba369
commit 3fad1dcfe7
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
12 changed files with 29 additions and 135 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 546 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 141 KiB

View file

@ -424,7 +424,7 @@ exports[`should render a Welcome screen with the telemetry disclaimer when optIn
/>
</EuiLink>
<FormattedMessage
defaultMessage="To stop collection, "
defaultMessage=" To stop collection, "
id="kbn.home.dataManagementDisableCollection"
values={Object {}}
/>

View file

@ -42,7 +42,7 @@ interface Props {
export function SampleDataCard({ urlBasePath, onDecline, onConfirm }: Props) {
return (
<EuiCard
image={`${urlBasePath}/plugins/kibana/home/assets/illo_dashboard.png`}
image={`${urlBasePath}/plugins/kibana/home/assets/illustration_elastic_heart.png`}
textAlign="left"
title={<FormattedMessage id="kbn.home.letsStartTitle" defaultMessage="Let's get started" />}
description={

View file

@ -90,7 +90,7 @@ export class Welcome extends React.Component<Props> {
<Fragment>
<FormattedMessage
id="kbn.home.dataManagementDisableCollection"
defaultMessage="To stop collection, "
defaultMessage=" To stop collection, "
/>
<EuiLink href="#/management/kibana/settings">
<FormattedMessage

File diff suppressed because one or more lines are too long

View file

@ -1,66 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1170" height="880" viewBox="0 0 1170 880">
<defs>
<radialGradient id="bg_bottom_branded-b" cx="44.645%" cy="43.259%" r="93.821%" fx="44.645%" fy="43.259%" gradientTransform="matrix(.54075 .76504 -.6424 .64398 .483 -.188)">
<stop offset="0%" stop-color="#D9D9D9"/>
<stop offset="100%"/>
</radialGradient>
<polygon id="bg_bottom_branded-a" points="0 0 1048 880 0 880"/>
<linearGradient id="bg_bottom_branded-c" x1="98.924%" x2="7.157%" y1="48.924%" y2="48.924%">
<stop offset="0%" stop-color="#DFDDDD" stop-opacity=".25"/>
<stop offset="100%" stop-color="#FFF" stop-opacity=".2"/>
</linearGradient>
<linearGradient id="bg_bottom_branded-e" x1="0%" y1="47.421%" y2="47.421%">
<stop offset="0%" stop-color="#FFF" stop-opacity=".6"/>
<stop offset="100%" stop-opacity=".25"/>
</linearGradient>
<polygon id="bg_bottom_branded-d" points="561 364 1170 880 561 880"/>
<linearGradient id="bg_bottom_branded-g" x1="0%" y1="0%" y2="100%">
<stop offset="0%" stop-color="#FFF" stop-opacity=".2"/>
<stop offset="100%" stop-opacity="0"/>
</linearGradient>
<radialGradient id="bg_bottom_branded-h" cx="0%" cy="0%" r="127.62%" fx="0%" fy="0%" gradientTransform="scale(.9322 1) rotate(42.99)">
<stop offset="0%" stop-color="#BBB" stop-opacity=".1"/>
<stop offset="100%" stop-opacity=".5"/>
</radialGradient>
<polygon id="bg_bottom_branded-f" points="-12 538 342 868 -12 868"/>
<linearGradient id="bg_bottom_branded-j" x1="0%" y1="0%" y2="100%">
<stop offset="0%" stop-color="#FFF" stop-opacity=".4"/>
<stop offset="100%" stop-opacity="0"/>
</linearGradient>
<radialGradient id="bg_bottom_branded-k" cx="0%" cy="0%" r="148.368%" fx="0%" fy="0%" gradientTransform="matrix(.674 .674 -.73874 .61493 0 0)">
<stop offset="0%" stop-color="#FFF" stop-opacity=".101"/>
<stop offset="100%" stop-opacity=".15"/>
</radialGradient>
<path id="bg_bottom_branded-i" d="M197,880 L374,880 C365.385564,795.927984 296.005151,723.868711 197,686 L197,880 Z"/>
<radialGradient id="bg_bottom_branded-m" cx="0%" cy="0%" r="127.62%" fx="0%" fy="0%" gradientTransform="scale(1 .9322) rotate(47.01)">
<stop offset="0%" stop-color="#BBB" stop-opacity=".1"/>
<stop offset="100%" stop-opacity=".5"/>
</radialGradient>
<polygon id="bg_bottom_branded-l" points="165 703 330 880 165 880"/>
</defs>
<svg xmlns="http://www.w3.org/2000/svg" width="313" height="461" viewBox="0 0 313 461">
<g fill="none" fill-rule="evenodd">
<g opacity=".1">
<use fill="#E4E4E4" xlink:href="#bg_bottom_branded-a"/>
<use fill="url(#bg_bottom_branded-b)" xlink:href="#bg_bottom_branded-a" style="mix-blend-mode:overlay"/>
</g>
<g opacity=".05">
<use fill="url(#bg_bottom_branded-c)" xlink:href="#bg_bottom_branded-d"/>
<use fill="url(#bg_bottom_branded-e)" xlink:href="#bg_bottom_branded-d" style="mix-blend-mode:overlay"/>
</g>
<g opacity=".65" transform="matrix(0 -1 -1 0 868 868)">
<use fill="#DD0A73" xlink:href="#bg_bottom_branded-f"/>
<use fill="url(#bg_bottom_branded-g)" xlink:href="#bg_bottom_branded-f" style="mix-blend-mode:overlay"/>
<use fill="url(#bg_bottom_branded-h)" xlink:href="#bg_bottom_branded-f" style="mix-blend-mode:overlay"/>
</g>
<g opacity=".65">
<use fill="#017F75" xlink:href="#bg_bottom_branded-i"/>
<use fill="url(#bg_bottom_branded-j)" xlink:href="#bg_bottom_branded-i" style="mix-blend-mode:overlay"/>
<use fill="url(#bg_bottom_branded-k)" xlink:href="#bg_bottom_branded-i" style="mix-blend-mode:overlay"/>
</g>
<g opacity=".15">
<use fill="#353535" xlink:href="#bg_bottom_branded-l"/>
<use fill="url(#bg_bottom_branded-g)" xlink:href="#bg_bottom_branded-l" style="mix-blend-mode:overlay"/>
<use fill="url(#bg_bottom_branded-m)" xlink:href="#bg_bottom_branded-l" style="mix-blend-mode:overlay"/>
</g>
<path fill="#F5F7FA" d="M294.009,184.137 C456.386,184.137 588.018,315.77 588.018,478.146 C588.018,640.523 456.386,772.156 294.009,772.156 C131.632,772.156 0,640.523 0,478.146 C0,315.77 131.632,184.137 294.009,184.137 Z M294.009,384.552 C242.318,384.552 200.415,426.456 200.415,478.146 C200.415,529.837 242.318,571.741 294.009,571.741 C345.7,571.741 387.604,529.837 387.604,478.146 C387.604,426.456 345.7,384.552 294.009,384.552 Z"/>
<path fill="#E6EBF2" d="M202.958,365.731 L202.958,380.991 L187.698,380.991 L187.698,365.731 L202.958,365.731 Z M202.958,327.073 L202.958,342.333 L187.698,342.333 L187.698,327.073 L202.958,327.073 Z M243.651,325.038 L243.651,340.298 L228.391,340.298 L228.391,325.038 L243.651,325.038 Z M243.651,286.379 L243.651,301.639 L228.391,301.639 L228.391,286.379 L243.651,286.379 Z M202.958,285.362 L202.958,300.622 L187.698,300.622 L187.698,285.362 L202.958,285.362 Z M284.345,284.345 L284.345,299.605 L269.085,299.605 L269.085,284.345 L284.345,284.345 Z M284.345,245.686 L284.345,260.946 L269.085,260.946 L269.085,245.686 L284.345,245.686 Z M243.651,244.669 L243.651,259.929 L228.391,259.929 L228.391,244.669 L243.651,244.669 Z M202.958,243.651 L202.958,258.911 L187.698,258.911 L187.698,243.651 L202.958,243.651 Z M284.345,203.975 L284.345,219.235 L269.085,219.235 L269.085,203.975 L284.345,203.975 Z M202.958,203.975 L202.958,219.235 L187.698,219.235 L187.698,203.975 L202.958,203.975 Z M243.651,202.958 L243.651,218.218 L228.391,218.218 L228.391,202.958 L243.651,202.958 Z M243.651,163.282 L243.651,178.542 L228.391,178.542 L228.391,163.282 L243.651,163.282 Z M202.958,163.282 L202.958,178.542 L187.698,178.542 L187.698,163.282 L202.958,163.282 Z M284.345,162.265 L284.345,177.525 L269.085,177.525 L269.085,162.265 L284.345,162.265 Z M284.345,122.589 L284.345,137.849 L269.085,137.849 L269.085,122.589 L284.345,122.589 Z M243.651,122.589 L243.651,137.849 L228.391,137.849 L228.391,122.589 L243.651,122.589 Z M202.958,122.589 L202.958,137.849 L187.698,137.849 L187.698,122.589 L202.958,122.589 Z M284.345,81.8954 L284.345,97.1554 L269.085,97.1554 L269.085,81.8954 L284.345,81.8954 Z M243.651,81.8954 L243.651,97.1554 L228.391,97.1554 L228.391,81.8954 L243.651,81.8954 Z M202.958,81.8954 L202.958,97.1554 L187.698,97.1554 L187.698,81.8954 L202.958,81.8954 Z M284.345,41.202 L284.345,56.462 L269.085,56.462 L269.085,41.202 L284.345,41.202 Z M243.651,41.202 L243.651,56.462 L228.391,56.462 L228.391,41.202 L243.651,41.202 Z M284.345,0.508789 L284.345,15.7688 L269.085,15.7688 L269.085,0.508789 L284.345,0.508789 Z"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 3.9 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

Before After
Before After

View file

@ -1,29 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1170" height="880" viewBox="0 0 1170 880">
<defs>
<linearGradient id="bg_bottom_branded_dark-a" x1="77.613%" x2="2.264%" y1="48.924%" y2="48.924%">
<stop offset="0%" stop-color="#FFF" stop-opacity=".4"/>
<stop offset="100%" stop-color="#FFF" stop-opacity="0"/>
</linearGradient>
<linearGradient id="bg_bottom_branded_dark-c" x1="0%" y1="0%" y2="100%">
<stop offset="0%" stop-color="#FFF" stop-opacity=".4"/>
<stop offset="100%" stop-opacity="0"/>
</linearGradient>
<linearGradient id="bg_bottom_branded_dark-d" x1="50%" x2="50%" y1=".727%" y2="53.618%">
<stop offset="0%" stop-color="#FFF"/>
<stop offset="100%" stop-color="#D9D9D9" stop-opacity=".3"/>
</linearGradient>
<path id="bg_bottom_branded_dark-b" d="M197,880 L374,880 C365.385564,795.927984 296.005151,723.868711 197,686 L197,880 Z"/>
</defs>
<svg xmlns="http://www.w3.org/2000/svg" width="313" height="461" viewBox="0 0 313 461">
<g fill="none" fill-rule="evenodd">
<polygon fill="url(#bg_bottom_branded_dark-a)" points="561 364 1170 880 561 880" opacity=".03"/>
<polygon fill="#F5F5F5" fill-opacity=".35" points="0 0 1048 880 0 880" opacity=".01"/>
<polygon fill="#FFF" points="-12 538 342 868 -12 868" opacity=".02" transform="matrix(0 -1 -1 0 868 868)"/>
<path fill="#000" d="M197,737.327273 L197,880 L165,880 L165,703 L197,737.327273 Z" opacity=".03"/>
<g opacity=".02">
<use fill="#F5F5F5" xlink:href="#bg_bottom_branded_dark-b"/>
<use fill="url(#bg_bottom_branded_dark-c)" xlink:href="#bg_bottom_branded_dark-b" style="mix-blend-mode:overlay"/>
<use fill="url(#bg_bottom_branded_dark-d)" xlink:href="#bg_bottom_branded_dark-b" style="mix-blend-mode:overlay"/>
</g>
<path fill="#FFF" fill-opacity=".5" d="M330,880 L197,880 L197,737.327273 L330,880 Z" opacity=".01"/>
<path fill="#18191E" d="M294.009,184.137 C456.386,184.137 588.018,315.77 588.018,478.146 C588.018,640.523 456.386,772.156 294.009,772.156 C131.632,772.156 0,640.523 0,478.146 C0,315.77 131.632,184.137 294.009,184.137 Z M294.009,384.552 C242.318,384.552 200.415,426.456 200.415,478.146 C200.415,529.837 242.318,571.741 294.009,571.741 C345.7,571.741 387.604,529.837 387.604,478.146 C387.604,426.456 345.7,384.552 294.009,384.552 Z"/>
<path fill="#15161B" d="M202.958,365.731 L202.958,380.991 L187.698,380.991 L187.698,365.731 L202.958,365.731 Z M202.958,327.073 L202.958,342.333 L187.698,342.333 L187.698,327.073 L202.958,327.073 Z M243.651,325.038 L243.651,340.298 L228.391,340.298 L228.391,325.038 L243.651,325.038 Z M243.651,286.379 L243.651,301.639 L228.391,301.639 L228.391,286.379 L243.651,286.379 Z M202.958,285.362 L202.958,300.622 L187.698,300.622 L187.698,285.362 L202.958,285.362 Z M284.345,284.345 L284.345,299.605 L269.085,299.605 L269.085,284.345 L284.345,284.345 Z M284.345,245.686 L284.345,260.946 L269.085,260.946 L269.085,245.686 L284.345,245.686 Z M243.651,244.669 L243.651,259.929 L228.391,259.929 L228.391,244.669 L243.651,244.669 Z M202.958,243.651 L202.958,258.911 L187.698,258.911 L187.698,243.651 L202.958,243.651 Z M284.345,203.975 L284.345,219.235 L269.085,219.235 L269.085,203.975 L284.345,203.975 Z M202.958,203.975 L202.958,219.235 L187.698,219.235 L187.698,203.975 L202.958,203.975 Z M243.651,202.958 L243.651,218.218 L228.391,218.218 L228.391,202.958 L243.651,202.958 Z M243.651,163.282 L243.651,178.542 L228.391,178.542 L228.391,163.282 L243.651,163.282 Z M202.958,163.282 L202.958,178.542 L187.698,178.542 L187.698,163.282 L202.958,163.282 Z M284.345,162.265 L284.345,177.525 L269.085,177.525 L269.085,162.265 L284.345,162.265 Z M284.345,122.589 L284.345,137.849 L269.085,137.849 L269.085,122.589 L284.345,122.589 Z M243.651,122.589 L243.651,137.849 L228.391,137.849 L228.391,122.589 L243.651,122.589 Z M202.958,122.589 L202.958,137.849 L187.698,137.849 L187.698,122.589 L202.958,122.589 Z M284.345,81.8954 L284.345,97.1554 L269.085,97.1554 L269.085,81.8954 L284.345,81.8954 Z M243.651,81.8954 L243.651,97.1554 L228.391,97.1554 L228.391,81.8954 L243.651,81.8954 Z M202.958,81.8954 L202.958,97.1554 L187.698,97.1554 L187.698,81.8954 L202.958,81.8954 Z M284.345,41.202 L284.345,56.462 L269.085,56.462 L269.085,41.202 L284.345,41.202 Z M243.651,41.202 L243.651,56.462 L228.391,56.462 L228.391,41.202 L243.651,41.202 Z M284.345,0.508789 L284.345,15.7688 L269.085,15.7688 L269.085,0.508789 L284.345,0.508789 Z"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

Before After
Before After

View file

@ -1,33 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="370" viewBox="0 0 400 370">
<defs>
<linearGradient id="bg_top_branded-a" x1="10.793%" y1="50%" y2="50%">
<stop offset="0%" stop-color="#FFF" stop-opacity=".5"/>
<stop offset="100%" stop-color="#E2E2E2" stop-opacity="0"/>
</linearGradient>
<radialGradient id="bg_top_branded-c" cx="0%" cy="0%" r="147.266%" fx="0%" fy="0%" gradientTransform="matrix(.67904 .67904 -.62811 .7341 0 0)">
<stop offset="0%" stop-color="#FFF" stop-opacity=".5"/>
<stop offset="100%" stop-opacity=".2"/>
</radialGradient>
<polygon id="bg_top_branded-b" points="400 370 0 0 400 0"/>
<linearGradient id="bg_top_branded-e" x1="0%" y1="35.11%" y2="0%">
<stop offset="0%" stop-color="#FFF" stop-opacity=".6"/>
<stop offset="100%" stop-opacity="0"/>
</linearGradient>
<radialGradient id="bg_top_branded-f" cy="0%" r="146.096%" fx="50%" fy="0%" gradientTransform="matrix(-.68448 .68448 -.64265 -.72903 .842 -.342)">
<stop offset="0%" stop-color="#FFF" stop-opacity=".7"/>
<stop offset="100%"/>
</radialGradient>
<polygon id="bg_top_branded-d" points="400 169 220 0 400 0"/>
</defs>
<svg xmlns="http://www.w3.org/2000/svg" width="310" height="477" viewBox="0 0 310 477">
<g fill="none" fill-rule="evenodd">
<g opacity=".1">
<use fill="url(#bg_top_branded-a)" xlink:href="#bg_top_branded-b"/>
<use fill="url(#bg_top_branded-c)" xlink:href="#bg_top_branded-b" style="mix-blend-mode:overlay"/>
</g>
<g opacity=".05">
<use fill="#F5F5F5" xlink:href="#bg_top_branded-d"/>
<use fill="url(#bg_top_branded-e)" xlink:href="#bg_top_branded-d" style="mix-blend-mode:overlay"/>
<use fill="url(#bg_top_branded-f)" xlink:href="#bg_top_branded-d" style="mix-blend-mode:darken"/>
</g>
<path fill="#F5F7FA" fill-rule="nonzero" d="M-84.8192,429.362 C79.3093,429.362 212.362,296.309 212.362,132.181 C212.362,-31.9476 79.3093,-165 -84.8192,-165 C-248.948,-165 -382,-31.9476 -382,132.181 C-382,296.309 -248.948,429.362 -84.8192,429.362 Z"/>
<path fill="#E6EBF2" d="M191.765,208.683 L191.765,223.395 L177.053,223.395 L177.053,208.683 L191.765,208.683 Z M230.997,208.683 L230.997,223.395 L216.285,223.395 L216.285,208.683 L230.997,208.683 Z M152.533,208.683 L152.533,223.395 L137.821,223.395 L137.821,208.683 L152.533,208.683 Z M113.301,208.683 L113.301,223.395 L98.5893,223.395 L98.5893,208.683 L113.301,208.683 Z M75.0504,208.683 L75.0504,223.395 L60.3385,223.395 L60.3385,208.683 L75.0504,208.683 Z M34.8375,208.683 L34.8375,223.395 L20.1256,223.395 L20.1256,208.683 L34.8375,208.683 Z M230.997,169.451 L230.997,184.163 L216.285,184.163 L216.285,169.451 L230.997,169.451 Z M270.228,169.451 L270.228,184.163 L255.516,184.163 L255.516,169.451 L270.228,169.451 Z M191.765,169.451 L191.765,184.163 L177.053,184.163 L177.053,169.451 L191.765,169.451 Z M152.533,169.451 L152.533,184.163 L137.821,184.163 L137.821,169.451 L152.533,169.451 Z M114.282,169.451 L114.282,184.163 L99.5701,184.163 L99.5701,169.451 L114.282,169.451 Z M74.0697,169.451 L74.0697,184.163 L59.3578,184.163 L59.3578,169.451 L74.0697,169.451 Z M33.8568,169.451 L33.8568,184.163 L19.1449,184.163 L19.1449,169.451 L33.8568,169.451 Z M270.228,130.219 L270.228,144.931 L255.516,144.931 L255.516,130.219 L270.228,130.219 Z M309.46,130.219 L309.46,144.931 L294.748,144.931 L294.748,130.219 L309.46,130.219 Z M230.997,130.219 L230.997,144.931 L216.285,144.931 L216.285,130.219 L230.997,130.219 Z M191.765,130.219 L191.765,144.931 L177.053,144.931 L177.053,130.219 L191.765,130.219 Z M153.514,130.219 L153.514,144.931 L138.802,144.931 L138.802,130.219 L153.514,130.219 Z M113.301,130.219 L113.301,144.931 L98.5893,144.931 L98.5893,130.219 L113.301,130.219 Z M73.0889,130.219 L73.0889,144.931 L58.3769,144.931 L58.3769,130.219 L73.0889,130.219 Z M35.8184,130.219 L35.8184,144.931 L21.1064,144.931 L21.1064,130.219 L35.8184,130.219 Z"/>
<path fill="#F5F7FA" fill-rule="nonzero" d="M65.9081,430.908 C76.4523,420.364 93.5477,420.364 104.092,430.908 C114.636,441.452 114.636,458.548 104.092,469.092 C93.5477,479.636 76.4523,479.636 65.9081,469.092 C55.364,458.548 55.364,441.452 65.9081,430.908 Z M96.3137,438.686 C90.0653,432.438 79.9347,432.438 73.6863,438.686 C67.4379,444.935 67.4379,455.065 73.6863,461.314 C79.9347,467.562 90.0653,467.562 96.3137,461.314 C102.562,455.065 102.562,444.935 96.3137,438.686 Z"/>
<path fill="#E6EBF2" fill-rule="nonzero" d="M65.9082,430.908 C55.364,441.452 55.364,458.548 65.9082,469.092 L73.6864,461.314 C67.438,455.065 67.438,444.935 73.6864,438.686 L65.9082,430.908 Z"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

Before After
Before After

View file

@ -1,6 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" width="400" height="370" viewBox="0 0 400 370">
<g fill="none" fill-rule="evenodd" opacity=".2">
<polygon fill="#D8D8D8" fill-opacity=".5" points="400 370 0 0 400 0" opacity=".08" style="mix-blend-mode:overlay"/>
<polygon fill="#F5F5F5" points="400 169 220 0 400 0" opacity=".07"/>
<svg xmlns="http://www.w3.org/2000/svg" width="310" height="477" viewBox="0 0 310 477">
<g fill="none" fill-rule="evenodd">
<path fill="#18191E" fill-rule="nonzero" d="M-84.8192,429.362 C79.3093,429.362 212.362,296.309 212.362,132.181 C212.362,-31.9476 79.3093,-165 -84.8192,-165 C-248.948,-165 -382,-31.9476 -382,132.181 C-382,296.309 -248.948,429.362 -84.8192,429.362 Z"/>
<path fill="#15161B" d="M191.765,208.683 L191.765,223.395 L177.053,223.395 L177.053,208.683 L191.765,208.683 Z M230.997,208.683 L230.997,223.395 L216.285,223.395 L216.285,208.683 L230.997,208.683 Z M152.533,208.683 L152.533,223.395 L137.821,223.395 L137.821,208.683 L152.533,208.683 Z M113.301,208.683 L113.301,223.395 L98.5893,223.395 L98.5893,208.683 L113.301,208.683 Z M75.0504,208.683 L75.0504,223.395 L60.3385,223.395 L60.3385,208.683 L75.0504,208.683 Z M34.8375,208.683 L34.8375,223.395 L20.1256,223.395 L20.1256,208.683 L34.8375,208.683 Z M230.997,169.451 L230.997,184.163 L216.285,184.163 L216.285,169.451 L230.997,169.451 Z M270.228,169.451 L270.228,184.163 L255.516,184.163 L255.516,169.451 L270.228,169.451 Z M191.765,169.451 L191.765,184.163 L177.053,184.163 L177.053,169.451 L191.765,169.451 Z M152.533,169.451 L152.533,184.163 L137.821,184.163 L137.821,169.451 L152.533,169.451 Z M114.282,169.451 L114.282,184.163 L99.5701,184.163 L99.5701,169.451 L114.282,169.451 Z M74.0697,169.451 L74.0697,184.163 L59.3578,184.163 L59.3578,169.451 L74.0697,169.451 Z M33.8568,169.451 L33.8568,184.163 L19.1449,184.163 L19.1449,169.451 L33.8568,169.451 Z M270.228,130.219 L270.228,144.931 L255.516,144.931 L255.516,130.219 L270.228,130.219 Z M309.46,130.219 L309.46,144.931 L294.748,144.931 L294.748,130.219 L309.46,130.219 Z M230.997,130.219 L230.997,144.931 L216.285,144.931 L216.285,130.219 L230.997,130.219 Z M191.765,130.219 L191.765,144.931 L177.053,144.931 L177.053,130.219 L191.765,130.219 Z M153.514,130.219 L153.514,144.931 L138.802,144.931 L138.802,130.219 L153.514,130.219 Z M113.301,130.219 L113.301,144.931 L98.5893,144.931 L98.5893,130.219 L113.301,130.219 Z M73.0889,130.219 L73.0889,144.931 L58.3769,144.931 L58.3769,130.219 L73.0889,130.219 Z M35.8184,130.219 L35.8184,144.931 L21.1064,144.931 L21.1064,130.219 L35.8184,130.219 Z"/>
<path fill="#18191E" fill-rule="nonzero" d="M65.9081,430.908 C76.4523,420.364 93.5477,420.364 104.092,430.908 C114.636,441.452 114.636,458.548 104.092,469.092 C93.5477,479.636 76.4523,479.636 65.9081,469.092 C55.364,458.548 55.364,441.452 65.9081,430.908 Z M96.3137,438.686 C90.0653,432.438 79.9347,432.438 73.6863,438.686 C67.4379,444.935 67.4379,455.065 73.6863,461.314 C79.9347,467.562 90.0653,467.562 96.3137,461.314 C102.562,455.065 102.562,444.935 96.3137,438.686 Z"/>
<path fill="#15161B" fill-rule="nonzero" d="M65.9082,430.908 C55.364,441.452 55.364,458.548 65.9082,469.092 L73.6864,461.314 C67.438,455.065 67.438,444.935 73.6864,438.686 L65.9082,430.908 Z"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 346 B

After

Width:  |  Height:  |  Size: 2.9 KiB

Before After
Before After

View file

@ -77,7 +77,7 @@
bottom: 0;
z-index: $euiZLevel + 1000;
background: inherit;
background-image: linear-gradient(0deg, $euiColorLightestShade 0%, $euiColorEmptyShade 100%);
background-color: $euiPageBackgroundColor;
opacity: 0;
overflow: auto;
animation: kibanaFullScreenGraphics_FadeIn $euiAnimSpeedExtraSlow $euiAnimSlightResistance 0s forwards;
@ -85,20 +85,20 @@
&::before {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 1;
width: 400px;
height: 370px;
width: 310px;
height: 477px;
content: url(lightOrDarkTheme('ui/assets/images/bg_top_branded.svg', 'ui/assets/images/bg_top_branded_dark.svg'));
}
&::after {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
width: 1170px;
height: 880px;
width: 313px;
height: 461px;
content: url(lightOrDarkTheme('ui/assets/images/bg_bottom_branded.svg', 'ui/assets/images/bg_bottom_branded_dark.svg'));
}