Skip to content

Instantly share code, notes, and snippets.

@basilioss

basilioss/tokyo-night.css

Created September 16, 2023 18:16
Show Gist options
  • Save basilioss/060b9a9a45b510cfa95aa65e038363b3 to your computer and use it in GitHub Desktop.
Save basilioss/060b9a9a45b510cfa95aa65e038363b3 to your computer and use it in GitHub Desktop.
Download ZIP
Tokyo Night theme for Obsidian Minimal theme
Raw
tokyo-night.css
.theme-dark {
--color-red-rgb: 247, 118, 142;
--color-orange-rgb: 255, 158, 100;
--color-yellow-rgb: 224, 175, 104;
--color-green-rgb: 158, 206, 106;
--color-cyan-rgb: 125, 207, 255;
--color-blue-rgb: 122, 162, 247;
--color-purple-rgb: 187, 154, 247;
--color-pink-rgb: 255, 117, 160;
--color-red: #f7768e;
--color-orange: #ff9e64;
--color-yellow: #e0af68;
--color-green: #9ece6a;
--color-cyan: #7dcfff;
--color-blue: #7aa2f7;
--color-purple: #bb9af7;
--color-pink: #ff75a0;
}
.theme-dark {
--base-h: 235;
--base-s: 19%;
--base-l: 13%;
--accent-h: 202;
--accent-s: 100%;
--accent-l: 75%;
--bg1: #1a1b26;
--bg2: #16161e;
/* --bg3: */
--ui1: #24283b;
--ui2: #414868;
--ui3: #2f3549;
--tx1: #c0caf5;
--tx2: #a9b1d6;
--tx3: #9aa5ce;
--sp1: #16161e;
--hl1: rgba(42,47,65,.7);
}
.theme-dark.minimal-dark-black {
--ui1: #1a1b26;
}
@basilioss
Copy link
Author

Related issue - kepano/obsidian-minimal#456

@m-nelly
Copy link

m-nelly commented Apr 13, 2025

The .theme.dark section has some settings that are being overwritten by .theme.dark.minimal-default-dark. This works as intended:

.theme-dark {
  --color-red-rgb: 247, 118, 142;
  --color-orange-rgb: 255, 158, 100;
  --color-yellow-rgb: 224, 175, 104;
  --color-green-rgb: 158, 206, 106;
  --color-cyan-rgb: 125, 207, 255;
  --color-blue-rgb: 122, 162, 247;
  --color-purple-rgb: 187, 154, 247;
  --color-pink-rgb: 255, 117, 160;
  --color-red: #f7768e;
  --color-orange: #ff9e64;
  --color-yellow: #e0af68;
  --color-green: #9ece6a;
  --color-cyan: #7dcfff;
  --color-blue: #7aa2f7;
  --color-purple: #bb9af7;
  --color-pink: #ff75a0;
}

.theme-dark.minimal-default-dark {
  --base-h: 235;
  --base-s: 19%;
  --base-l: 13%;
  --accent-h: 202;
  --accent-s: 100%;
  --accent-l: 75%;
  --bg1: #1a1b26;
  --bg2: #16161e;
  /* --bg3: */
  --ui1: #24283b;
  --ui2: #414868;
  --ui3: #2f3549;
  --tx1: #c0caf5;
  --tx2: #a9b1d6;
  --tx3: #9aa5ce;
  --sp1: #16161e;
  --hl1: rgba(42,47,65,.7);
}

.theme-dark.minimal-dark-black {
  --ui1: #1a1b26;
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment