fix: ELECTRON-1426 (Update custom title bar icon and fix Symphony icons) (#749)

* ELECTRON-1426 - Update custom title bar icon and fix Symphony icons

* ELECTRON-1426 - Bump screen snippet version to 1.0.7 to support new icon
This commit is contained in:
Kiran Niranjan 2019-07-24 00:18:49 +05:30 committed by Vishwas Shashidhar
parent 5506e58295
commit d5d59d3861
6 changed files with 45 additions and 295 deletions

Binary file not shown.

Binary file not shown.

Before

Width:  |  Height:  |  Size: 44 KiB

After

Width:  |  Height:  |  Size: 302 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 22 KiB

After

Width:  |  Height:  |  Size: 7.0 KiB

View File

@ -130,7 +130,7 @@
"shell-path": "2.1.0"
},
"optionalDependencies": {
"screen-snippet": "git+https://github.com/symphonyoss/ScreenSnippet.git#v1.0.6",
"screen-snippet": "git+https://github.com/symphonyoss/ScreenSnippet.git#v1.0.7",
"swift-search": "1.55.3-1"
}
}

View File

@ -48,188 +48,38 @@ exports[`windows title bar should render correctly 1`] = `
className="title-container"
>
<svg
viewBox="0 0 19.7 32"
width={20}
fill="none"
viewBox="-10 0 60 60"
width="20"
>
<title>
Symphony_logo
</title>
<linearGradient
gradientTransform="matrix(7.6157 0 0 -3.458 -295.325 101.04)"
gradientUnits="userSpaceOnUse"
id="prefix__a"
x1={39.819}
x2={39.246}
y1={23.981}
y2={23.726}
>
<stop
offset={0}
stopColor="#197a68"
/>
<stop
offset={1}
stopColor="#329d87"
/>
</linearGradient>
<path
d="M2.4 17.4c0 1.2.3 2.4.8 3.5l6.8-3.5H2.4z"
fill="url(#prefix__a)"
d="M40 20.111V9.653c0-2.142-1.1-4.153-2.883-5.255C34.458 2.754 28.7 0 20 0 11.3 0 5.542 2.754 2.883 4.407 1.1 5.5 0 7.511 0 9.653v15.705l31.667 9.618v6.995c0 .945-.567 1.61-1.534 2.108L20 49.404 9.808 44.052c-.908-.472-1.475-1.136-1.475-2.08v-5.247L0 34.102v7.87c0 4.319 2.358 7.991 6.108 9.906L20 59.46l13.833-7.546C37.642 49.963 40 46.291 40 41.971V28.855L8.333 19.237v-7.983C10.6 10.108 14.45 8.744 20 8.744s9.4 1.364 11.667 2.51v6.234L40 20.111z"
fill="#0098FF"
/>
<linearGradient
gradientTransform="matrix(2.7978 0 0 -4.7596 -73.704 128.374)"
gradientUnits="userSpaceOnUse"
id="prefix__b"
x1={28.916}
x2={29.916}
y1={22.811}
y2={22.811}
>
<stop
offset={0}
stopColor="#1d7e7b"
/>
<stop
offset={1}
stopColor="#35b0b7"
/>
</linearGradient>
<path
d="M7.2 21.3c.8.6 1.8.9 2.8.9v-4.8l-2.8 3.9z"
fill="url(#prefix__b)"
/>
<linearGradient
gradientTransform="matrix(6.1591 0 0 -11.4226 -223.952 256.877)"
gradientUnits="userSpaceOnUse"
id="prefix__c"
x1={37.958}
x2={38.178}
y1={21.136}
y2={21.868}
>
<stop
offset={0}
stopColor="#175952"
/>
<stop
offset={1}
stopColor="#3a8f88"
/>
</linearGradient>
<path
d="M14.4 6.9C13 6.3 11.5 6 10 6c-.6 0-1.2 0-1.8.1L10 17.4l4.4-10.5z"
fill="url(#prefix__c)"
/>
<linearGradient
gradientTransform="matrix(9.5186 0 0 -5.5951 -373.339 140.324)"
gradientUnits="userSpaceOnUse"
id="prefix__d"
x1={40.569}
x2={41.029}
y1={22.098}
y2={22.377}
>
<stop
offset={0}
stopColor="#39a8ba"
/>
<stop
offset={1}
stopColor="#3992b4"
/>
</linearGradient>
<path
d="M10 17.4h9.5c0-2-.6-4-1.8-5.6L10 17.4z"
fill="url(#prefix__d)"
/>
<linearGradient
gradientTransform="matrix(9.9955 0 0 -5.2227 -404.796 132.876)"
gradientUnits="userSpaceOnUse"
id="prefix__e"
x1={41.214}
x2={40.706}
y1={22.325}
y2={22.548}
>
<stop
offset={0}
stopColor="#021c3c"
/>
<stop
offset={1}
stopColor="#215180"
/>
</linearGradient>
<path
d="M1.5 12.2C.5 13.8 0 15.6 0 17.4h10l-8.5-5.2z"
fill="url(#prefix__e)"
/>
<linearGradient
gradientTransform="matrix(3.9169 0 0 -6.6631 -125.178 161.684)"
gradientUnits="userSpaceOnUse"
id="prefix__f"
x1={33.511}
x2={34.511}
y1={22.151}
y2={22.151}
>
<stop
offset={0}
stopColor="#23796c"
/>
<stop
offset={1}
stopColor="#41beaf"
/>
</linearGradient>
<path
d="M10 10.8c-1.4 0-2.8.4-3.9 1.3l3.9 5.4v-6.7z"
fill="url(#prefix__f)"
/>
<linearGradient
gradientTransform="matrix(5.0353 0 0 -8.5671 -171.59 208.333)"
gradientUnits="userSpaceOnUse"
id="prefix__g"
x1={36.129}
x2={36.487}
y1={21.958}
y2={21.481}
>
<stop
offset={0}
stopColor="#14466a"
/>
<stop
offset={1}
stopColor="#286395"
/>
</linearGradient>
<path
d="M10 26c1.8 0 3.6-.6 5-1.6l-5-6.9V26z"
fill="url(#prefix__g)"
/>
<linearGradient
gradientTransform="matrix(6.663 0 0 -3.5931 -244.84 102.835)"
gradientUnits="userSpaceOnUse"
id="prefix__h"
x1={38.534}
x2={39.087}
y1={23.656}
y2={23.578}
>
<stop
offset={0}
stopColor="#261d49"
/>
<stop
offset={1}
stopColor="#483a6d"
/>
</linearGradient>
<path
d="M16.6 16.4l-6.6 1 6.2 2.6c.3-.8.5-1.7.5-2.6 0-.3-.1-.7-.1-1z"
fill="url(#prefix__h)"
d="M40 20.111V9.653c0-2.142-1.1-4.153-2.883-5.255C34.458 2.754 28.7 0 20 0 11.3 0 5.542 2.754 2.883 4.407 1.1 5.5 0 7.511 0 9.653v15.705l31.667 9.618v6.995c0 .945-.567 1.61-1.534 2.108L20 49.404 9.808 44.052c-.908-.472-1.475-1.136-1.475-2.08v-5.247L0 34.102v7.87c0 4.319 2.358 7.991 6.108 9.906L20 59.46l13.833-7.546C37.642 49.963 40 46.291 40 41.971V28.855L8.333 19.237v-7.983C10.6 10.108 14.45 8.744 20 8.744s9.4 1.364 11.667 2.51v6.234L40 20.111z"
fill="url(#prefix__paint0_radial)"
/>
<defs>
<radialGradient
cx={0}
cy={0}
gradientTransform="matrix(0 40.259 -50.3704 0 20.07 0)"
gradientUnits="userSpaceOnUse"
id="prefix__paint0_radial"
r={1}
>
<stop
stopColor="#fff"
stopOpacity={0.4}
/>
<stop
offset={1}
stopColor="#fff"
stopOpacity={0}
/>
</radialGradient>
</defs>
</svg>
<p
id="title-bar-title"

View File

@ -250,127 +250,27 @@ export default class WindowsTitleBar extends React.Component<{}, IState> {
*/
private getSymphonyLogo(): JSX.Element {
return (
<svg width={20} viewBox='0 0 19.7 32'>
<title>{'Symphony_logo'}</title>
<linearGradient
id='prefix__a'
gradientUnits='userSpaceOnUse'
x1={39.819}
y1={23.981}
x2={39.246}
y2={23.726}
gradientTransform='matrix(7.6157 0 0 -3.458 -295.325 101.04)'
>
<stop offset={0} stopColor='#197a68' />
<stop offset={1} stopColor='#329d87' />
</linearGradient>
<path d='M2.4 17.4c0 1.2.3 2.4.8 3.5l6.8-3.5H2.4z' fill='url(#prefix__a)' />
<linearGradient
id='prefix__b'
gradientUnits='userSpaceOnUse'
x1={28.916}
y1={22.811}
x2={29.916}
y2={22.811}
gradientTransform='matrix(2.7978 0 0 -4.7596 -73.704 128.374)'
>
<stop offset={0} stopColor='#1d7e7b' />
<stop offset={1} stopColor='#35b0b7' />
</linearGradient>
<svg width='20' viewBox='-10 0 60 60' fill='none'>
<path
d='M7.2 21.3c.8.6 1.8.9 2.8.9v-4.8l-2.8 3.9z'
fill='url(#prefix__b)'
d='M40 20.111V9.653c0-2.142-1.1-4.153-2.883-5.255C34.458 2.754 28.7 0 20 0 11.3 0 5.542 2.754 2.883 4.407 1.1 5.5 0 7.511 0 9.653v15.705l31.667 9.618v6.995c0 .945-.567 1.61-1.534 2.108L20 49.404 9.808 44.052c-.908-.472-1.475-1.136-1.475-2.08v-5.247L0 34.102v7.87c0 4.319 2.358 7.991 6.108 9.906L20 59.46l13.833-7.546C37.642 49.963 40 46.291 40 41.971V28.855L8.333 19.237v-7.983C10.6 10.108 14.45 8.744 20 8.744s9.4 1.364 11.667 2.51v6.234L40 20.111z'
fill='#0098FF'
/>
<linearGradient
id='prefix__c'
gradientUnits='userSpaceOnUse'
x1={37.958}
y1={21.136}
x2={38.178}
y2={21.868}
gradientTransform='matrix(6.1591 0 0 -11.4226 -223.952 256.877)'
>
<stop offset={0} stopColor='#175952' />
<stop offset={1} stopColor='#3a8f88' />
</linearGradient>
<path
d='M14.4 6.9C13 6.3 11.5 6 10 6c-.6 0-1.2 0-1.8.1L10 17.4l4.4-10.5z'
fill='url(#prefix__c)'
/>
<linearGradient
id='prefix__d'
gradientUnits='userSpaceOnUse'
x1={40.569}
y1={22.098}
x2={41.029}
y2={22.377}
gradientTransform='matrix(9.5186 0 0 -5.5951 -373.339 140.324)'
>
<stop offset={0} stopColor='#39a8ba' />
<stop offset={1} stopColor='#3992b4' />
</linearGradient>
<path d='M10 17.4h9.5c0-2-.6-4-1.8-5.6L10 17.4z' fill='url(#prefix__d)' />
<linearGradient
id='prefix__e'
gradientUnits='userSpaceOnUse'
x1={41.214}
y1={22.325}
x2={40.706}
y2={22.548}
gradientTransform='matrix(9.9955 0 0 -5.2227 -404.796 132.876)'
>
<stop offset={0} stopColor='#021c3c' />
<stop offset={1} stopColor='#215180' />
</linearGradient>
<path
d='M1.5 12.2C.5 13.8 0 15.6 0 17.4h10l-8.5-5.2z'
fill='url(#prefix__e)'
/>
<linearGradient
id='prefix__f'
gradientUnits='userSpaceOnUse'
x1={33.511}
y1={22.151}
x2={34.511}
y2={22.151}
gradientTransform='matrix(3.9169 0 0 -6.6631 -125.178 161.684)'
>
<stop offset={0} stopColor='#23796c' />
<stop offset={1} stopColor='#41beaf' />
</linearGradient>
<path
d='M10 10.8c-1.4 0-2.8.4-3.9 1.3l3.9 5.4v-6.7z'
fill='url(#prefix__f)'
/>
<linearGradient
id='prefix__g'
gradientUnits='userSpaceOnUse'
x1={36.129}
y1={21.958}
x2={36.487}
y2={21.481}
gradientTransform='matrix(5.0353 0 0 -8.5671 -171.59 208.333)'
>
<stop offset={0} stopColor='#14466a' />
<stop offset={1} stopColor='#286395' />
</linearGradient>
<path d='M10 26c1.8 0 3.6-.6 5-1.6l-5-6.9V26z' fill='url(#prefix__g)' />
<linearGradient
id='prefix__h'
gradientUnits='userSpaceOnUse'
x1={38.534}
y1={23.656}
x2={39.087}
y2={23.578}
gradientTransform='matrix(6.663 0 0 -3.5931 -244.84 102.835)'
>
<stop offset={0} stopColor='#261d49' />
<stop offset={1} stopColor='#483a6d' />
</linearGradient>
<path
d='M16.6 16.4l-6.6 1 6.2 2.6c.3-.8.5-1.7.5-2.6 0-.3-.1-.7-.1-1z'
fill='url(#prefix__h)'
d='M40 20.111V9.653c0-2.142-1.1-4.153-2.883-5.255C34.458 2.754 28.7 0 20 0 11.3 0 5.542 2.754 2.883 4.407 1.1 5.5 0 7.511 0 9.653v15.705l31.667 9.618v6.995c0 .945-.567 1.61-1.534 2.108L20 49.404 9.808 44.052c-.908-.472-1.475-1.136-1.475-2.08v-5.247L0 34.102v7.87c0 4.319 2.358 7.991 6.108 9.906L20 59.46l13.833-7.546C37.642 49.963 40 46.291 40 41.971V28.855L8.333 19.237v-7.983C10.6 10.108 14.45 8.744 20 8.744s9.4 1.364 11.667 2.51v6.234L40 20.111z'
fill='url(#prefix__paint0_radial)'
/>
<defs>
<radialGradient
id='prefix__paint0_radial'
cx={0}
cy={0}
r={1}
gradientUnits='userSpaceOnUse'
gradientTransform='matrix(0 40.259 -50.3704 0 20.07 0)'>
<stop stopColor='#fff' stopOpacity={0.4} />
<stop offset={1} stopColor='#fff' stopOpacity={0} />
</radialGradient>
</defs>
</svg>
);
}