An adaptation of my adaptation of Catpuccin theme for Miniflux to the Tokyonight Night colorscheme

miniflux_tokyonight.css

:root {
  --font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue",
    Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol", "Noto Color Emoji";
  --base: #1a1b26;
  --surface0: #22232e;
  --surface1: #31323d;
  --overlay0: #888888;
  --overlay1: #7f849c;
  --subtext0: #a6adc8;
  --text: #c0caf5;
  --yellow: #e0af68;
  --orange: #ff9e64;
  --red: #f7768e;
  --purple: #bb9af7;
  --blue: #7aa2f7;
  --cyan: #73daca;
  --green: #9ece6a;
}

article > blockquote {
  font-size: 87.5%;
  font-style: italic;
}

.alert-error {
  color: var(--body-background);
}

.confirm {
  color: var(--alert-confirm-color);
}

.confirm > button {
  color: var(--alert-confirm-color);
}

.confirm > a {
  color: var(--alert-confirm-color);
}

.confirm {
  background-color: var(--alert-background-color);
}

.entry-meta > span > a {
  color: var(--entry-meta-color);
}

.entry-date {
  color: var(--entry-meta-color);
}

.entry header h1 a:hover,
.entry header h1 a:focus {
  color: --var(link-hover-color);
}

input[type="search"],
input[type="url"],
input[type="password"],
input[type="text"],
input[type="number"],
select,
textarea {
  color: var(--input-color);
  background: var(--input-background);
  border: var(--input-border);
}

label input[type="checkbox"] {
  accent-color: var(--button-primary);
}

.button.button-primary:hover,
.button.button-primary:focus {
  background-color: var(--button-primary-background);
}
.button.button-primary:disabled {
  color: var(--button-primary-color);
  border-color: var(--button-primary-focus-border-color);
  background-color: var(--button-primary-focus-background);
  opacity: 0.75;
}

.entry-content figcaption {
  color: var(--entry-content-fig-caption);
}

.entry-author {
  color: var(--entry-author-color);
}
.item {
  border: none;
  background-color: var(--surface0);
  border-radius: 8px;
  margin: 1rem;
}
.item-meta > ul > li {
  color: var(--item-meta-li-color);
}

.item-meta > ul > li > a {
  color: var(--item-meta-li-color);
}

.item-meta > ul > li > a:hover {
  color: var(--item-meta-focus-color);
}

.item-meta-icons li > :is(a, button) {
  color: var(--item-meta-li-color);
}

.item-meta-icons li > :is(a, button):hover {
  color: var(--item-meta-focus-color);
}

.entry,
.entry-content,
.pagination {
  margin: 0 1rem 0 1rem;
}

:root {
  --item-status-read-title-link-color: var(--link-color);
  --item-padding: 20px;
  --body-color: var(--text);
  --body-background: var(--base);
  --hr-border-color: var(--overlay1);
  --title-color: var(--text);
  --link-color: var(--blue);
  --link-focus-color: var(--surface1);
  --link-hover-color: var(--purple);
  --link-visited-color: var(--purple);
  --header-list-border-color: var(--overlay1);
  --header-link-color: var(--blue);
  --header-link-focus-color: var(--key);
  --header-link-hover-color: var(--purple);
  --header-active-link-color: var(--overlay1);
  --table-border-color: var(--overlay1);
  --table-th-background: var(--surface0);
  --table-th-color: var(--overlay0);
  --table-tr-hover-background-color: var(--base);
  --table-tr-hover-color: var(--overlay0);
  --button-primary-border-color: var(--overlay0);
  --button-primary-background: var(--overlay0);
  --button-primary-color: var(--base);
  --button-primary-focus-border-color: var(--overlay1);
  --button-primary-focus-background: var(--overlay1);
  --input-background: var(--surface0);
  --input-color: var(--text);
  --input-placeholder-color: var(--subtext1);
  --input-focus-color: var(--text);
  --input-focus-border-color: var(--surface1);
  --input-border: var(--surface1);
  --input-focus-box-shadow: 0 0 0 2px var(--overlay1);
  --alert-color: var(--yellow);
  --alert-confirm-color: var(--red);
  --alert-background-color: var(--base);
  --alert-border-color: var(--overlay1);
  --alert-success-color: var(--green);
  --alert-success-background-color: var(--surface0);
  --alert-success-border-color: var(--overlay1);
  --alert-error-color: var(--red);
  --alert-error-background-color: var(--red);
  --alert-error-border-color: var(--red);
  --alert-info-color: var(--overlay0);
  --alert-info-background-color: var(--surface0);
  --alert-info-border-color: var(--surface0);
  --page-header-title-border-color: var(--overlay1);
  --page-header-title-color: var(--text);
  --logo-color: var(--text);
  --logo-hover-color-span: var(--blue);
  --panel-background: var(--base);
  --panel-border-color: var(--overlay1);
  --panel-color: var(--text);
  --modal-background: var(--base);
  --modal-color: var(--overlay0);
  --modal-box-shadow: 2px 0 5px 0 var(--overlay1);
  --pagination-link-color: var(--blue);
  --pagination-border-color: var(--overlay1);
  --category-color: var(--text);
  --category-background-color: var(--surface0);
  --category-border-color: var(--overlay1);
  --category-link-color: var(--green);
  --category-link-hover-color: var(--purple);
  --item-header-color: var(--text);
  --item-border-color: var(--overlay1);
  --item-status-unread-title-link-color: var(--blue);
  --item-status-read-title-link-color: var(--purple);
  --item-status-read-title-focus-color: var(--overlay1);
  --item-meta-focus-color: var(--text);
  --item-meta-icons-external-url: var(--subtext0);
  --item-meta-li-color: var(--subtext0);
  --item-meta-icons-star: var(--subtext0);
  --current-item-border-color: var(--surface0);
  --entry-header-border-color: var(--overlay1);
  --entry-header-title-link-color: var(--text);
  --entry-meta-color: var(--purple);
  --entry-author-color: var(--green);
  --entry-content-color: var(--text);
  --entry-content-code-color: var(--blue);
  --entry-content-code-background: var(--base);
  --entry-content-code-border-color: var(--overlay1);
  --entry-content-fig-caption: var(--subtext0);
  --entry-content-quote-color: var(--purple);
  --entry-content-abbr-border-color: var(--overlay1);
  --entry-enclosure-border-color: var(--overlay1);
  --parsing-error-color: var(--overlay1);
  --feed-parsing-error-background-color: var(--surface0);
  --feed-parsing-error-border-color: var(--red);
  --feed-has-unread-background-color: var(--surface0);
  --feed-has-unread-border-color: var(--text);
  --category-has-unread-background-color: var(--surface0);
  --category-has-unread-border-color: var(--cyan);
  --keyboard-shortcuts-li-color: var(--overlay0);
  --counter-color: var(--overlay0);
}