# customizable-header

* [system messages](#system-messages)
  * [gradient](#gradient)
* [jcasc](#jcasc)

> \[!NOTE|label:references:]
>
> * [Customizable Header](https://plugins.jenkins.io/customizable-header/)

### system messages

> \[!NOTE|label:references]
>
> * [CSS Gradient](https://cssgradient.io/)
> * [show all gradients](https://uigradients.com/#SummerDog)
> * [CSS Gradient Generator](https://www.colorzilla.com/gradient-editor/)
> * [RGBA to RGB converter](https://borderleft.com/toolbox/rgba/)
> * [tumblr/colorfulgradients](https://www.tumblr.com/colorfulgradients)
> * [NilStack/NilColorKit](https://github.com/NilStack/NilColorKit)

#### gradient

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

  ![header - 1](https://4276369325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpuTw6o3ALq0J3Uf7ELc7%2Fuploads%2Fgit-blob-478b59d2cda9573f784501b9f718b07a43f05069%2Fheader-1.png?alt=media)
* `linear-gradient( 90deg, rgba(188,120,236,1) -2.2%, rgba(29,133,163,1) 83.5% );`

  ![header - 2](https://4276369325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpuTw6o3ALq0J3Uf7ELc7%2Fuploads%2Fgit-blob-ac0c52dfe0c0dfb73d188df0750954abf898e743%2Fheader-2.png?alt=media)
* `linear-gradient(90deg, rgba(72,97,91,1) 27%, rgba(131,148,97,1) 100%);` | `#48615b`

  ![header - 3](https://4276369325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpuTw6o3ALq0J3Uf7ELc7%2Fuploads%2Fgit-blob-7d82a4759dc918c2662a4d7cfd8d0882a50bdcd5%2Fheader-3.png?alt=media)
* `linear-gradient(90deg, rgba(0,129,109,1) 0%, rgba(255,175,1,1) 100%);` | `#00816D`

  ![header - 4](https://4276369325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpuTw6o3ALq0J3Uf7ELc7%2Fuploads%2Fgit-blob-54878357fa340488e7bd42b6df1cf09d7092cb4b%2Fheader-4.png?alt=media)
* `linear-gradient(90deg, rgba(0,114,206,1) 0%, rgba(0,199,177,1) 100%);` | `#0072ce`

  ![header - 5](https://4276369325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpuTw6o3ALq0J3Uf7ELc7%2Fuploads%2Fgit-blob-e5d3f13f0fa459acdc63a905fd8cfdb7d49a492d%2Fheader-5.png?alt=media)
* `linear-gradient( 68.6deg, rgba(79,183,131,1) 14.4%, rgba(196,218,144,1) 100% );`

  ![header - 6](https://4276369325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpuTw6o3ALq0J3Uf7ELc7%2Fuploads%2Fgit-blob-0f98b03dc481e8f8adbd62ba08c52709961d0397%2Fheader-6.png?alt=media)
* `linear-gradient(90deg, rgba(100,145,115,1) 0%, rgba(219,213,164,1) 100%);` | `#a8b88f`

  ![header - 7](https://4276369325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpuTw6o3ALq0J3Uf7ELc7%2Fuploads%2Fgit-blob-e9a50373e66b3882c41bb3bf180fb1c3077a85b3%2Fheader-7.png?alt=media)
* `linear-gradient(90deg, rgba(49,71,85,1) 0%, rgba(38,160,218,1) 100%);` | `#2b7aa1`

  ![header - 8](https://4276369325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpuTw6o3ALq0J3Uf7ELc7%2Fuploads%2Fgit-blob-d21f755c03243304b4468abe5f33709c27de3cac%2Fheader-8.png?alt=media)
* `linear-gradient(90deg, rgba(247,157,0,1) 0%, rgba(100,243,140,1) 100%);` | `#8EDA64`

  ![header - 9](https://4276369325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpuTw6o3ALq0J3Uf7ELc7%2Fuploads%2Fgit-blob-832e644b44adfd238507d6980b06f630eb12d5a1%2Fheader-9.png?alt=media)
* `linear-gradient(90deg, rgba(241,242,181,1) 0%, rgba(19,80,88,1) 100%);` | `#527E73`

  ![header - 10](https://4276369325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpuTw6o3ALq0J3Uf7ELc7%2Fuploads%2Fgit-blob-98875beabce421fd61397a7c2c4ca72e448e09be%2Fheader-10.png?alt=media)
* `linear-gradient(90deg, rgba(255,78,80,1) 0%, rgba(249,212,35,1) 100%);` | `#fbae30` | [DanceToForget](https://uigradients.com/#DanceToForget)

  ![header - 11](https://4276369325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpuTw6o3ALq0J3Uf7ELc7%2Fuploads%2Fgit-blob-f7316829df882128c0542ab0da86c6c155d4c409%2Fheader-11.png?alt=media)
* `linear-gradient(90deg, rgba(192,36,37,1) 0%, rgba(240,203,53,1) 100%);` | `#e29b30` | [BacktotheFuture](https://uigradients.com/#BacktotheFuture)

  ![header - 12](https://4276369325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpuTw6o3ALq0J3Uf7ELc7%2Fuploads%2Fgit-blob-fbd93840c0efe82f90ddbe023cd7e212567e05c3%2Fheader-12.png?alt=media)
* `linear-gradient(90deg, rgba(253,200,48,1) 0%, rgba(243,115,53,1) 100%);` | `#f79733` | [CitrusPeel](https://uigradients.com/#CitrusPeel)

  ![header - 13](https://4276369325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpuTw6o3ALq0J3Uf7ELc7%2Fuploads%2Fgit-blob-fbb77dd16caac60e6ba2919342632ed256697e94%2Fheader-13.png?alt=media)
* `linear-gradient( 91deg, rgba(72,154,78,1) 5.2%, rgba(251,206,70,1) 95.9% );`

  ![header - 14](https://4276369325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpuTw6o3ALq0J3Uf7ELc7%2Fuploads%2Fgit-blob-18c67e7b9c64f501b33403c0fa649753338ad71a%2Fheader-14.png?alt=media)
* `radial-gradient( circle farthest-corner at 10% 20%, rgba(91,140,245,1) 0%, rgba(240,131,252,1) 79.4% );`

  ![header - 15](https://4276369325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpuTw6o3ALq0J3Uf7ELc7%2Fuploads%2Fgit-blob-66e3aa27d493de4cbb24aae2c79dd9153f935f08%2Fheader-15.png?alt=media)
* `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](https://4276369325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpuTw6o3ALq0J3Uf7ELc7%2Fuploads%2Fgit-blob-e2815893ec55696b789618ba1cb9969fb39ed825%2Fheader-16.png?alt=media)
* `linear-gradient(90deg, #FDBB2D 0%, #22C1C3 100%);` | [Retro Wagon](https://cssgradient.io/swatches/)

  ![header - 17](https://4276369325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpuTw6o3ALq0J3Uf7ELc7%2Fuploads%2Fgit-blob-9986fe14ba647b21c626e9ede1948635b57bd864%2Fheader-17.png?alt=media)
* `linear-gradient( 90deg, rgba(226,66,249,0.94) 10.2%, rgba(79,147,249,1) 77.3% );`

  ![header - 18](https://4276369325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpuTw6o3ALq0J3Uf7ELc7%2Fuploads%2Fgit-blob-b09557ee1c010711dde5ac86ed80c0f43f39fffd%2Fheader-18.png?alt=media)
* `radial-gradient( circle farthest-corner at 10% 20%, rgba(171,102,255,1) 0%, rgba(116,182,247,1) 90% );`

  ![header - 19](https://4276369325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpuTw6o3ALq0J3Uf7ELc7%2Fuploads%2Fgit-blob-10c8dac261c49ac5d2002bd367cab6e5ad1763bb%2Fheader-19.png?alt=media)
* `linear-gradient(90deg, rgba(21,153,87,1) 0%, rgba(21,87,153,1) 100%);` | `#156a86`

  ![header - 20](https://4276369325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpuTw6o3ALq0J3Uf7ELc7%2Fuploads%2Fgit-blob-560d24fa910008e633dffc6f291ba15656f7d52a%2Fheader-20.png?alt=media)
* `linear-gradient(135deg, #92FFC0 10%, #002661 100%);` | `#2a647c`

  ![header - 21](https://4276369325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpuTw6o3ALq0J3Uf7ELc7%2Fuploads%2Fgit-blob-1d4b4f827cdf30058580e4e8a900edc754131b22%2Fheader-21.png?alt=media)
* `linear-gradient(90deg, rgba(0,65,106,1) 0%, rgba(121,159,12,1) 50%, rgba(255,224,0,1) 100%);` | `#b2bb07` | [Earthly](https://uigradients.com/#Earthly)

  ![header - 22](https://4276369325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpuTw6o3ALq0J3Uf7ELc7%2Fuploads%2Fgit-blob-304af7ea006e77ec52c2596c14f29f7eccfc0559%2Fheader-22.png?alt=media)
* `linear-gradient( 129.1deg, rgba(243,199,83,1) 26.8%, rgba(18,235,207,1) 114.1% );`

  ![header - 23](https://4276369325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpuTw6o3ALq0J3Uf7ELc7%2Fuploads%2Fgit-blob-1f0e587ba6c43286f6ee544b762562c2ca8490c0%2Fheader-23.png?alt=media)
* `linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%);`

  ![header - 24](https://4276369325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpuTw6o3ALq0J3Uf7ELc7%2Fuploads%2Fgit-blob-fe6b459404b7d4bef0fe6d24ec2a34fd2b3fca29%2Fheader-24.png?alt=media)
* `linear-gradient(to right, #e4afcb 0%, #b8cbb8 0%, #b8cbb8 0%, #e2c58b 30%, #c2ce9c 64%, #7edbdc 100%);`

  ![header - 25](https://4276369325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpuTw6o3ALq0J3Uf7ELc7%2Fuploads%2Fgit-blob-d980791b5c75be75058e9a6c593b8a0bffd64e10%2Fheader-25.png?alt=media)
* `linear-gradient(to right, #eea2a2 0%, #bbc1bf 19%, #57c6e1 42%, #b49fda 79%, #7ac5d8 100%);`

  ![header - 26](https://4276369325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpuTw6o3ALq0J3Uf7ELc7%2Fuploads%2Fgit-blob-3ef291d54dd7437d73395b906e7f065f725e0266%2Fheader-26.png?alt=media)
* `linear-gradient(to top, #9795f0 0%, #fbc8d4 100%);`

  ![header - 27](https://4276369325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpuTw6o3ALq0J3Uf7ELc7%2Fuploads%2Fgit-blob-382dae7ce199eed497e28c261944e7a24384d3e5%2Fheader-27.png?alt=media)
* `linear-gradient(-20deg, #dcb0ed 0%, #99c99c 100%);`

  ![header - 28](https://4276369325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpuTw6o3ALq0J3Uf7ELc7%2Fuploads%2Fgit-blob-15b43ca949cb043da64b4cd279c374631a8984c5%2Fheader-28.png?alt=media)
* `linear-gradient(-60deg, #16a085 0%, #f4d03f 100%);`

  ![header - 29](https://4276369325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpuTw6o3ALq0J3Uf7ELc7%2Fuploads%2Fgit-blob-410794fe85d1cc480b12ecb01ba6a25a20ebbc8f%2Fheader-29.png?alt=media)
* `linear-gradient(60deg, #64b3f4 0%, #c2e59c 100%);`

  ![header - 30](https://4276369325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpuTw6o3ALq0J3Uf7ELc7%2Fuploads%2Fgit-blob-29bb4676aded88f066e5c8e0eb47d00a9415820d%2Fheader-30.png?alt=media)
* `linear-gradient(to right, #d5dee7 0%, #ffafbd 0%, #c9ffbf 100%);`

  ![header - 31](https://4276369325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpuTw6o3ALq0J3Uf7ELc7%2Fuploads%2Fgit-blob-31e4c8501a9676ab905539d0a807a0126bcc7b3b%2Fheader-31.png?alt=media)
* `linear-gradient(to left, #50cc7f 0%, #f5d100 100%);`

  ![header - 32](https://4276369325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpuTw6o3ALq0J3Uf7ELc7%2Fuploads%2Fgit-blob-2e2e572c37db75a0806a2ae6cee0bffda5ae0b28%2Fheader-32.png?alt=media)
* `linear-gradient(to right, #f9d423 0%, #ff4e50 100%);`

  ![header - 33](https://4276369325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpuTw6o3ALq0J3Uf7ELc7%2Fuploads%2Fgit-blob-baa708c054857bc8069baec59c405cd1c9a46d5f%2Fheader-33.png?alt=media)
* `linear-gradient(to left, #e14fad 0%, #f9d423 100%);`

  ![header - 34](https://4276369325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpuTw6o3ALq0J3Uf7ELc7%2Fuploads%2Fgit-blob-6dc2e67a47ef254afb1db4f79bd9794f75a70a58%2Fheader-34.png?alt=media)
* `linear-gradient(to right, #c1c161 0%, #c1c161 0%, #d4d4b1 100%);`

  ![header - 35](https://4276369325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpuTw6o3ALq0J3Uf7ELc7%2Fuploads%2Fgit-blob-508b9938d185e443006b1f654a755cef255a463b%2Fheader-35.png?alt=media)
* `linear-gradient(to right, #ec77ab 0%, #7873f5 100%);`

  ![header - 36](https://4276369325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpuTw6o3ALq0J3Uf7ELc7%2Fuploads%2Fgit-blob-ef4f4ca41a1ba9d32b759d60e461b671e2dbfb0b%2Fheader-36.png?alt=media)
* `linear-gradient(-225deg, #2CD8D5 0%, #C5C1FF 56%, #FFBAC3 100%);`

  ![header - 37](https://4276369325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpuTw6o3ALq0J3Uf7ELc7%2Fuploads%2Fgit-blob-9576e5d9df8e154ebfca028df5582a65bd5c49ac%2Fheader-37.png?alt=media)
* `linear-gradient(-225deg, #A8BFFF 0%, #884D80 100%);`

  ![header - 38](https://4276369325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpuTw6o3ALq0J3Uf7ELc7%2Fuploads%2Fgit-blob-d0becfe19d0ab57e11a7f26316dbc85ae7c65fd8%2Fheader-38.png?alt=media)
* `linear-gradient(-225deg, #5271C4 0%, #B19FFF 48%, #ECA1FE 100%);`

  ![header - 39](https://4276369325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpuTw6o3ALq0J3Uf7ELc7%2Fuploads%2Fgit-blob-8587fdc8ab250a106a48215e349f2b99fc7b8fe7%2Fheader-39.png?alt=media)
* `linear-gradient(-225deg, #FFE29F 0%, #FFA99F 48%, #FF719A 100%);`

  ![header - 40](https://4276369325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpuTw6o3ALq0J3Uf7ELc7%2Fuploads%2Fgit-blob-de7b67b5b7898f13463f88d1a6730bfa3fdd1915%2Fheader-40.png?alt=media)
* `linear-gradient(-225deg, #B6CEE8 0%, #F578DC 100%);`

  ![header - 41](https://4276369325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpuTw6o3ALq0J3Uf7ELc7%2Fuploads%2Fgit-blob-83e14ed3b8ab087478085ac236093ab6caeb6b35%2Fheader-41.png?alt=media)
* `linear-gradient(-225deg, #CBBACC 0%, #2580B3 100%);`

  ![header - 42](https://4276369325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpuTw6o3ALq0J3Uf7ELc7%2Fuploads%2Fgit-blob-0b4102f121a2583311377fb07715c4e75c9ff57c%2Fheader-42.png?alt=media)
* `linear-gradient(-225deg, #7DE2FC 0%, #B9B6E5 100%);`

  ![header - 43](https://4276369325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpuTw6o3ALq0J3Uf7ELc7%2Fuploads%2Fgit-blob-40bd45335ca99b4ec13bb10250757b9c720afa9a%2Fheader-43.png?alt=media)
* `linear-gradient(-225deg, #69EACB 0%, #EACCF8 48%, #6654F1 100%);`

  ![header - 44](https://4276369325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpuTw6o3ALq0J3Uf7ELc7%2Fuploads%2Fgit-blob-5903e25eb99ed0987a290d3e006681e7774975d6%2Fheader-44.png?alt=media)
* `linear-gradient(to right, #3CA55C 0%, #B5AC49 51%, #3CA55C 100%)`

  ![header - 45](https://4276369325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpuTw6o3ALq0J3Uf7ELc7%2Fuploads%2Fgit-blob-4667836a33d29b9ac6ae325a5236bad4449bda3d%2Fheader-45.png?alt=media)
* `linear-gradient(19deg, #FAACA8 0%, #DDD6F3 100%);`

  ![header - 46](https://4276369325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpuTw6o3ALq0J3Uf7ELc7%2Fuploads%2Fgit-blob-bdd6f01fdf659d15400c6d676e8cffb7ddf6b0da%2Fheader-46.png?alt=media)
* `linear-gradient( 109.6deg, rgba(245,56,56,1) 11.2%, rgba(234,192,117,1) 78% );`

  ![header - 47](https://4276369325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpuTw6o3ALq0J3Uf7ELc7%2Fuploads%2Fgit-blob-2920f45194c07293940e08509a879523d97987a5%2Fheader-47.png?alt=media)
* `linear-gradient( 105.5deg, rgba(31,212,248,1) 11%, rgba(218,15,183,1) 74.9% );`

  ![header - 48](https://4276369325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpuTw6o3ALq0J3Uf7ELc7%2Fuploads%2Fgit-blob-5bc265b8baa1992edc5e9fef166947d6a77eb7a6%2Fheader-48.png?alt=media)
* `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](https://4276369325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpuTw6o3ALq0J3Uf7ELc7%2Fuploads%2Fgit-blob-3b9483d9564c478d1a23c917500382982144a071%2Fheader-49.png?alt=media)

### jcasc

```yaml
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
```