@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap");body {
  font-family: "Space Grotesk", sans-serif;
}

.dark p {
  color: white;
}

.ring-transparent {
  transition: 0.5s ease-in-out;
}

.ring-transparent:hover {
  box-shadow: 1px 1px 21px -1px rgba(49, 57, 219, 0.64);
  -webkit-box-shadow: 1px 1px 21px -1px rgba(49, 57, 219, 0.64);
  -moz-box-shadow: 1px 1px 21px -1px rgba(49, 57, 219, 0.64);
}

:is(.dark .dark\:bg-codeblock\/50) {
  filter: brightness();
}

:is(.dark .dark\:bg-codeblock\/50) svg {
  filter: brightness(10);
}

:is(.dark .dark\:bg-codeblock\/50):hover {
  filter: brightness(10);
}

:is(.dark .dark\:text-primary-light) {
  color: rgb(152 157 255);
}

/* for white color in dark mode */
.prose:is(.dark *) {
  color: white;
}

/* for black color in light mode */
.prose {
  color: black;
}

/* for a clearer code format in dark mode */
:not(pre) > code:is(.dark *) {
  background: transparent;
  border-width: 0;
}

/* for a clearer code format in light mode */
:not(pre) > code {
  background: transparent;
  border-width: 0;
}


Overview

Example

Oxla Developer Hub

Product

Blog

Changelog