woodpecker/web
Robert Kaussow dca01e6817
Use consistent woodpecker color scheme (#2003)
Fixes: https://github.com/woodpecker-ci/woodpecker/issues/1079

What do you think about using a consistent `woodpecker` color scheme?
Right now, the `lime` color scheme from windicss is used that does not
really fit the primary color used for the documentation website. I have
used the primary color `#4CAF50` from the docs and created a color
palette with https://palettte.app/:

<details>
  <summary>JSON source</summary>

```Json
[
  {
    "paletteName": "New Palette",
    "swatches": [
      {
        "name": "New Swatch",
        "color": "166E30"
      },
      {
        "name": "New Swatch",
        "color": "248438"
      },
      {
        "name": "New Swatch",
        "color": "369943"
      },
      {
        "name": "New Swatch",
        "color": "4CAF50"
      },
      {
        "name": "New Swatch",
        "color": "68C464"
      },
      {
        "name": "New Swatch",
        "color": "8AD97F"
      }
    ]
  }
]
```

</details>


![image](https://github.com/woodpecker-ci/woodpecker/assets/3391958/a254f1e0-ce17-43a9-9e8b-72252296fd6f)

I have added this color scheme to the windicss config and replaced the
use of `lime` in the UI. While `woodpecker-300` would be the primary
color that is used for the docs, I currently use `woodpecke-400` as
primary color for the UI to fix some contrast issues.


![image](https://github.com/woodpecker-ci/woodpecker/assets/3391958/7bf751e1-f2a6-481c-bee7-a27d27cf8adb)

![image](https://github.com/woodpecker-ci/woodpecker/assets/3391958/e5673dc7-81c1-4fd4-bef9-14494bc5aa27)

What do you think? If you would like to stay with the current colors,
that's fine for me, I can just use the custom CSS feature in this case.

---------

Co-authored-by: 6543 <6543@obermui.de>
2023-08-02 09:09:12 +02:00
..
public/favicons Improve favicons (#576) 2021-12-08 13:58:00 +01:00
src Use consistent woodpecker color scheme (#2003) 2023-08-02 09:09:12 +02:00
.eslintignore Update dependencies and tiny adjustments to UI (#1083) 2022-08-09 14:13:32 +02:00
.eslintrc.js Hide not owned repos from sidebar and repo list (#1453) 2023-01-31 09:37:11 +01:00
.gitignore Rewrite of WebUI (#245) 2021-11-03 17:40:31 +01:00
.prettierignore Replace yarn with pnpm (#1240) 2022-10-08 16:15:07 +02:00
.prettierrc.js Rewrite of WebUI (#245) 2021-11-03 17:40:31 +01:00
components.d.ts Do not store inactive repos (#1658) 2023-03-21 23:01:59 +01:00
index.html support custom .JS and .CSS files for custom banner messages (white-labeling) (#1781) 2023-07-10 12:46:35 +02:00
LICENSE Pull in frontend 2019-11-12 14:27:39 +01:00
package.json Use consistent woodpecker color scheme (#2003) 2023-08-02 09:09:12 +02:00
pnpm-lock.yaml Use consistent woodpecker color scheme (#2003) 2023-08-02 09:09:12 +02:00
tsconfig.eslint.json Update dependencies and tiny adjustments to UI (#1083) 2022-08-09 14:13:32 +02:00
tsconfig.json Rewrite of WebUI (#245) 2021-11-03 17:40:31 +01:00
vite.config.ts Add option to configure the vite dev server host (#2005) 2023-07-16 21:31:36 +02:00
web.go Update Go dependencies and minimal Go version to 1.20 (#1650) 2023-03-21 00:48:15 +01:00
windi.config.ts Use consistent woodpecker color scheme (#2003) 2023-08-02 09:09:12 +02:00