A dark, minimalist LogSeq theme inspired by Base64 encoding aesthetics, 80s cyberpunk vibes, and terminal hacker culture. Powered by NerdFonts for full icon support and monospaced elegance. Neon teals, glitchy pinks, and soft shadows give your second brain a retro-futuristic glow—perfect for distraction-free thinking with style.

logseq-theme-base16-eighties.css

:root {
  --ls-primary-background-color: #2d2d2d;         /* base00 */
  --ls-secondary-background-color: #393939;       /* base01 */
  --ls-tertiary-background-color: #515151;        /* base02 */
  --ls-quaternary-background-color: #747369;      /* base03 */

  --ls-primary-text-color: #d3d0c8;               /* base05 */
  --ls-secondary-text-color: #a09f93;             /* base04 */

  --ls-link-text-color: #6699cc;                  /* base0D */
  --ls-link-text-hover-color: #cc99cc;            /* base0E */

  --ls-page-title-size: 1.75em;
  --ls-font-family: '0xProto Nerd Font', monospace;
  --ls-page-text-size: 15px;
  --ls-block-bullet-color: #f2777a;               /* base08 */

  --ls-border-color: #393939;                     /* base01 */
  --ls-active-bg-color: #515151;                  /* base02 */
  --ls-tag-text-color: #99cc99;                   /* base0B */
}

body {
  background-color: var(--ls-primary-background-color);
  color: var(--ls-primary-text-color);
  font-family: var(--ls-font-family);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

a {
  color: var(--ls-link-text-color);
  transition: color 0.2s ease;
  text-decoration: none;
}

a:hover {
  color: var(--ls-link-text-hover-color);
}

.block-content {
  font-size: var(--ls-page-text-size);
  line-height: 1.6;
  letter-spacing: 0.2px;
}

.block-children-container {
  margin-left: 1.5em;
  border-left: 2px dashed var(--ls-border-color);
  padding-left: 0.75em;
}

.block-bullet {
  background-color: var(--ls-block-bullet-color);
  width: 7px;
  height: 7px;
  border-radius: 50%;
}

.ls-block:hover {
  background-color: var(--ls-active-bg-color);
}

a.tag {
  color: var(--ls-tag-text-color);
  font-weight: 600;
}

.page-title {
  font-weight: 700;
  color: var(--ls-link-text-color);
}

.sidebar-item {
  background-color: var(--ls-secondary-background-color);
}

::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-thumb {
  background: #747369; /* base03 */
  border-radius: 4px;
}