Obsidian

/* Subway Seat — generated from palette.py by build.py. Edit the palette, not this file.

   Subway Seat Tunnel for Obsidian, as a CSS snippet: use it with the Subway Seat theme when
   you don't run Style Settings. Settings › Appearance › CSS snippets › subway-seat-tunnel. */

.theme-dark {
  /* Tunnel: deeper grounds, same warm lights */
  --color-base-00: #24180E;
  --color-base-05: #2A1C12;
  --color-base-10: #302115;
  --color-base-20: #362619;
  --color-base-25: #3D2C1D;
  --color-base-30: #443121;
  --color-base-35: #4F3927;
  --color-base-40: #745B45;
  --color-base-50: #917759;
  --color-base-60: #AA9171;
  --color-base-70: #C0AA88;
  --color-base-100: #E9D8B6;
  --background-primary: #24180E;
  --background-primary-alt: #20150C;
  --background-secondary: #1B120A;
  --background-secondary-alt: #24180E;
  --background-modifier-hover: rgba(145, 119, 89, 0.14);
  --background-modifier-border: #302115;
  --background-modifier-border-hover: #3D2C1D;
  --background-modifier-form-field: #302115;
  --background-modifier-form-field-hover: #302115;
  --background-modifier-cover: rgba(20, 13, 7, 0.6);
  --background-modifier-box-shadow: rgba(20, 13, 7, 0.5);
  --background-modifier-message: rgba(20, 13, 7, 0.92);
  --workspace-background-translucent: rgba(20, 13, 7, 0.6);
  --text-normal: #E9D8B6;
  --text-muted: #C0AA88;
  --text-faint: #917759;
  --text-on-accent: #140D07;
  --text-on-accent-inverted: #140D07;
  --bold-color: #F6EAD1;
  --interactive-normal: #302115;
  --interactive-hover: #3D2C1D;
  --toggle-thumb-color: #F6EAD1;
  --slider-thumb-background: #F6EAD1;
  --slider-thumb-background-hover: #F6EAD1;
  --slider-track-background: #3D2C1D;
  --input-placeholder-color: #917759;
  --flair-background: #302115;
  --flair-color: #D6C3A0;
  --pill-color: #C0AA88;
  --pill-color-hover: #E9D8B6;
  --pill-color-remove: #917759;
  --pill-border-color: #3D2C1D;
  --pill-border-color-hover: #4F3927;
  --search-icon-color: #C0AA88;
  --search-clear-button-color: #C0AA88;
  --heading-formatting: #745B45;
  --inline-title-color: #F6EAD1;
  --code-background: #1B120A;
  --code-border-color: #302115;
  --code-bracket-background: rgba(145, 119, 89, 0.14);
  --code-normal: #E9D8B6;
  --code-comment: #917759;
  --code-operator: #AA9171;
  --code-property: #D6C3A0;
  --code-punctuation: #AA9171;
  --ss-diff-add: #363318;
  --ss-diff-del: #492217;
  --ss-diff-chg: #382911;
  --callout-quote: #917759;
  --blockquote-color: #D6C3A0;
  --checkbox-border-color: #745B45;
  --checkbox-border-color-hover: #917759;
  --checkbox-marker-color: #140D07;
  --checklist-done-color: #917759;
  --list-marker-color: #917759;
  --list-marker-color-hover: #C0AA88;
  --collapse-icon-color: #917759;
  --hr-color: #3D2C1D;
  --table-border-color: #3D2C1D;
  --table-header-background: #1B120A;
  --table-header-background-hover: #302115;
  --table-header-border-color: #3D2C1D;
  --table-header-color: #F6EAD1;
  --table-row-alt-background: #20160C;
  --table-row-alt-background-hover: rgba(145, 119, 89, 0.14);
  --table-row-background-hover: rgba(145, 119, 89, 0.14);
  --table-drag-handle-color: #917759;
  --table-add-button-border-color: #3D2C1D;
  --metadata-border-color: #302115;
  --metadata-divider-color: #302115;
  --metadata-label-text-color: #C0AA88;
  --metadata-input-text-color: #E9D8B6;
  --embed-border-start: 2px solid #4F3927;
  --graph-text: #E9D8B6;
  --graph-line: #4F3927;
  --graph-node: #C0AA88;
  --graph-node-unresolved: #745B45;
  --canvas-background: #24180E;
  --canvas-dot-pattern: #3D2C1D;
  --canvas-card-label-color: #917759;
  --titlebar-background: #140D07;
  --titlebar-background-focused: #140D07;
  --titlebar-border-color: #140D07;
  --titlebar-text-color: #C0AA88;
  --titlebar-text-color-focused: #E9D8B6;
  --ribbon-background: #140D07;
  --ribbon-background-collapsed: #140D07;
  --tab-container-background: #140D07;
  --tab-background-active: #24180E;
  --tab-text-color: #917759;
  --tab-text-color-active: #C0AA88;
  --tab-text-color-focused: #C0AA88;
  --tab-text-color-focused-active: #D6C3A0;
  --tab-text-color-focused-active-current: #E9D8B6;
  --tab-divider-color: #302115;
  --tab-outline-color: #140D07;
  --status-bar-background: #1B120A;
  --status-bar-border-color: #140D07;
  --status-bar-text-color: #C0AA88;
  --divider-color: #140D07;
  --vault-profile-color: #E9D8B6;
  --vault-profile-color-hover: #F6EAD1;
  --nav-item-color: #C0AA88;
  --nav-item-color-hover: #E9D8B6;
  --nav-item-color-active: #E9D8B6;
  --nav-item-color-selected: #E9D8B6;
  --nav-item-background-hover: rgba(145, 119, 89, 0.14);
  --nav-item-background-active: #302115;
  --nav-heading-color: #E9D8B6;
  --nav-heading-color-hover: #F6EAD1;
  --nav-heading-color-collapsed: #917759;
  --nav-heading-color-collapsed-hover: #C0AA88;
  --nav-tag-color: #917759;
  --nav-tag-color-hover: #C0AA88;
  --nav-tag-color-active: #C0AA88;
  --icon-color: #C0AA88;
  --icon-color-hover: #E9D8B6;
  --icon-color-focused: #E9D8B6;
  --indentation-guide-color: #3D2C1D;
  --indentation-guide-color-active: #745B45;
  --scrollbar-thumb-bg: rgba(145, 119, 89, 0.28);
  --scrollbar-active-thumb-bg: rgba(145, 119, 89, 0.5);
  --menu-background: #302115;
  --menu-border-color: #3D2C1D;
  --modal-background: #24180E;
  --modal-border-color: #3D2C1D;
  --prompt-background: #302115;
  --prompt-border-color: #3D2C1D;
  --suggestion-background: #302115;
  --setting-items-background: #20150C;
  --setting-items-border-color: #302115;

/* Subway Seat — generated from palette.py by build.py. Edit the palette, not this file.

   Subway Seat for Obsidian 1.13.0+
   Dark mode is Walnut, light mode is Enamel. Tunnel, the deeper dark, is opt-in: turn it on
   with the Style Settings plugin, or add the `subway-seat-tunnel` class to <body> any other way.
   Without Style Settings, the subway-seat-tunnel.css snippet does the same job. */

/* @settings

name: Subway Seat
id: subway-seat
settings:
    -
        id: subway-seat-tunnel
        title: Tunnel (deeper dark)
        description: Swap the walnut grounds for Tunnel's espresso-deep ones in dark mode. Accents stay the same.
        type: class-toggle
        default: false
        addCommand: true

*/

.theme-dark {
  /* Palette: the base ramp runs from the editor ground to parchment text */
  --color-base-00: #362619;
  --color-base-05: #3C2B1C;
  --color-base-10: #43301F;
  --color-base-20: #4A3623;
  --color-base-25: #513B27;
  --color-base-30: #58412B;
  --color-base-35: #634932;
  --color-base-40: #7B6047;
  --color-base-50: #967B5C;
  --color-base-60: #AE9575;
  --color-base-70: #C4AE8C;
  --color-base-100: #EDDCBC;
  --color-red: #FF8373;
  --color-orange: #EC7F31;
  --color-yellow: #F3BF45;
  --color-green: #ADB956;
  --color-cyan: #86AD95;
  --color-blue: #7F9BAE;
  --color-purple: #FF9D55;
  --color-pink: #F4A87E;
  --color-red-rgb: 255, 131, 115;
  --color-orange-rgb: 236, 127, 49;
  --color-yellow-rgb: 243, 191, 69;
  --color-green-rgb: 173, 185, 86;
  --color-cyan-rgb: 134, 173, 149;
  --color-blue-rgb: 127, 155, 174;
  --color-purple-rgb: 255, 157, 85;
  --color-pink-rgb: 244, 168, 126;

  /* Accent: burnt orange, still overridable under Settings › Appearance */
  --accent-h: 25.0;
  --accent-s: 83.1%;
  --accent-l: 55.9%;
  --color-accent: hsl(var(--accent-h), var(--accent-s), var(--accent-l));
  --color-accent-hsl: var(--accent-h), var(--accent-s), var(--accent-l);
  --color-accent-1: hsl(calc(var(--accent-h) + 1), calc(var(--accent-s) * 1.1), calc(var(--accent-l) * 1.1));
  --color-accent-2: hsl(calc(var(--accent-h) + 2), calc(var(--accent-s) * 1.15), calc(var(--accent-l) * 1.2));

  /* Grounds: editor walnut, sidebars espresso, title bar and ribbon tunnel */
  --background-primary: #362619;
  --background-primary-alt: #302216;
  --background-secondary: #2A1D13;
  --background-secondary-alt: #362619;
  --background-modifier-hover: rgba(150, 123, 92, 0.14);
  --background-modifier-active-hover: color-mix(in srgb, var(--color-accent) 14%, transparent);
  --background-modifier-border: #43301F;
  --background-modifier-border-hover: #513B27;
  --background-modifier-border-focus: #EC7F31;
  --background-modifier-error: #FF8373;
  --background-modifier-error-hover: #E05C45;
  --background-modifier-warning: #F3BF45;
  --background-modifier-warning-hover: #FFD36B;
  --background-modifier-success: #ADB956;
  --background-modifier-form-field: #43301F;
  --background-modifier-form-field-hover: #43301F;
  --background-modifier-cover: rgba(32, 22, 14, 0.6);
  --background-modifier-box-shadow: rgba(32, 22, 14, 0.5);
  --background-modifier-message: rgba(32, 22, 14, 0.92);
  --workspace-background-translucent: rgba(32, 22, 14, 0.6);

  /* Text */
  --text-normal: #EDDCBC;
  --text-muted: #C4AE8C;
  --text-faint: #967B5C;
  --text-on-accent: #20160E;
  --text-on-accent-inverted: #20160E;
  --text-accent: var(--color-accent);
  --text-accent-hover: var(--color-accent-1);
  --text-error: #FF8373;
  --text-warning: #F3BF45;
  --text-success: #ADB956;
  --text-selection: color-mix(in srgb, var(--color-accent) 30%, transparent);
  --text-highlight-bg: rgba(243, 191, 69, 0.3);
  --text-highlight-bg-rgb: 243, 191, 69;
  --caret-color: #F3BF45;
  --bold-color: #F8ECD4;
  --italic-color: inherit;

  /* Interactive */
  --interactive-normal: #43301F;
  --interactive-hover: #513B27;
  --interactive-accent: var(--color-accent);
  --interactive-accent-hsl: var(--color-accent-hsl);
  --interactive-accent-hover: var(--color-accent-1);
  --dropdown-background: var(--interactive-normal);
  --dropdown-background-hover: var(--interactive-hover);
  --toggle-thumb-color: #F8ECD4;
  --slider-thumb-background: #F8ECD4;
  --slider-thumb-background-hover: #F8ECD4;
  --slider-track-background: #513B27;
  --input-placeholder-color: #967B5C;
  --flair-background: #43301F;
  --flair-color: #D9C6A3;
  --pill-color: #C4AE8C;
  --pill-color-hover: #EDDCBC;
  --pill-color-remove: #967B5C;
  --pill-color-remove-hover: #EC7F31;
  --pill-border-color: #513B27;
  --pill-border-color-hover: #634932;
  --search-icon-color: #C4AE8C;
  --search-clear-button-color: #C4AE8C;

  /* Headings: the 70s stripe, burnt orange down to terracotta */
  --h1-color: #EC7F31;
  --h2-color: #F3BF45;
  --h3-color: #ADB956;
  --h4-color: #86AD95;
  --h5-color: #FF8373;
  --h6-color: #F4A87E;
  --heading-formatting: #7B6047;
  --inline-title-color: #F8ECD4;

  /* Links and tags: denim is the only cool color, tags wear orange */
  --link-color: #7F9BAE;
  --link-color-hover: #9DB6C6;
  --link-external-color: #7F9BAE;
  --link-external-color-hover: #9DB6C6;
  --link-unresolved-color: #7F9BAE;
  --link-unresolved-opacity: 0.65;
  --link-unresolved-decoration-style: dotted;
  --link-unresolved-decoration-color: rgba(127, 155, 174, 0.5);
  --tag-color: #EC7F31;
  --tag-color-hover: #FF9D55;
  --tag-background: rgba(236, 127, 49, 0.12);
  --tag-background-hover: rgba(236, 127, 49, 0.2);
  --tag-border-color: rgba(236, 127, 49, 0.18);