.theme-dark { /* Prose Mirror Elements */ --prosemirror-colour: var(--steel-100); --prosemirror-background: var(--steel-650); --prosemirror-toggle-background: var(--steel-700); --prosemirror-toggle-hover-background: var(--steel-600); --prosemirror-menu-colour: var(--steel-100); --prosemirror-menu-background: var(--steel-750); --prosemirror-divider-colour: var(--steel-250); --prosemirror-table-row-color-odd: var(--steel-550); --prosemirror-table-row-color-even: var(--steel-600); --prosemirror-code-colour: var(--steel-200); --prosemirror-code-background: var(--steel-700); --prosemirror-blockquote-border: var(--steel-200); --spinner-outer-colour: white; --spinner-inner-colour: #FF3D00; --toggle-background-colour: #171e26; --toggle-slider-unchecked-colour: maroon; --toggle-slider-checked-colour: green; --tab-nav-divider-colour: var(--steel-750); --tab-button-colour: var(--steel-200); --tab-button-focus-colour: var(--steel-200); --tab-button-hover-colour: var(--steel-100); --tab-button-active-colour: white; /* Actor Sheet Variables */ --actor-sheet-colour: var(--steel-100); --actor-sheet-background: var(--steel-850); --actor-sheet-divider-colour: var(--steel-700); --actor-sheet-header-colour: var(--steel-100); --actor-sheet-header-background: var(--steel-900); --actor-sheet-header-input-colour: var(--steel-100); --actor-sheet-header-input-background: var(--steel-650); --inventory-summary-background: var(--steel-750); --inventory-summary-colour: var(--steel-100); --inventory-input-background: var(--steel-650); --inventory-input-colour: var(--steel-100); --inventory-input-disabled-colour: var(--steel-350); --embedded-list-header-background: var(--steel-750); --embedded-list-header-colour: var(--steel-100); --embedded-list-header-input-background: var(--steel-650); --embedded-list-header-input-colour: var(--steel-100); --attribute-background: var(--steel-700); --attribute-colour: var(--steel-100); --attribute-input-background: var(--steel-600); --attribute-input-colour: var(--steel-100); --attribute-input-focus-colour: var(--zinc-250); --attribute-button-active-background: var(--steel-650); --attribute-disabled-input-colour: var(--steel-350); --item-card-background: #1d262f; --item-card-colour: var(--steel-100); --item-card-header-background: var(--steel-700); --item-card-header-colour: var(--steel-100); --item-card-header-input-background: var(--steel-650); --item-card-header-input-colour: var(--steel-100); --item-card-header-input-focus-colour: var(--zinc-250); --item-card-header-disabled-input-colour: var(--steel-350); /* Item Sheet Variables */ --item-sheet-colour: var(--steel-100); --item-sheet-background: var(--steel-800); --item-sheet-divider-colour: var(--steel-700); --item-sheet-input-colour: var(--steel-100); --item-sheet-input-background: var(--steel-650); --item-sheet-toggle-slider-enabled-colour: green; --item-sheet-toggle-slider-disabled-colour: maroon; --item-sheet-description-menu-colour: var(--steel-100); --item-sheet-description-menu-background: var(--steel-700); --item-sheet-description-content-background: var(--steel-650); /* Attribute Sheet Variables */ --attribute-sheet-colour: var(--item-sheet-colour); --attribute-sheet-background: var(--item-sheet-background); --attribute-sheet-divider-colour: var(--item-sheet-divider); --attribute-sheet-hint-colour: var(--steel-250); --attribute-sheet-input-colour: var(--item-sheet-input-colour); --attribute-sheet-input-background: var(--item-sheet-input-background); --attribute-sheet-disabled-input-colour: var(--steel-350); --attribute-sheet-toggle-slider-enabled-colour: var(--item-sheet-toggle-slider-enabled-colour); --attribute-sheet-toggle-slider-disabled-colour: var(--item-sheet-toggle-slider-disabled-colour); /* Query Status App Variables */ --query-status-colour: var(--steel-100); --query-status-background: var(--steel-800); --query-status-user-colour: var(--steel-100); --query-status-user-background: var(--steel-700); --query-status-user-button-colour: var(--steel-100); --query-status-user-button-background: var(--steel-600); --query-status-user-button-focus: var(--zinc-100); --query-status-user-button-hover-background: var(--steel-650); --query-status-control-colour: var(--steel-100); --query-status-control-background: var(--steel-600); --query-status-control-focus: var(--zinc-100); --query-status-control-hover-background: var(--steel-650); /* Chip Variables */ --chip-colour: var(--steel-100); --chip-background: var(--steel-600); --chip-value-colour: var(--steel-100); --chip-value-background: var(--steel-500); }