Makes job log viewers color palettes consistent

What does this MR do and why?

This change makes the colors of the job details page and the job log viewer consistent.

When we initially developed the full log viewer we didn't care to make ti look exactly like our current logs, now that it has matured, we can try to match the colors and use an SSOT for them.

Changelog: changed

Note: This MR depends on !161461 (merged)

MR acceptance checklist

Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Screenshots or screen recordings

before after log details page (for comparison, no changes in this page)
before after regular-log

How to set up and validate locally

We've used https://gitlab.com/ajwalker/colourful/-/blob/main/.gitlab-ci.yml to generate the job log above.

stages:
  - colourful

variables:
    FF_TIMESTAMPS: "true"

colourful:
    stage: colourful
    image: alpine:latest
    script:
        # https://askubuntu.com/questions/27314/script-to-display-all-terminal-colors
        - apk add --no-cache gettext bash
        - bash -c 'for x in {0..8}; do for i in {30..37}; do for a in {40..47}; do echo -ne "\e[$x;$i;$a""m\\\e[$x;$i;$a""m\e[0;37;40m "; done; echo; done; done; echo ""'
        - apk add --no-cache gettext
        - TERM=xterm msgcat --color=test
        - TERM=xterm-256color msgcat --color=test

Make sure you visit the full low viewer, it is located at /my-group/my-project/-/jobs/2516/viewer

Related to #465350 (closed)

Edited by Miguel Rincon

Merge request reports

Loading