glo/docs/CSS.md
2026-11-03 04:37:57 +00:00

2.5 KiB

copy + paste themes in settings > custom css

ios amoled black / soft glass / lowercase

* {
  text-transform: lowercase;
  font-family: "SF Pro Display", "SF Pro Text", system-ui, sans-serif;
  font-size: 95.7%;
  font-weight: 445 !important;
  letter-spacing: -0.012em;
  -webkit-font-smoothing: antialiased;
  color: rgba(245, 240, 255, 0.93);
  background: transparent !important;
}

div {
  font-size: 94.5%;
  font-weight: 450 !important;
  line-height: 1.23rem;
  text-shadow: 0 0 20px rgba(255, 230, 245, 0.33);
  backdrop-filter: blur(12px) saturate(0.33) brightness(0.33);
  -webkit-backdrop-filter: blur(12px) saturate(1) brightness(0.99);
  background: rgba(20, 23, 20, 0) !important;
}

small {
  opacity: 0.86;
}
ios amoled black / lowercase

* {
  text-transform: lowercase;
  font-family: "SF Pro Text", system-ui, "Helvetica Neue", sans-serif;
  font-size: 97%;
  font-weight: 440 !important;
  letter-spacing: -0.01em;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricprecision;
  color: rgba(255, 255, 255, 0.94);
  background: #000 !important;
}

div {
  font-size: 96%;
  font-weight: 500 !important;
  line-height: 1.26rem;
  text-shadow: 0px 0px 18px rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(4px) saturate(1.01) brightness(0.82);
  -webkit-backdrop-filter: blur(4px) saturate(1.01) brightness(0.82);
  background: rgba(0, 0, 0, 0.88) !important;
}

small {
  opacity: 0.88;
}
ios / lowercase

* {
  text-transform: lowercase;
  font-family: "SF Pro Text", system-ui, "Helvetica Neue", sans-serif;
  font-size: 97%;
  font-weight: 440 !important;
  letter-spacing: -0.01em;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricprecision;
}

div {
  font-size: 96%;
  font-weight: 500 !important;
  line-height: 1.26rem;
  text-shadow: 0px 0px 22px rgba(255, 255, 255, 0.16);
  backdrop-filter: blur(6px) saturate(1.02);
  -webkit-backdrop-filter: blur(6px) saturate(1.02);
}

small {
  opacity: 0.9;
}

classic / monospace / lowercase

* {
  font-weight: 500 !important;
  text-transform: lowercase;
  font-family: monospace;
  letter-spacing: -0.02em;
  font-size: 96.7%;
}
div {
  font-size: 96%;
  font-weight: 500 !important;
  text-shadow: 0px 3px 33px #fff;
}

classic / helvetica / lowercase

* {
  font-weight: 500 !important;
  text-transform: lowercase;
  font-family: monospace;
  font-size: 100%;
  font-family: "SF Sans", helvetica, system-ui, monospace;
}
div {
  font-size: 96%;
  font-weight: 500 !important;
  line-height: 1.2rem;
  text-shadow: 0px 0px 75px #fff;
}