• appearance
  • customizable header
  • custom folder icon
  • badge

appearance

[!TIP|label:references]

• Jenkins Design Library | the complete list of Jenkins Symbols
• Ionicons API | Font Awesome API | Dev Tools Symbols API | Emoji Symbols API
• Custom Folder Icon

• to svg

  [!NOTE|label:references:]

  • #7208 - JENKINS-65124 Update weather icons (gitpod)
  • SVG icon migration (breaking changes!)
    • spreadsheet
    • JENKINS-68251 - Adapt to SVG icon removal from JENKINS-68249
    • JENKINS-65124 - New weather icons added in #5065 are "samey" and hard to distinguish from each other
  • Icon path to icon class migration

customizable header

[!TIP|label:references]

• Customizable Header
• CSS Gradient | gradient backgrounds
• * iMarslo: plugins/customizable-header

• linear-gradient( 68.2deg, rgba(255,202,88,1) 0%, rgba(139,73,255,1) 100.2% );

  

• linear-gradient( 90deg, rgba(188,120,236,1) -2.2%, rgba(29,133,163,1) 83.5% );

  

• linear-gradient(90deg, rgba(72,97,91,1) 27%, rgba(131,148,97,1) 100%);

  

• linear-gradient(90deg, rgba(0,129,109,1) 0%, rgba(255,175,1,1) 100%);

  

• linear-gradient(90deg, rgba(0,114,206,1) 0%, rgba(0,199,177,1) 100%);

  

• linear-gradient( 68.6deg, rgba(79,183,131,1) 14.4%, rgba(196,218,144,1) 100% );

  

• linear-gradient(90deg, rgba(100,145,115,1) 0%, rgba(219,213,164,1) 100%);

  

• linear-gradient(90deg, rgba(49,71,85,1) 0%, rgba(38,160,218,1) 100%);

  

• linear-gradient(90deg, rgba(247,157,0,1) 0%, rgba(100,243,140,1) 100%);

  

• linear-gradient(90deg, rgba(241,242,181,1) 0%, rgba(19,80,88,1) 100%);

  

• linear-gradient(90deg, rgba(255,78,80,1) 0%, rgba(249,212,35,1) 100%);

  

• linear-gradient(90deg, rgba(192,36,37,1) 0%, rgba(240,203,53,1) 100%);

  

• linear-gradient(90deg, rgba(253,200,48,1) 0%, rgba(243,115,53,1) 100%);

  

• linear-gradient( 91deg, rgba(72,154,78,1) 5.2%, rgba(251,206,70,1) 95.9% );

  

• radial-gradient( circle farthest-corner at 10% 20%, rgba(91,140,245,1) 0%, rgba(240,131,252,1) 79.4% );

  

• linear-gradient( 65.9deg, rgba(85,228,224,1) 5.5%, rgba(75,68,224,0.74) 54.2%, rgba(64,198,238,1) 55.2%, rgba(177,36,224,1) 98.4% );

  

• linear-gradient(90deg, #FDBB2D 0%, #22C1C3 100%);

  

• linear-gradient( 90deg, rgba(226,66,249,0.94) 10.2%, rgba(79,147,249,1) 77.3% );

  

• radial-gradient( circle farthest-corner at 10% 20%, rgba(171,102,255,1) 0%, rgba(116,182,247,1) 90% );

  

custom folder icon

[!TIP|label:references]

• Custom Folder Icon

badge

[!TIP|label:references]

• * iMarslo: plugins/badge