xpgg.css

:root {
  --gg-bg-gif: url("TU_WKLEJ_LINK_DO_GIFA.gif");
  --xp-blue: #245edb;
  --xp-blue-dark: #0b3aa7;
  --xp-green: #49b000;
  --xp-beige: #ece9d8;
}

html, body {
  background: #3a6ea5 var(--gg-bg-gif) repeat !important;
  font-family: Tahoma, Verdana, Arial, sans-serif !important;
  color: #000 !important;
}

/* reset nowoczesnych cieni/zaokrągleń */
* {
  border-radius: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

/* główne karty / kontenery */
main, section, article,
[class*="card"], [class*="Card"],
.ant-card, .ant-modal-content,
[class*="container"], [class*="wrapper"] {
  background: var(--xp-beige) !important;
  border: 2px solid !important;
  border-color: #fff #404040 #404040 #fff !important;
  color: #000 !important;
}

/* pasek tytułowy jak Windows XP */
main::before {
  content: "Gadu-Gadu XP - certyfikat";
  display: block;
  margin: -2px -2px 12px -2px;
  padding: 5px 8px;
  background: linear-gradient(90deg, var(--xp-blue-dark), var(--xp-blue), #5aa2ff);
  color: #fff;
  font: bold 13px Tahoma, sans-serif;
  border-bottom: 1px solid #003c9e;
}

/* nagłówki */
h1, h2, h3 {
  font-family: Tahoma, Verdana, sans-serif !important;
  color: #003399 !important;
  font-weight: bold !important;
}

h1::before {
  content: "☀ ";
  color: #f6c400;
}

/* linki */
a {
  color: #0000ee !important;
  text-decoration: underline !important;
}

a:hover {
  color: #ff6600 !important;
  background: #ffff99 !important;
}

/* przyciski XP / GG */
button, .ant-btn, a[role="button"] {
  background: linear-gradient(#ffffff, #d6d3c6) !important;
  border: 2px solid !important;
  border-color: #fff #707070 #707070 #fff !important;
  color: #000 !important;
  font: bold 12px Tahoma, sans-serif !important;
  padding: 4px 12px !important;
  min-height: 26px !important;
}

button:hover, .ant-btn:hover, a[role="button"]:hover {
  background: linear-gradient(#fff8c6, #ffd966) !important;
}

button:active, .ant-btn:active {
  border-color: #707070 #fff #fff #707070 !important;
  padding-top: 5px !important;
  padding-left: 13px !important;
}

/* akcent Gadu-Gadu */
button::before, .ant-btn::before {
  content: "☀ ";
  color: var(--xp-green);
}

/* obrazki / certyfikat */
img, svg {
  image-rendering: auto;
}

img {
  border: 2px solid !important;
  border-color: #fff #555 #555 #fff !important;
  background: #fff !important;
  padding: 3px !important;
}

/* badge/status GG */
[class*="status"], [class*="badge"], .ant-tag {
  background: #d7ffc4 !important;
  border: 1px solid #3c9b00 !important;
  color: #145000 !important;
  font: bold 11px Tahoma, sans-serif !important;
}

[class*="status"]::before,
[class*="badge"]::before,
.ant-tag::before {
  content: "● ";
  color: #38c000;
}

/* formularze */
input, textarea, select, .ant-input {
  background: #fff !important;
  border: 2px inset #d4d0c8 !important;
  color: #000 !important;
  font-family: Tahoma, sans-serif !important;
}

/* ant design variables override */
[class*="css-var"],
.ant-app {
  --ant-color-primary: #245edb !important;
  --ant-color-link: #0000ee !important;
  --ant-color-bg-layout: transparent !important;
  --ant-color-bg-container: #ece9d8 !important;
  --ant-font-family: Tahoma, Verdana, Arial, sans-serif !important;
  --ant-border-radius: 0px !important;
}