Newton: Simple CSS snippet for Obsidian

obsidian-newton-theme.css

body {
	/* Background colors */
	--background-primary: transparent;
	--modal-background: rgba(20, 20, 20, 1);
	--titlebar-background: transparent;
	--titlebar-background-focused: transparent;
	--tab-container-background: transparent;
	--ribbon-background: transparent;
	--background-secondary: transparent;

	/* Typesetting */
	--font-text: "iA Writer Quattro S";
	--h-font: var(--font-text);
	--h1-font: var(--h-font);
	--h2-font: var(--h-font);
	--h3-font: var(--h-font);
	--h4-font: var(--h-font);
	--h5-font: var(--h-font);

	/* Visual elements */
	--divider-width: 0;
	--tab-outline-width: 0;
	--tab-radius-active: 8px;
	--tab-background-active: rgba(255, 255, 255, 0.01);
	--icon-opacity: 0.3;
	--icon-opacity-active: 0.5;
	--text-normal: var(--color-base-70);
}

.workspace-tab-header-container {
	border: none;
}

.workspace-tab-header.is-active {
	box-shadow: none;
}

/* Hides tab list */
.workspace-tab-header-tab-list {
	display: none !important;
}

.view-header-title-container {
	--file-header-justify: flex-start;
}

.view-header-nav-buttons {
	display: none;
}

.workspace-tab-header::before,
.workspace-tab-header::after {
	display: none;
}

.workspace-tab-header-inner::before,
.workspace-tab-header-inner::after {
	display: none;
	box-shadow: none;
}

.workspace-tab-header-inner {
	box-shadow: none;
}

/* Reduce visibility of panels */
.side-dock-settings,
.side-dock-actions,
.status-bar {
	opacity: 0.3;
}

/* Background fix for Window */
body.is-translucent.is-fullscreen {
	background-color: #000;
}

body.is-translucent {
	background-color: rgba(70, 70, 70, 0.1);
}

/* Fix background for modals, overlays etc. */
.prompt,
.graph-controls,
.suggestion-container {
	background-color: var(--modal-background);
}

.workspace-tab-header-new-tab {
	display: none !important;
}

.workspace-tab-header-container {
	opacity: 0.3;
}

/* Typesetting for Headers */
.markdown-source-view.mod-cm6 .cm-scroller {
	line-height: 1.8;
	letter-spacing: -0.02em;
}

/* Typesetting for Headers */
.HyperMD-header-2 {
	padding-bottom: 0.4em !important;
}

/* Reduce visibility of Navigation */
.nav-folder,
.nav-file {
	opacity: 0.4;
	transition: opacity 0.2s ease;
}

.nav-folder:hover,
.nav-file:hover {
	opacity: 1;
}

/* Rounded Corners for Media */
.workspace-leaf-content img:not([width]),
.workspace-leaf-content video {
	border-radius: 8px;
}