moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix background shapes for dark mode

This commit is contained in:
Alex Gleason 2022-03-30 12:08:02 -05:00
parent beeec8ba06
commit c62cd9898a
No known key found for this signature in database
GPG Key ID: 7211D1F99744FBB7
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/soapbox/features/ui/components/background_shapes.js
View File

@ -13,13 +13,13 @@ export default () => (
</filter> </filter>
<path id='a' d='M0 0h1754v1336H0z' /> <path id='a' d='M0 0h1754v1336H0z' />
</defs> </defs>
<g fill='none' fill-rule='evenodd'> <g fill='none' fillRule='evenodd'>
<mask id='b' fill='#fff'> <mask id='b' fill='#fff'>
<use xlinkHref='#a' /> <use xlinkHref='#a' />
</mask> </mask>
<g mask='url(#b)'> <g mask='url(#b)'>
<path className='fill-bg-shape-1' d='M1257.79 335.852C1262 527.117 897.55 530.28 792.32 977.19 600.48 981.41 435.29 545.31 431.08 354.046 426.871 162.782 578.976 4.31 770.815.088c191.844-4.222 482.764 144.5 486.974 335.764Z' fill-rule='nonzero' filter='url(#c)' transform='translate(309.54 -367.538)' /> <path className='fill-bg-shape-1' d='M1257.79 335.852C1262 527.117 897.55 530.28 792.32 977.19 600.48 981.41 435.29 545.31 431.08 354.046 426.871 162.782 578.976 4.31 770.815.088c191.844-4.222 482.764 144.5 486.974 335.764Z' fillRule='nonzero' filter='url(#c)' transform='translate(309.54 -367.538)' opacity='.1' />
<path className='fill-bg-shape-2' d='M71.127 1126.654c206.164 179.412 502.452 211.232 661.777 71.072 159.325-140.163 295.165-510.155 8.23-504.412-320.079 6.405-381.35-817.422-540.675-677.258-31 368-335.497 931.182-129.332 1110.598Z' fill-rule='nonzero' filter='url(#d)' transform='translate(309.54 -141.056)' opacity='.1' /> <path className='fill-bg-shape-2' d='M71.127 1126.654c206.164 179.412 502.452 211.232 661.777 71.072 159.325-140.163 295.165-510.155 8.23-504.412-320.079 6.405-381.35-817.422-540.675-677.258-31 368-335.497 931.182-129.332 1110.598Z' fillRule='nonzero' filter='url(#d)' transform='translate(309.54 -141.056)' opacity='.1' />
</g> </g>
</g> </g>
</svg> </svg>

6
app/soapbox/normalizers/soapbox/soapbox_config.ts
View File

@ -150,12 +150,12 @@ const normalizeColors = (soapboxConfig: SoapboxConfigMap): SoapboxConfigMap => {
const maybeAddMissingColors = (soapboxConfig: SoapboxConfigMap): SoapboxConfigMap => { const maybeAddMissingColors = (soapboxConfig: SoapboxConfigMap): SoapboxConfigMap => {
const colors = soapboxConfig.get('colors'); const colors = soapboxConfig.get('colors');
const missing = { const missing = ImmutableMap({
'bg-shape-1': colors.getIn(['accent', '50']), 'bg-shape-1': colors.getIn(['accent', '50']),
'bg-shape-2': colors.getIn(['primary', '500']), 'bg-shape-2': colors.getIn(['primary', '500']),
}; });
return soapboxConfig.set('colors', colors.mergeDeep(missing)); return soapboxConfig.set('colors', missing.mergeDeep(colors));
}; };
export const normalizeSoapboxConfig = (soapboxConfig: Record<string, any>) => { export const normalizeSoapboxConfig = (soapboxConfig: Record<string, any>) => {