peertube-plugin-livechat/support/documentation/layouts/partials/custom-header.html

<style>

:root {
  /* more contrast than the default theme. */
  --MAIN-TEXT-color:#000; /* Color of text by default */
  --MAIN-TITLES-TEXT-color: #222; /* Color of titles h2-h3-h4-h5 */
  --MAIN-TITLES-H1-color: #222; /* text color of h1 titles */
  --MAIN-LINK-color:rgb(155, 28, 28); /* Color of links */
  --MAIN-LINK-HOVER-color:#d01616; /* Color of hovered links */
  /* --MAIN-BG-color: rgba( 255, 255, 255, 1 ); /* color of text by default */

  --MENU-HOME-LINK-color: #fff; /* Color of the home button text */
  --MENU-HOME-LINK-HOVER-color: #e6e6e6; /* Color of the hovered home button text */

  --MENU-HEADER-BG-color:#dc1010; /* Background color of menu header */
  --MENU-HEADER-BORDER-color:#e23131; /*Color of menu header border */

  --MENU-SEARCH-color: #fff; /* Override search field icons color */
  --MENU-SEARCH-BG-color:#b90000; /* Search field background color (by default borders + icons) */
  --MENU-SEARCH-BORDER-color: #ef2020; /* Override search field border color */

  --MENU-SECTIONS-ACTIVE-BG-color:#2b2020; /* Background color of the active section and its childs */
  --MENU-SECTIONS-BG-color:#312525; /* Background color of other sections */
  --MENU-SECTIONS-LINK-color: #fff; /* Color of links in menu */
  --MENU-SECTIONS-LINK-HOVER-color: #e6e6e6;  /* Color of links in menu, when hovered */
  --MENU-SECTION-ACTIVE-CATEGORY-color: #000; /* Color of active category text */
  --MENU-SECTION-ACTIVE-CATEGORY-BG-color: #fff; /* Color of background for the active category (only) */

  --MENU-VISITED-color: #ff3333; /* Color of 'page visited' icons in menu */
  --MENU-SECTION-SEPARATOR-color: #2b2020; /* Color of <hr> separator in menu */
}

div.notices p {
  /* more contrast than the default theme. */
  color: #000;
}

/*
 By default, links are not underlined. This is not recommaned for accessibility.
 */
body a.highlight,
body a.highlight:hover,
body a.highlight:focus {
  text-decoration: underline;
}

body a.highlight:focus {
  border: 1px solid var(--MAIN-LINK-HOVER-color);
}

/* more contrast for the searchbox icons */
#R-sidebar .searchbox > :first-child,
#R-sidebar .searchbox > :last-child{
    opacity: .85;
}

/* more contrast for the searchbox placeholder */
.searchbox input::-webkit-input-placeholder,
.searchbox input::placeholder {
    opacity: .85;
}

/* Accessibility fix: To avoid breadcrumbs to be truncated when there is a zoom,
  we cancel the `white-space: nowrap` of the relearn theme.
*/
.breadcrumbs {
  white-space: normal;
}

#R-footer a {
  text-decoration: underline;
}

</style>