5chan/src/themes.css

:root .yotsuba {
  --background-base-color: #ffe;
  --background-pattern-image: url("/public/assets/background-fade.png");
  --background-text-color: #fff;
  --banner-image-border: 1px solid #800;
  --boardnav-font-size: 9pt;
  --boardnav-separator-color: #b86;
  --boardnav-mobile-background-color: #f0e0d6;
  --boardnav-mobile-border-bottom: 2px solid #d9c5b7;
  --boardnav-mobile-font-size: 10px;
  --board-title-font-size: 28px;
  --board-title-font-family: Tahoma, sans-serif;
  --board-subtitle-font-size: x-small;
  --body-font-color: maroon;
  --body-font-family: arial, helvetica, sans-serif;
  --body-font-size: 10pt;
  --box-border-color: #800;
  --color1: #800;
  --color2: #fca;
  --color3: #fed;
  --external-link-text-color: rgb(160, 160, 180);
  --external-link-text-decoration: underline;
  --hr-border: none;
  --hr-border-top: 1px solid #d9bfb7;
  --hr-height: 0px;
  --internal-link-text-color: #800;
  --internal-link-text-color-hover: #e00;
  --internal-link-text-decoration: none;
  --internal-link-text-decoration-hover: underline;
  --post-form-toggle-font-size: 22px;
  --post-form-toggle-font-weight: 700;
  --post-form-toggle-text-color: #00e;
  --post-form-toggle-text-color-hover: red;
  --text-color: maroon;
  --text-color-on-color1: #fff;
  --text-color-on-color2: #800;
  --text-color-on-color2-hover: #c63;
  --text-color-standard: #000;
  --text-color-inverse: #fff;
}

:root .yotsuba-b {
  --background-base-color: #eef2ff;
  --background-pattern-image: url("/public/assets/background-fade-blue.png");
  --background-text-color: #fff;
  --banner-image-border: 1px solid #000;
  --boardnav-font-size: 9pt;
  --boardnav-separator-color: #89a;
  --boardnav-mobile-background-color: #d6daf0;
  --boardnav-mobile-border-bottom: 2px solid #b7c5d9;
  --boardnav-mobile-font-size: 10px;
  --board-title-font-size: 28px;
  --board-title-font-family: Tahoma, sans-serif;
  --board-title-text-color: #af0a0f;
  --board-subtitle-text-color: #af0a0f;
  --board-subtitle-font-size: x-small;
  --body-font-color: #000;
  --body-font-family: arial, helvetica, sans-serif;
  --body-font-size: 10pt;
  --box-border-color: #000;
  --color1: #98e;
  --color2: #98e;
  --color3: #eef2ff;
  --external-link-text-color: #00f;
  --external-link-text-decoration: underline;
  --hr-border: none;
  --hr-border-top: 1px solid #b7c5d9;
  --internal-link-text-color: #34345c;
  --internal-link-text-color-hover: #d00;
  --internal-link-text-decoration: none;
  --internal-link-text-decoration-hover: underline;
  --post-form-toggle-font-size: 22px;
  --post-form-toggle-font-weight: 700;
  --post-form-toggle-text-color: #34345c;
  --post-form-toggle-text-color-hover: #d00;
  --text-color: #000;
  --text-color-on-color1: #000;
  --text-color-on-color2: #000;
  --text-color-on-color2-hover: #fff;
  --text-color-standard: #000;
  --text-color-inverse: #fff;
}

:root .futaba {
  --background-base-color: #ffe;
  --background-pattern-image: none;
  --background-text-color: #fff;
  --boardnav-font-size: 11pt;
  --boardnav-separator-color: none;
  --boardnav-mobile-background-color: #f0e0d6;
  --boardnav-mobile-border-bottom: 2px solid #d9c5b7;
  --boardnav-mobile-font-size: 11pt;
  --board-title-font-size: 32px;
  --board-subtitle-font-size: 10pt;
  --body-font-color: maroon;
  --body-font-family: times new roman, serif;
  --body-font-size: 12pt;
  --box-border-color: #800;
  --color1: #800;
  --color2: #fca;
  --color3: #fed;
  --external-link-text-color: #00f;
  --external-link-text-decoration: underline;
  --internal-link-text-color: #00e;
  --internal-link-text-color-hover: #e00;
  --internal-link-text-decoration: underline;
  --internal-link-text-decoration-hover: underline;
  --post-form-toggle-font-size: 22px;
  --post-form-toggle-font-weight: 700;
  --post-form-toggle-text-color: #00e;
  --post-form-toggle-text-decoration: underline;
  --post-form-toggle-text-color-hover: red;
  --text-color: maroon;
  --text-color-on-color1: #fff;
  --text-color-on-color2: #800;
  --text-color-on-color2-hover: #c63;
  --text-color-standard: #000;
  --text-color-inverse: #fff;
}

:root .burichan {
  --background-base-color: #eef2ff;
  --background-pattern-image: none;
  --background-text-color: #fff;
  --boardnav-font-size: 11pt;
  --boardnav-separator-color: none;
  --boardnav-mobile-background-color: #d6daf0;
  --boardnav-mobile-border-bottom: 2px solid #b7c5d9;
  --boardnav-mobile-font-size: 11pt;
  --board-title-font-size: 32px;
  --board-title-text-color: #af0a0f;
  --board-subtitle-text-color: #af0a0f;
  --board-subtitle-font-size: 10pt;
  --body-font-color: #000;
  --body-font-family: times new roman, serif;
  --body-font-size: 12pt;
  --box-border-color: #000;
  --color1: #98e;
  --color2: #98e;
  --color3: #eef2ff;
  --external-link-text-color: #00f;
  --external-link-text-decoration: underline;
  --internal-link-text-color: #34345c;
  --internal-link-text-color-hover: #d00;
  --internal-link-text-decoration: underline;
  --internal-link-text-decoration-hover: underline;
  --post-form-toggle-font-size: 22px;
  --post-form-toggle-font-weight: 700;
  --post-form-toggle-text-color: #34345c;
  --post-form-toggle-text-decoration: underline;
  --post-form-toggle-text-color-hover: #d00;
  --text-color: #000;
  --text-color-on-color1: #000;
  --text-color-on-color2: #000;
  --text-color-on-color2-hover: #fff;
  --text-color-standard: #000;
  --text-color-inverse: #fff;

}

:root .tomorrow {
  --background-base-color: #1d1f21;
  --background-pattern-image: none;
  --background-text-color: #282a2e;
  --banner-image-border: 1px solid #000;
  --boardnav-font-size: 9pt;
  --boardnav-separator-color: #c5c8c6;
  --boardnav-mobile-background-color: #1d1f21;
  --boardnav-mobile-border-bottom: 2px solid #282a2e;
  --boardnav-mobile-font-size: 10px;
  --board-title-font-size: 28px;
  --board-title-font-family: Tahoma, sans-serif;
  --board-subtitle-font-size: x-small;
  --body-font-color: #c5c8c6;
  --body-font-family: arial, helvetica, sans-serif;
  --body-font-size: 10pt;
  --box-border-color: rgb(45, 47, 51);
  --color1: rgb(33, 35, 38);
  --color2: rgb(33, 35, 38);
  --hr-border: none;
  --hr-border-top: 1px solid #282a2e;
  --hr-height: 0px;
  --internal-link-text-color: #81a2be;
  --internal-link-text-color-hover: #5f89ac;
  --post-form-toggle-font-size: 22px;
  --post-form-toggle-font-weight: 700;
  --post-form-toggle-text-color: #81a2be;
  --post-form-toggle-text-color-hover: #5f89ac;
  --text-color: #c5c8c6;
  --text-color-standard: #c5c8c6;
  --text-color-on-color1: #c5c8c6;
  --text-color-on-color2: #c5c8c6;
  --text-color-on-color3: #c5c8c6;
}

:root .photon {
  --background-base-color: #eee;
  --background-pattern-image: none;
  --banner-image-border: 1px solid #000;
  --boardnav-font-size: 9pt;
  --boardnav-separator-color: #333;
  --boardnav-mobile-background-color: #ddd;
  --boardnav-mobile-border-bottom: 2px solid #ccc;
  --boardnav-mobile-font-size: 10px;
  --board-title-font-size: 28px;
  --board-title-font-family: Tahoma, sans-serif;
  --board-title-text-color: #004a99;
  --board-subtitle-font-size: x-small;
  --body-font-color: #333;
  --body-font-family: arial, helvetica, sans-serif;
  --body-font-size: 10pt;
  --hr-border: none;
  --hr-border-top: 1px solid #ddd;
  --hr-height: 0px;
  --internal-link-text-color: #f60;
  --internal-link-text-color-hover: #f30;
  --post-form-toggle-font-size: 22px;
  --post-form-toggle-font-weight: 700;
  --post-form-toggle-text-color: #f60;
  --post-form-toggle-text-color-hover: #f30;
  --text-color: #333;
}