panda icon panda icon

Cool Panda

A VS Code theme inspired by the classic Panda Syntax. Cool Panda offers cooler tones and full Typescript support for those late night coding sessions.


<script>
  import { Houston, hug } from "fake-astro-stuff";

  hug.count = 0;
  const container = document.querySelector("#container");

  container.addEventListener("click", () => {
    hug.count += 1;
  });
</script>

<div class="container">
  {
    hug.count >= 1 ? (
      <Houston happy={true} >
        <p>Ready for liftoff!</p>
      </Houston>
    ) : (
      <Houston happy={false}>
        <p>zzzzzz</p>
      </Houston>
    )
  }
</div>