Skip to content

Instantly share code, notes, and snippets.

@jSayal
Created August 21, 2024 04:31
Show Gist options
  • Select an option

  • Save jSayal/759267c4538151baff26dd6c008b275c to your computer and use it in GitHub Desktop.

Select an option

Save jSayal/759267c4538151baff26dd6c008b275c to your computer and use it in GitHub Desktop.
Obsidian default dark theme overrides
body {
--file-line-width: 1280px; /* Doucment width */
/* -----------------------------------
* Colors override
* ---------------------------------- */
--color-base-00: #2c292d;
--color-orange: blue;
--bold-color: var(--color-purple);
--italic-color: var(--sync-avatar-color-8);
--link-external-color: var(--color-pink);
--text-highlight-bg-rgb: 120, 220, 232;
--text-highlight-bg: rgba(var(--text-highlight-bg-rgb), 0.3);
--h1-color: #f7f7f7;
--h2-color: #54cbe2;
--h3-color: #a8db74;
--h4-color: #FFD866;
--table-header-background: #161616;
--blockquote-background-color: var(--color-base-05);
--blockquote-background-color: hsla(var(--interactive-accent-hsl), 0.08);
--titlebar-background: var(--background-secondary);
--titlebar-background-focused: #151515;
/* -----------------------------------
* Typography overrides
* ---------------------------------- */
--h1-font: 'Ellograph CF';
--h1-size: 2.5em;
--h1-style: normal;
--h1-weight: 700;
--h2-font: 'Agave Nerd Font';
--h2-size: 2em;
--h2-style: normal;
--h3-font: 'Ellograph CF';
--h3-size: 1.75em;
--h4-size: 1.25em;
--h5-size: 1.125em;
--h6-size: 1em;
/* -----------------------------------
* Code Box overrides
* ---------------------------------- */
--code-size: var(--font-small);
/* -----------------------------------
* Table overrides
* ---------------------------------- */
--table-text-size: 1.1rem;
--table-header-weight: 700;
/* -----------------------------------
* Block Quotes overrides
* ---------------------------------- */
--blockquote-border-thickness: 8px;
/* -----------------------------------
* Tags overrides
* ---------------------------------- */
--tag-radius: 10px;
}
/* -----------------------------------
* H1 letter spacing override
* ---------------------------------- */
.HyperMD-header-1, .inline-title[data-level='1'], .HyperMD-list-line .cm-header-1 {
letter-spacing: -2px;
word-spacing: -8px;
}
/* -----------------------------------
* H2 word spacing override
* ---------------------------------- */
.HyperMD-header-2, .inline-title[data-level='2'], .HyperMD-list-line .cm-header-2 {
word-spacing: -8px;
}
/* -----------------------------------
* Code blocks language symbol
* Top right corner
* ---------------------------------- */
.code-block-flair {
font-size: 1rem !important;
color: var(--color-cyan) !important;
}
/* -----------------------------------
* Dark theme overrides
* ---------------------------------- */
.theme-dark {
/*
--background-primary: #171421;
--background-secondary: #220070;
*/
--color-base-00: #211f22;
/* For code blocks */
--background-primary-alt: #151515;
}
/* -----------------------------------
* Dark theme overrides
* ---------------------------------- */
.light-theme {
--background-primary: #ECE4FF;
--background-secondary: #D9C9FF;
}
/* -----------------------------------
* Vault file navigation overrides
* ---------------------------------- */
.nav-files-container {
background: #151515;
}
.nav-header,
body:not(.is-mobile)
.workspace-split.mod-left-split
.workspace-sidedock-vault-profile
{
background: var(--background-primary);
}
/* -----------------------------------
* Hiding document file name heading
* ---------------------------------- */
.inline-title {
display: none;
}
/* -----------------------------------
* Pinned tabs - shrink width
* ---------------------------------- */
.workspace-tab-header:has(.mod-pinned) {
/* shrink if pinned */
max-width: 70px !important;
/* To hide title of pinned tabs, enable this CSS rule */
/* & .workspace-tab-header-inner-title {
display: none;
} */
}
/* -----------------------------------
* Tables
* ---------------------------------- */
/* Alternate row colors for tables */
tr:nth-child(even) {
background: #242323 !important;
}
/* Height of table header row */
thead tr {
height: 42px !important;
}
/* Table header row vertical alignment & color */
thead tr th {
vertical-align: middle !important;
color: #ff6188 !important;
}
/* Table header row height fix for text vertical alignment */
.markdown-source-view.mod-cm6 .cm-table-widget .table-cell-wrapper {
height: fit-content;
}
/* -----------------------------------
* Block quotes
* ---------------------------------- */
.markdown-source-view.mod-cm6.is-live-preview .HyperMD-quote {
padding: 16px 0;
text-indent: -10px !important;
padding-inline-start: 20px !important;
}
@jSayal

jSayal commented Aug 21, 2024

Copy link
Copy Markdown
Author

obsidian-theme-override

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