PY-82344 Improve Welcome Screen banners readability

(cherry picked from commit 94b4d0b5e3f0198b5bd30c4b7fe9b388f7db617a)

GitOrigin-RevId: ce894b963a07944ad21fc3e3bf71690a29222536
This commit is contained in:
Daniil Kalinin
2025-10-31 06:14:58 +01:00
committed by intellij-monorepo-bot
parent 0713abe068
commit 6f9d3a53ab
4 changed files with 20 additions and 64 deletions

View File

@@ -73,9 +73,6 @@ internal class PyCommunityToUnifiedWelcomeScreenBanner : PyCommunityToUnifiedWel
}.customize(customRowGaps = UnscaledGapsY(top = 12))
row {
text(PyPromoSharedComponents.mainText)
.applyToComponent {
foreground = PyPromoSharedComponents.infoFontColor
}
}.customize(customRowGaps = UnscaledGapsY(top = 4, bottom = 8))
}
row {

View File

@@ -1,103 +1,67 @@
<svg width="770" height="128" viewBox="0 0 770 128" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_664_32769)">
<g clip-path="url(#clip1_664_32769)">
<path
d="M494.476 70.0674L678.763 -187.318C703.214 -221.468 750.85 -231.027 785.159 -208.669L1043.75 -40.1578C1078.06 -17.7996 1086.05 28.0092 1061.6 62.1592L877.311 319.544C852.86 353.694 805.225 363.253 770.915 340.895L512.326 172.384C478.017 150.026 470.025 104.217 494.476 70.0674Z"
fill="url(#paint0_linear_664_32769)"/>
<path
d="M548 128.822L658.148 -99.1917C672.763 -129.445 709.476 -143.452 740.148 -130.477L971.327 -32.6895C1002 -19.715 1015.02 15.3277 1000.4 45.5806L890.255 273.594C875.64 303.847 838.928 317.854 808.255 304.879L577.076 207.092C546.403 194.117 533.386 159.075 548 128.822Z"
fill="url(#paint1_linear_664_32769)"/>
<path
d="M599.304 167.896L654.41 -26.8865C661.721 -52.7302 689.055 -68.7618 715.462 -62.6941L914.49 -16.9618C940.897 -10.8941 956.377 14.9753 949.065 40.819L893.959 235.602C886.648 261.446 859.314 277.477 832.907 271.409L633.879 225.677C607.472 219.609 591.993 193.74 599.304 167.896Z"
fill="url(#paint2_linear_664_32769)"/>
<path
d="M645.986 191.748L661.88 30.648C663.989 9.27305 683.53 -7.08207 705.526 -5.88219L871.31 3.16116C893.307 4.36104 909.429 22.6615 907.32 44.0365L891.427 205.137C889.318 226.512 869.777 242.867 847.78 241.667L681.996 232.624C660 231.424 643.878 213.123 645.986 191.748Z"
fill="url(#paint3_linear_664_32769)"/>
<path
d="M686.768 204.22L676.175 75.0081C674.769 57.8642 688.031 42.3122 705.796 40.2718L839.687 24.8938C857.452 22.8534 872.992 35.0973 874.398 52.2412L884.991 181.453C886.397 198.597 873.135 214.149 855.37 216.189L721.479 231.567C703.715 233.608 688.174 221.364 686.768 204.22Z"
fill="url(#paint4_linear_664_32769)"/>
<path
d="M721.188 208.518L694.025 108.052C690.421 94.7222 698.777 80.656 712.689 76.6347L817.541 46.3269C831.454 42.3056 845.653 49.8519 849.257 63.1821L876.421 163.648C880.025 176.978 871.668 191.044 857.756 195.066L752.904 225.374C738.992 229.395 724.792 221.849 721.188 208.518Z"
fill="url(#paint5_linear_664_32769)"/>
<path
d="M749.336 207.234L713.079 131.687C708.269 121.664 712.917 109.436 723.461 104.376L802.932 66.2357C813.476 61.1753 825.923 65.1987 830.733 75.2221L866.99 150.769C871.801 160.792 867.153 173.02 856.609 178.081L777.138 216.221C766.594 221.281 754.147 217.258 749.336 207.234Z"
fill="url(#paint6_linear_664_32769)"/>
<path
d="M771.661 202.399L731.737 147.741C726.44 140.489 728.388 130.215 736.088 124.792L794.126 83.9217C801.827 78.4991 812.363 79.9821 817.661 87.2341L857.585 141.892C862.882 149.144 860.933 159.419 853.233 164.841L795.195 205.712C787.494 211.134 776.958 209.651 771.661 202.399Z"
fill="url(#paint7_linear_664_32769)"/>
<path
d="M788.816 195.559L748.981 157.874C743.696 152.873 743.768 144.505 749.142 139.183L789.644 99.0696C795.018 93.7472 803.66 93.4861 808.945 98.4865L848.78 136.172C854.066 141.172 853.994 149.541 848.62 154.863L808.117 194.976C802.743 200.298 794.102 200.56 788.816 195.559Z"
fill="url(#paint8_linear_664_32769)"/>
<path
d="M801.546 187.833L764.237 163.52C759.286 160.294 758.133 153.685 761.661 148.758L788.25 111.622C791.778 106.695 798.651 105.316 803.601 108.542L840.91 132.854C845.86 136.08 847.013 142.69 843.486 147.617L816.897 184.752C813.369 189.68 806.496 191.059 801.546 187.833Z"
fill="url(#paint9_linear_664_32769)"/>
<path
d="M810.607 180.009L777.253 165.9C772.828 164.028 770.95 158.972 773.058 154.608L788.95 121.71C791.059 117.345 796.356 115.324 800.781 117.196L834.135 131.305C838.561 133.177 840.439 138.233 838.33 142.598L822.438 175.495C820.33 179.86 815.033 181.881 810.607 180.009Z"
fill="url(#paint10_linear_664_32769)"/>
<path d="M524.476 74.0674L708.763 -183.318C733.214 -217.468 780.85 -227.027 815.159 -204.669L1073.75 -36.1578C1108.06 -13.7996 1116.05 32.0092 1091.6 66.1592L907.311 323.544C882.86 357.694 835.225 367.253 800.915 344.895L542.326 176.384C508.017 154.026 500.025 108.217 524.476 74.0674Z" fill="url(#paint0_linear_664_32769)"/>
<path d="M578 132.822L688.148 -95.1917C702.763 -125.445 739.476 -139.452 770.148 -126.477L1001.33 -28.6895C1032 -15.715 1045.02 19.3277 1030.4 49.5806L920.255 277.594C905.64 307.847 868.928 321.854 838.255 308.879L607.076 211.092C576.403 198.117 563.386 163.075 578 132.822Z" fill="url(#paint1_linear_664_32769)"/>
<path d="M629.304 171.896L684.41 -22.8865C691.721 -48.7302 719.055 -64.7618 745.462 -58.6941L944.49 -12.9618C970.897 -6.89407 986.377 18.9753 979.065 44.819L923.959 239.602C916.648 265.446 889.314 281.477 862.907 275.409L663.879 229.677C637.472 223.609 621.993 197.74 629.304 171.896Z" fill="url(#paint2_linear_664_32769)"/>
<path d="M675.986 195.748L691.88 34.648C693.989 13.273 713.53 -3.08207 735.526 -1.88219L901.31 7.16116C923.307 8.36104 939.429 26.6615 937.32 48.0365L921.427 209.137C919.318 230.512 899.777 246.867 877.78 245.667L711.996 236.624C690 235.424 673.878 217.123 675.986 195.748Z" fill="url(#paint3_linear_664_32769)"/>
<path d="M716.768 208.22L706.175 79.0081C704.769 61.8642 718.031 46.3122 735.796 44.2718L869.687 28.8938C887.452 26.8534 902.992 39.0973 904.398 56.2412L914.991 185.453C916.397 202.597 903.135 218.149 885.37 220.189L751.479 235.567C733.715 237.608 718.174 225.364 716.768 208.22Z" fill="url(#paint4_linear_664_32769)"/>
<path d="M751.188 212.518L724.025 112.052C720.421 98.7222 728.777 84.656 742.689 80.6347L847.541 50.3269C861.454 46.3056 875.653 53.8519 879.257 67.1821L906.421 167.648C910.025 180.978 901.668 195.044 887.756 199.066L782.904 229.374C768.992 233.395 754.792 225.849 751.188 212.518Z" fill="url(#paint5_linear_664_32769)"/>
<path d="M779.336 211.234L743.079 135.687C738.269 125.664 742.917 113.436 753.461 108.376L832.932 70.2357C843.476 65.1753 855.923 69.1987 860.733 79.2221L896.99 154.769C901.801 164.792 897.153 177.02 886.609 182.081L807.138 220.221C796.594 225.281 784.147 221.258 779.336 211.234Z" fill="url(#paint6_linear_664_32769)"/>
<path d="M801.661 206.399L761.737 151.741C756.44 144.489 758.388 134.215 766.088 128.792L824.126 87.9217C831.827 82.4991 842.363 83.9821 847.661 91.2341L887.585 145.892C892.882 153.144 890.933 163.419 883.233 168.841L825.195 209.712C817.494 215.134 806.958 213.651 801.661 206.399Z" fill="url(#paint7_linear_664_32769)"/>
<path d="M818.816 199.559L778.981 161.874C773.696 156.873 773.768 148.505 779.142 143.183L819.644 103.07C825.018 97.7472 833.66 97.4861 838.945 102.486L878.78 140.172C884.066 145.172 883.994 153.541 878.62 158.863L838.117 198.976C832.743 204.298 824.102 204.56 818.816 199.559Z" fill="url(#paint8_linear_664_32769)"/>
</g>
</g>
<defs>
<linearGradient id="paint0_linear_664_32769" x1="912.466" y1="-121.657" x2="660.469" y2="265.044" gradientUnits="userSpaceOnUse">
<linearGradient id="paint0_linear_664_32769" x1="942.466" y1="-117.657" x2="690.469" y2="269.044" gradientUnits="userSpaceOnUse">
<stop stop-color="#F0EB18" stop-opacity="0.9"/>
<stop offset="0.3" stop-color="#00D886" stop-opacity="0.5"/>
<stop offset="0.59" stop-color="#00C4F4" stop-opacity="0.3"/>
<stop offset="1" stop-color="#00C4F4" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint1_linear_664_32769" x1="854.547" y1="-79.1399" x2="710.748" y2="260.813" gradientUnits="userSpaceOnUse">
<linearGradient id="paint1_linear_664_32769" x1="884.547" y1="-75.1399" x2="740.748" y2="264.813" gradientUnits="userSpaceOnUse">
<stop stop-color="#F0EB18" stop-opacity="0.9"/>
<stop offset="0.3" stop-color="#00D886" stop-opacity="0.5"/>
<stop offset="0.59" stop-color="#00C4F4" stop-opacity="0.3"/>
<stop offset="1" stop-color="#00C4F4" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint2_linear_664_32769" x1="814.377" y1="-37.7393" x2="748.298" y2="249.837" gradientUnits="userSpaceOnUse">
<linearGradient id="paint2_linear_664_32769" x1="844.377" y1="-33.7393" x2="778.298" y2="253.837" gradientUnits="userSpaceOnUse">
<stop stop-color="#F0EB18" stop-opacity="0.9"/>
<stop offset="0.3" stop-color="#00D886" stop-opacity="0.5"/>
<stop offset="0.59" stop-color="#00C4F4" stop-opacity="0.3"/>
<stop offset="1" stop-color="#00C4F4" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint3_linear_664_32769" x1="788.241" y1="0.368068" x2="775.385" y2="236.054" gradientUnits="userSpaceOnUse">
<linearGradient id="paint3_linear_664_32769" x1="818.241" y1="4.36807" x2="805.385" y2="240.054" gradientUnits="userSpaceOnUse">
<stop stop-color="#F0EB18" stop-opacity="0.9"/>
<stop offset="0.3" stop-color="#00D886" stop-opacity="0.5"/>
<stop offset="0.59" stop-color="#00C4F4" stop-opacity="0.3"/>
<stop offset="1" stop-color="#00C4F4" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint4_linear_664_32769" x1="772.85" y1="33.9701" x2="794.429" y2="221.849" gradientUnits="userSpaceOnUse">
<linearGradient id="paint4_linear_664_32769" x1="802.85" y1="37.9701" x2="824.429" y2="225.849" gradientUnits="userSpaceOnUse">
<stop stop-color="#F0EB18" stop-opacity="0.9"/>
<stop offset="0.3" stop-color="#00D886" stop-opacity="0.5"/>
<stop offset="0.59" stop-color="#00C4F4" stop-opacity="0.3"/>
<stop offset="1" stop-color="#00C4F4" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint5_linear_664_32769" x1="765.403" y1="62.5602" x2="807.575" y2="208.458" gradientUnits="userSpaceOnUse">
<linearGradient id="paint5_linear_664_32769" x1="795.403" y1="66.5602" x2="837.575" y2="212.458" gradientUnits="userSpaceOnUse">
<stop stop-color="#F0EB18" stop-opacity="0.9"/>
<stop offset="0.3" stop-color="#00D886" stop-opacity="0.5"/>
<stop offset="0.59" stop-color="#00C4F4" stop-opacity="0.3"/>
<stop offset="1" stop-color="#00C4F4" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint6_linear_664_32769" x1="763.582" y1="86.118" x2="816.498" y2="196.376" gradientUnits="userSpaceOnUse">
<linearGradient id="paint6_linear_664_32769" x1="793.582" y1="90.118" x2="846.498" y2="200.376" gradientUnits="userSpaceOnUse">
<stop stop-color="#F0EB18" stop-opacity="0.9"/>
<stop offset="0.3" stop-color="#00D886" stop-opacity="0.5"/>
<stop offset="0.59" stop-color="#00C4F4" stop-opacity="0.3"/>
<stop offset="1" stop-color="#00C4F4" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint7_linear_664_32769" x1="765.534" y1="104.945" x2="822.402" y2="185.702" gradientUnits="userSpaceOnUse">
<linearGradient id="paint7_linear_664_32769" x1="795.534" y1="108.945" x2="852.402" y2="189.702" gradientUnits="userSpaceOnUse">
<stop stop-color="#F0EB18" stop-opacity="0.9"/>
<stop offset="0.3" stop-color="#00D886" stop-opacity="0.5"/>
<stop offset="0.59" stop-color="#00C4F4" stop-opacity="0.3"/>
<stop offset="1" stop-color="#00C4F4" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint8_linear_664_32769" x1="769.819" y1="119.532" x2="826.107" y2="176.367" gradientUnits="userSpaceOnUse">
<stop stop-color="#F0EB18" stop-opacity="0.9"/>
<stop offset="0.3" stop-color="#00D886" stop-opacity="0.5"/>
<stop offset="0.59" stop-color="#00C4F4" stop-opacity="0.3"/>
<stop offset="1" stop-color="#00C4F4" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint9_linear_664_32769" x1="775.355" y1="130.452" x2="828.148" y2="168.252" gradientUnits="userSpaceOnUse">
<stop stop-color="#F0EB18" stop-opacity="0.9"/>
<stop offset="0.3" stop-color="#00D886" stop-opacity="0.5"/>
<stop offset="0.59" stop-color="#00C4F4" stop-opacity="0.3"/>
<stop offset="1" stop-color="#00C4F4" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint10_linear_664_32769" x1="781.362" y1="138.312" x2="828.895" y2="161.274" gradientUnits="userSpaceOnUse">
<linearGradient id="paint8_linear_664_32769" x1="799.819" y1="123.532" x2="856.107" y2="180.367" gradientUnits="userSpaceOnUse">
<stop stop-color="#F0EB18" stop-opacity="0.9"/>
<stop offset="0.3" stop-color="#00D886" stop-opacity="0.5"/>
<stop offset="0.59" stop-color="#00C4F4" stop-opacity="0.3"/>
@@ -107,7 +71,7 @@
<rect width="770" height="128" fill="white"/>
</clipPath>
<clipPath id="clip1_664_32769">
<rect width="360" height="217" fill="white" transform="matrix(1 -8.74228e-08 -8.74228e-08 -1 410 196)"/>
<rect width="360" height="217" fill="white" transform="matrix(1 -8.74228e-08 -8.74228e-08 -1 440 200)"/>
</clipPath>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 8.5 KiB

After

Width:  |  Height:  |  Size: 6.9 KiB

View File

@@ -17,7 +17,7 @@ public final class PycharmCommunityIdeImplIcons {
}
public static final class Backgrounds {
/** 770x128 */ public static final @NotNull Icon Promotion_bg = load("backgrounds/promotion_bg.svg", -1173415960, 0);
/** 770x128 */ public static final @NotNull Icon Promotion_bg = load("backgrounds/promotion_bg.svg", -823698107, 0);
}
public static final class Icons {

View File

@@ -36,8 +36,6 @@ class WelcomeToUnifiedWelcomeScreenBanner : PyCommunityToUnifiedWelcomeScreenBan
private fun onBannerClosed() = PropertiesComponent.getInstance().setValue(BANNER_CLOSED_PROPERTY, true)
override val promoImage: Icon = PycharmCommunityIdeImplIcons.Backgrounds.Promotion_bg
private val infoFontColor = JBColor(Color.decode("#6C707E"), Color.decode("#A8ADBD"))
private val closeIcon = IconUtil.scale(PycharmCommunityIdeImplIcons.Icons.Close, null, 1.1f)
private val myCloseAction =
@@ -77,9 +75,6 @@ class WelcomeToUnifiedWelcomeScreenBanner : PyCommunityToUnifiedWelcomeScreenBan
}.customize(customRowGaps = UnscaledGapsY(top = 12))
row {
text(PyCharmCommunityCustomizationBundle.message("promotion.welcome.to.unified.main.text"))
.applyToComponent {
foreground = infoFontColor
}
}.customize(customRowGaps = UnscaledGapsY(top = 4, bottom = 8))
}
row {