customizable-header

• system messages

  • gradient

• jcasc

[!NOTE|label:references:]

• Customizable Header

system messages

[!NOTE|label:references]

• CSS Gradient

• show all gradients

• CSS Gradient Generator

• RGBA to RGB converter

• tumblr/colorfulgradients

• NilStack/NilColorKit

gradient

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

  

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

  

  header - 2
• linear-gradient(90deg, rgba(72,97,91,1) 27%, rgba(131,148,97,1) 100%); | #48615b

  

  header - 3
• linear-gradient(90deg, rgba(0,129,109,1) 0%, rgba(255,175,1,1) 100%); | #00816D

  

  header - 4
• linear-gradient(90deg, rgba(0,114,206,1) 0%, rgba(0,199,177,1) 100%); | #0072ce

  

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

  

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

  

  header - 7
• linear-gradient(90deg, rgba(49,71,85,1) 0%, rgba(38,160,218,1) 100%); | #2b7aa1

  

  header - 8
• linear-gradient(90deg, rgba(247,157,0,1) 0%, rgba(100,243,140,1) 100%); | #8EDA64

  

  header - 9
• linear-gradient(90deg, rgba(241,242,181,1) 0%, rgba(19,80,88,1) 100%); | #527E73

  

  header - 10
• linear-gradient(90deg, rgba(255,78,80,1) 0%, rgba(249,212,35,1) 100%); | #fbae30 | DanceToForget

  

  header - 11
• linear-gradient(90deg, rgba(192,36,37,1) 0%, rgba(240,203,53,1) 100%); | #e29b30 | BacktotheFuture

  

  header - 12
• linear-gradient(90deg, rgba(253,200,48,1) 0%, rgba(243,115,53,1) 100%); | #f79733 | CitrusPeel

  

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

  

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

  

  header - 15
• 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% );

  

  header - 16
• linear-gradient(90deg, #FDBB2D 0%, #22C1C3 100%); | Retro Wagon

  

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

  

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

  

  header - 19
• linear-gradient(90deg, rgba(21,153,87,1) 0%, rgba(21,87,153,1) 100%); | #156a86

  

  header - 20
• linear-gradient(135deg, #92FFC0 10%, #002661 100%); | #2a647c

  

  header - 21
• linear-gradient(90deg, rgba(0,65,106,1) 0%, rgba(121,159,12,1) 50%, rgba(255,224,0,1) 100%); | #b2bb07 | Earthly

  

  header - 22
• linear-gradient( 129.1deg, rgba(243,199,83,1) 26.8%, rgba(18,235,207,1) 114.1% );

  

  header - 23
• linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%);

  

  header - 24
• linear-gradient(to right, #e4afcb 0%, #b8cbb8 0%, #b8cbb8 0%, #e2c58b 30%, #c2ce9c 64%, #7edbdc 100%);

  

  header - 25
• linear-gradient(to right, #eea2a2 0%, #bbc1bf 19%, #57c6e1 42%, #b49fda 79%, #7ac5d8 100%);

  

  header - 26
• linear-gradient(to top, #9795f0 0%, #fbc8d4 100%);

  

  header - 27
• linear-gradient(-20deg, #dcb0ed 0%, #99c99c 100%);

  

  header - 28
• linear-gradient(-60deg, #16a085 0%, #f4d03f 100%);

  

  header - 29
• linear-gradient(60deg, #64b3f4 0%, #c2e59c 100%);

  

  header - 30
• linear-gradient(to right, #d5dee7 0%, #ffafbd 0%, #c9ffbf 100%);

  

  header - 31
• linear-gradient(to left, #50cc7f 0%, #f5d100 100%);

  

  header - 32
• linear-gradient(to right, #f9d423 0%, #ff4e50 100%);

  

  header - 33
• linear-gradient(to left, #e14fad 0%, #f9d423 100%);

  

  header - 34
• linear-gradient(to right, #c1c161 0%, #c1c161 0%, #d4d4b1 100%);

  

  header - 35
• linear-gradient(to right, #ec77ab 0%, #7873f5 100%);

  

  header - 36
• linear-gradient(-225deg, #2CD8D5 0%, #C5C1FF 56%, #FFBAC3 100%);

  

  header - 37
• linear-gradient(-225deg, #A8BFFF 0%, #884D80 100%);

  

  header - 38
• linear-gradient(-225deg, #5271C4 0%, #B19FFF 48%, #ECA1FE 100%);

  

  header - 39
• linear-gradient(-225deg, #FFE29F 0%, #FFA99F 48%, #FF719A 100%);

  

  header - 40
• linear-gradient(-225deg, #B6CEE8 0%, #F578DC 100%);

  

  header - 41
• linear-gradient(-225deg, #CBBACC 0%, #2580B3 100%);

  

  header - 42
• linear-gradient(-225deg, #7DE2FC 0%, #B9B6E5 100%);

  

  header - 43
• linear-gradient(-225deg, #69EACB 0%, #EACCF8 48%, #6654F1 100%);

  

  header - 44
• linear-gradient(to right, #3CA55C 0%, #B5AC49 51%, #3CA55C 100%)

  

  header - 45
• linear-gradient(19deg, #FAACA8 0%, #DDD6F3 100%);

  

  header - 46
• linear-gradient( 109.6deg, rgba(245,56,56,1) 11.2%, rgba(234,192,117,1) 78% );

  

  header - 47
• linear-gradient( 105.5deg, rgba(31,212,248,1) 11%, rgba(218,15,183,1) 74.9% );

  

  header - 48
• radial-gradient( circle farthest-corner at 10% 20%, rgba(235,131,130,1) 0%, rgba(235,131,130,0.75) 38.6%, rgba(211,177,125,0.52) 72.1%, rgba(211,177,125,0.24) 94.7% );

  

  header - 49

jcasc

appearance:
  customHeader:
    enabled: true
    header: "logo"
    headerColor:
      backgroundColor: "linear-gradient( 90deg,  rgba(188,120,236,1) -2.2%, rgba(29,133,163,1) 83.5% );"
      color: "white"
      hoverColor: "#617fc2"
    logo:
      svg:
        logoPath: "https://artifactory.sample.com/artifactory/devops/jenkins/icon/header/logo-vert-padded-square-BLACK.svg"
    logoText: "DevOps Dev Jenkins"
    systemMessages:
    - level: danger
      message: "DevOps Dev Jenkins -- the development environment, will be extremely unstable and restarted often"
    thinHeader: false