Commit Graph

11 Commits

Author SHA1 Message Date
Patrick Schratz
2d3db3de28 Migrate from Windi to Tailwind (#4614)
Co-authored-by: Robert Kaussow <mail@thegeeklab.de>
2025-01-07 08:52:44 +01:00
Patrick Schratz
cccd1e79b2 Improve code highlighting in web UI (#4447)
Co-authored-by: Robert Kaussow <mail@thegeeklab.de>
2025-01-04 15:26:13 +01:00
Patrick Schratz
5b0d788737 Add vscode tailwind extensions & prettier tailwind linter, sort tailwind classes (#4622)
Co-authored-by: Anbraten <6918444+anbraten@users.noreply.github.com>
2024-12-31 14:03:21 +01:00
Patrick Schratz
bf751199c3 Add lighter red shades for error messages (#4611)
Co-authored-by: Robert Kaussow <mail@thegeeklab.de>
2024-12-28 15:26:37 +01:00
Robert Kaussow
a1193f0fb4 Improve linter messages in UI (#4351) 2024-11-11 23:34:20 +01:00
6543
11d70a894d use animate-spin class (#3150) 2024-01-09 15:42:23 +01:00
6543
1ee2b8c41c Make service icon rotate (#3149)
add animation for color blind people

[video](https://cloud.obermui.de/s/adpxqpMw6dEgZcC/download/recording_woodpecker-pull-3148.mkv)
2024-01-09 07:45:41 +01:00
Robert Kaussow
c36cb9da65 Fix alt text contrast in code boxes (#2089) 2023-08-02 10:36:14 +02:00
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
Divya Jain
bb99d5cb6d Match notification font size to rest of the UI (#1399) 2022-11-06 22:51:06 +01:00
Lauris BH
14b3cfff1b Improve dark style text color for better readibility (#985) 2022-06-17 02:00:31 +02:00