298 lines
9.5 KiB
CSS
298 lines
9.5 KiB
CSS
/* Obsidian theme snippet generated by noctalia */
|
|
|
|
.theme-dark {
|
|
/* Background layers */
|
|
--background-primary: #131313;
|
|
--background-primary-alt: #191919;
|
|
--background-secondary: #1f1f1f;
|
|
--background-secondary-alt: #292929;
|
|
--background-modifier-border: #3b3b3b;
|
|
--background-modifier-form-field: #151515;
|
|
--background-modifier-form-field-highlighted: #191919;
|
|
--background-modifier-box-shadow: #000000;
|
|
--background-modifier-success: rgba(176, 198, 255, 0.15);
|
|
--background-modifier-error: rgba(255, 180, 171, 0.15);
|
|
--background-modifier-error-rgb: 255,180,171;
|
|
--background-modifier-error-hover: rgba(255, 180, 171, 0.25);
|
|
--background-modifier-cover: rgba(0, 0, 0, 0.6);
|
|
|
|
/* Text colors */
|
|
--text-normal: #e2e2e2;
|
|
--text-muted: #c6c6c6;
|
|
--text-faint: #616161;
|
|
--text-on-accent: #002d6e;
|
|
--text-on-accent-inverted: #b0c6ff;
|
|
--text-error: #ffb4ab;
|
|
--text-success: #b0c6ff;
|
|
--text-selection: rgba(176, 198, 255, 0.2);
|
|
--text-accent: #b0c6ff;
|
|
--text-highlight-bg: rgba(224, 187, 222, 0.25);
|
|
|
|
/* Interactive accent */
|
|
--interactive-normal: #1f1f1f;
|
|
--interactive-hover: #292929;
|
|
--interactive-accent: #b0c6ff;
|
|
--interactive-accent-hover: #b5caff;
|
|
--interactive-accent-rgb: 176,198,255;
|
|
--interactive-success: #b0c6ff;
|
|
|
|
/* Scrollbar */
|
|
--scrollbar-bg: #131313;
|
|
--scrollbar-thumb-bg: rgba(59, 59, 59, 0.3);
|
|
--scrollbar-active-thumb-bg: rgba(97, 97, 97, 0.5);
|
|
|
|
/* Tab styling */
|
|
--tab-text-color: #c6c6c6;
|
|
--tab-text-color-focused: #e2e2e2;
|
|
--tab-text-color-focused-active: #b0c6ff;
|
|
--tab-background-active: #131313;
|
|
--tab-divider-color: #3b3b3b;
|
|
|
|
/* Navigation */
|
|
--nav-item-color: #c6c6c6;
|
|
--nav-item-color-hover: #e2e2e2;
|
|
--nav-item-color-active: #002d6e;
|
|
--nav-item-background-hover: #292929;
|
|
--nav-item-background-active: rgba(176, 198, 255, 0.12);
|
|
--nav-collapse-icon-color: #616161;
|
|
|
|
/* Titlebar */
|
|
--titlebar-background: #1f1f1f;
|
|
--titlebar-background-focused: #1f1f1f;
|
|
--titlebar-text-color: #e2e2e2;
|
|
--titlebar-text-color-focused: #e2e2e2;
|
|
|
|
/* Tags */
|
|
--tag-color: #c0c6dc;
|
|
--tag-background: rgba(192, 198, 220, 0.12);
|
|
--tag-color-hover: #c3c9de;
|
|
--tag-background-hover: rgba(192, 198, 220, 0.2);
|
|
|
|
/* Headings */
|
|
--h1-color: #b0c6ff;
|
|
--h2-color: #abc2ff;
|
|
--h3-color: #c0c6dc;
|
|
--h4-color: #bdc3da;
|
|
--h5-color: #e0bbde;
|
|
--h6-color: #deb7dc;
|
|
|
|
/* Links */
|
|
--link-color: #b0c6ff;
|
|
--link-color-hover: #b5caff;
|
|
--link-decoration-color: rgba(176, 198, 255, 0.4);
|
|
--link-external-color: #e0bbde;
|
|
--link-external-color-hover: #e2bfe0;
|
|
--link-unresolved-color: rgba(255, 180, 171, 0.7);
|
|
|
|
/* Code */
|
|
--code-normal: #c0c6dc;
|
|
--code-background: #333333;
|
|
--code-comment: #616161;
|
|
|
|
/* Blockquotes */
|
|
--blockquote-border-color: rgba(176, 198, 255, 0.5);
|
|
|
|
/* Checkbox */
|
|
--checkbox-color: #b0c6ff;
|
|
--checkbox-color-hover: #b5caff;
|
|
--checkbox-border-color: #616161;
|
|
|
|
/* Graph view */
|
|
--graph-line: rgba(59, 59, 59, 0.4);
|
|
--graph-node: #b0c6ff;
|
|
--graph-node-focused: #e0bbde;
|
|
--graph-node-tag: #c0c6dc;
|
|
--graph-node-attachment: #e0bbde;
|
|
|
|
/* Vault name */
|
|
--vault-name-color: #e2e2e2;
|
|
|
|
/* Indentation guide */
|
|
--indentation-guide-color: rgba(59, 59, 59, 0.3);
|
|
--indentation-guide-color-active: rgba(59, 59, 59, 0.6);
|
|
|
|
/* Obsidian 1.0+ variables */
|
|
--color-accent: #b0c6ff;
|
|
--color-accent-1: rgba(176, 198, 255, 0.12);
|
|
--color-accent-2: rgba(176, 198, 255, 0.25);
|
|
|
|
/* Icon colors */
|
|
--icon-color: #c6c6c6;
|
|
--icon-color-hover: #e2e2e2;
|
|
--icon-color-active: #b0c6ff;
|
|
--icon-color-focused: #b0c6ff;
|
|
|
|
/* Divider */
|
|
--divider-color: #3b3b3b;
|
|
--divider-color-hover: #616161;
|
|
|
|
/* Status bar */
|
|
--status-bar-background: #1f1f1f;
|
|
--status-bar-text-color: #c6c6c6;
|
|
|
|
/* Modal */
|
|
--modal-background: #1f1f1f;
|
|
--modal-border-color: #3b3b3b;
|
|
|
|
/* Prompt / suggestion */
|
|
--prompt-border-color: #3b3b3b;
|
|
|
|
/* Inline title */
|
|
--inline-title-color: #e2e2e2;
|
|
|
|
/* Bold / italic */
|
|
--bold-color: #e2e2e2;
|
|
--italic-color: #e2e2e2;
|
|
|
|
/* List markers */
|
|
--list-marker-color: rgba(176, 198, 255, 0.7);
|
|
}
|
|
|
|
.theme-light {
|
|
/* Background layers */
|
|
--background-primary: #f9f9f9;
|
|
--background-primary-alt: #f3f3f3;
|
|
--background-secondary: #eeeeee;
|
|
--background-secondary-alt: #e4e4e4;
|
|
--background-modifier-border: #b6b6b6;
|
|
--background-modifier-form-field: #f6f6f6;
|
|
--background-modifier-form-field-highlighted: #f3f3f3;
|
|
--background-modifier-box-shadow: #000000;
|
|
--background-modifier-success: rgba(54, 92, 168, 0.1);
|
|
--background-modifier-error: rgba(186, 26, 26, 0.1);
|
|
--background-modifier-error-rgb: 186,26,26;
|
|
--background-modifier-error-hover: rgba(186, 26, 26, 0.2);
|
|
--background-modifier-cover: rgba(0, 0, 0, 0.4);
|
|
|
|
/* Text colors */
|
|
--text-normal: #1b1b1b;
|
|
--text-muted: #474747;
|
|
--text-faint: #909090;
|
|
--text-on-accent: #ffffff;
|
|
--text-on-accent-inverted: #365ca8;
|
|
--text-error: #ba1a1a;
|
|
--text-success: #365ca8;
|
|
--text-selection: rgba(54, 92, 168, 0.15);
|
|
--text-accent: #365ca8;
|
|
--text-highlight-bg: rgba(114, 85, 114, 0.2);
|
|
|
|
/* Interactive accent */
|
|
--interactive-normal: #eeeeee;
|
|
--interactive-hover: #e4e4e4;
|
|
--interactive-accent: #365ca8;
|
|
--interactive-accent-hover: #355aa4;
|
|
--interactive-accent-rgb: 54,92,168;
|
|
--interactive-success: #365ca8;
|
|
|
|
/* Scrollbar */
|
|
--scrollbar-bg: #f9f9f9;
|
|
--scrollbar-thumb-bg: rgba(182, 182, 182, 0.3);
|
|
--scrollbar-active-thumb-bg: rgba(144, 144, 144, 0.5);
|
|
|
|
/* Tab styling */
|
|
--tab-text-color: #474747;
|
|
--tab-text-color-focused: #1b1b1b;
|
|
--tab-text-color-focused-active: #365ca8;
|
|
--tab-background-active: #f9f9f9;
|
|
--tab-divider-color: #b6b6b6;
|
|
|
|
/* Navigation */
|
|
--nav-item-color: #474747;
|
|
--nav-item-color-hover: #1b1b1b;
|
|
--nav-item-color-active: #ffffff;
|
|
--nav-item-background-hover: #e4e4e4;
|
|
--nav-item-background-active: rgba(54, 92, 168, 0.1);
|
|
--nav-collapse-icon-color: #909090;
|
|
|
|
/* Titlebar */
|
|
--titlebar-background: #eeeeee;
|
|
--titlebar-background-focused: #eeeeee;
|
|
--titlebar-text-color: #1b1b1b;
|
|
--titlebar-text-color-focused: #1b1b1b;
|
|
|
|
/* Tags */
|
|
--tag-color: #575e71;
|
|
--tag-background: rgba(87, 94, 113, 0.1);
|
|
--tag-color-hover: #555c6e;
|
|
--tag-background-hover: rgba(87, 94, 113, 0.18);
|
|
|
|
/* Headings */
|
|
--h1-color: #365ca8;
|
|
--h2-color: #375eac;
|
|
--h3-color: #575e71;
|
|
--h4-color: #596074;
|
|
--h5-color: #725572;
|
|
--h6-color: #755775;
|
|
|
|
/* Links */
|
|
--link-color: #365ca8;
|
|
--link-color-hover: #355aa4;
|
|
--link-decoration-color: rgba(54, 92, 168, 0.4);
|
|
--link-external-color: #725572;
|
|
--link-external-color-hover: #6f536f;
|
|
--link-unresolved-color: rgba(186, 26, 26, 0.7);
|
|
|
|
/* Code */
|
|
--code-normal: #575e71;
|
|
--code-background: #dadada;
|
|
--code-comment: #909090;
|
|
|
|
/* Blockquotes */
|
|
--blockquote-border-color: rgba(54, 92, 168, 0.5);
|
|
|
|
/* Checkbox */
|
|
--checkbox-color: #365ca8;
|
|
--checkbox-color-hover: #355aa4;
|
|
--checkbox-border-color: #909090;
|
|
|
|
/* Graph view */
|
|
--graph-line: rgba(182, 182, 182, 0.4);
|
|
--graph-node: #365ca8;
|
|
--graph-node-focused: #725572;
|
|
--graph-node-tag: #575e71;
|
|
--graph-node-attachment: #725572;
|
|
|
|
/* Vault name */
|
|
--vault-name-color: #1b1b1b;
|
|
|
|
/* Indentation guide */
|
|
--indentation-guide-color: rgba(182, 182, 182, 0.3);
|
|
--indentation-guide-color-active: rgba(182, 182, 182, 0.6);
|
|
|
|
/* Obsidian 1.0+ variables */
|
|
--color-accent: #365ca8;
|
|
--color-accent-1: rgba(54, 92, 168, 0.1);
|
|
--color-accent-2: rgba(54, 92, 168, 0.2);
|
|
|
|
/* Icon colors */
|
|
--icon-color: #474747;
|
|
--icon-color-hover: #1b1b1b;
|
|
--icon-color-active: #365ca8;
|
|
--icon-color-focused: #365ca8;
|
|
|
|
/* Divider */
|
|
--divider-color: #b6b6b6;
|
|
--divider-color-hover: #909090;
|
|
|
|
/* Status bar */
|
|
--status-bar-background: #eeeeee;
|
|
--status-bar-text-color: #474747;
|
|
|
|
/* Modal */
|
|
--modal-background: #eeeeee;
|
|
--modal-border-color: #b6b6b6;
|
|
|
|
/* Prompt / suggestion */
|
|
--prompt-border-color: #b6b6b6;
|
|
|
|
/* Inline title */
|
|
--inline-title-color: #1b1b1b;
|
|
|
|
/* Bold / italic */
|
|
--bold-color: #1b1b1b;
|
|
--italic-color: #1b1b1b;
|
|
|
|
/* List markers */
|
|
--list-marker-color: rgba(54, 92, 168, 0.7);
|
|
}
|