customizable-header

[!NOTE|label:references:]

system messages

[!NOTE|label:references]

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
Previoussimple-themeNextartifactory

Last updated

Was this helpful?