← Wszystkie przykłady

CSS Wygląd gitlab.com

GitLab: diff przyjazny daltonistom

Zamienia czerwień i zieleń w widoku zmian na niebieski i pomarańczowy, łatwiejsze do rozróżnienia.

Kod do skopiowania

/* Colorblind-friendly diff colors: blue for added, orange for removed */
.diff-file .line_holder .new,
.diff-file .line_content.new,
.diff-file td.new {
  background-color: #d4e6ff !important;
}
.diff-file .line_holder .old,
.diff-file .line_content.old,
.diff-file td.old {
  background-color: #ffe4c4 !important;
}

Jak użyć tego przykładu

  1. Skopiuj kod przyciskiem powyżej.
  2. Zainstaluj JustZix (2 minuty) i otwórz wtyczkę na docelowej stronie.
  3. Dodaj nową regułę dopasowaną do tej strony.
  4. Wklej kod w panelu CSS reguły i zapisz — efekt pojawi się od razu.

Oceń ten przykład

Brak ocen — oceń jako pierwszy.

Czy ten przykład działa?

Snippety są bezużyteczne, jeśli nie masz gdzie ich wkleić.

JustZix instalujesz w 2 minuty i odpalasz swój kod na każdej pasującej stronie. Bez konta, bez opłat.

Pobierz za darmo Zobacz zastosowania