103 lines
4.3 KiB
CSS
103 lines
4.3 KiB
CSS
.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);
|
|
|
|
--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);
|
|
}
|