@volverjs/style/dist/themes/dark/components.css

@volverjs/style is a lightweight responsive CSS utility library to accompany @volverjs/ui-* and static webpages as well.

@media (prefers-color-scheme: dark){:where(:host,:root,.theme):not(.theme--light){--vv-alert-modifier-auto-close-element-close-background-color: var(--color-black);--vv-alert-modifier-auto-close-element-close-pseudo-after-background-color: var(--color-black);--vv-alert-modifier-success-element-header-color: var(--color-success-lighten-3);--vv-alert-modifier-warning-element-header-color: var(--color-warning);--vv-alert-modifier-danger-element-header-color: var(--color-danger-lighten-5);--vv-alert-modifier-accent-element-header-color: var(--color-accent-lighten-4);--vv-alert-modifier-brand-element-header-color: var(--color-brand-lighten-3);--vv-alert-modifier-info-element-header-color: var(--color-info);--vv-alert-modifier-notification-border-color: var(--color-gray-lighten-3);--vv-alert-modifier-notification-modifier-danger-border-color: var(--color-danger-lighten-3);--vv-alert-modifier-notification-modifier-brand-border-color: var(--color-brand-lighten-3);--vv-alert-modifier-notification-modifier-success-border-color: var(--color-success-lighten-3);--vv-alert-modifier-notification-modifier-accent-border-color: var(--color-accent-lighten-3);--vv-alert-modifier-notification-modifier-warning-element-header-background-color: var(--color-warning-darken-5);--vv-alert-modifier-notification-modifier-info-border-color: var(--color-info-darken-2);--vv-alert-modifier-notification-modifier-info-element-header-background-color: var(--color-info-darken-5)}}:where(.theme.theme--dark){--vv-alert-modifier-auto-close-element-close-background-color: var(--color-black);--vv-alert-modifier-auto-close-element-close-pseudo-after-background-color: var(--color-black);--vv-alert-modifier-success-element-header-color: var(--color-success-lighten-3);--vv-alert-modifier-warning-element-header-color: var(--color-warning);--vv-alert-modifier-danger-element-header-color: var(--color-danger-lighten-5);--vv-alert-modifier-accent-element-header-color: var(--color-accent-lighten-4);--vv-alert-modifier-brand-element-header-color: var(--color-brand-lighten-3);--vv-alert-modifier-info-element-header-color: var(--color-info);--vv-alert-modifier-notification-border-color: var(--color-gray-lighten-3);--vv-alert-modifier-notification-modifier-danger-border-color: var(--color-danger-lighten-3);--vv-alert-modifier-notification-modifier-brand-border-color: var(--color-brand-lighten-3);--vv-alert-modifier-notification-modifier-success-border-color: var(--color-success-lighten-3);--vv-alert-modifier-notification-modifier-accent-border-color: var(--color-accent-lighten-3);--vv-alert-modifier-notification-modifier-warning-element-header-background-color: var(--color-warning-darken-5);--vv-alert-modifier-notification-modifier-info-border-color: var(--color-info-darken-2);--vv-alert-modifier-notification-modifier-info-element-header-background-color: var(--color-info-darken-5)}@media (prefers-color-scheme: dark){:where(:host,:root,.theme):not(.theme--light){--vv-avatar-modifier-ring-color: var(--color-brand-lighten-3);--vv-avatar-modifier-ring-modifier-danger-color: var(--color-danger-lighten-5);--vv-avatar-modifier-ring-modifier-success-color: var(--color-success-lighten-3);--vv-avatar-modifier-ring-modifier-warning-color: var(--color-warning);--vv-avatar-modifier-ring-modifier-gray-color: var(--color-gray-lighten-3);--vv-avatar-modifier-ring-modifier-info-color: var(--color-info);--vv-avatar-modifier-ring-modifier-accent-color: var(--color-accent-lighten-5)}}:where(.theme.theme--dark){--vv-avatar-modifier-ring-color: var(--color-brand-lighten-3);--vv-avatar-modifier-ring-modifier-danger-color: var(--color-danger-lighten-5);--vv-avatar-modifier-ring-modifier-success-color: var(--color-success-lighten-3);--vv-avatar-modifier-ring-modifier-warning-color: var(--color-warning);--vv-avatar-modifier-ring-modifier-gray-color: var(--color-gray-lighten-3);--vv-avatar-modifier-ring-modifier-info-color: var(--color-info);--vv-avatar-modifier-ring-modifier-accent-color: var(--color-accent-lighten-5)}@media (prefers-color-scheme: dark){:where(:host,:root,.theme):not(.theme--light){--vv-badge-modifier-outline-color: var(--color-brand-lighten-3);--vv-badge-modifier-outline-modifier-danger-color: var(--color-danger-lighten-3);--vv-badge-modifier-outline-modifier-success-color: var(--color-success-lighten-3);--vv-badge-modifier-outline-modifier-warning-color: var(--color-warning);--vv-badge-modifier-outline-modifier-info-color: var(--color-info);--vv-badge-modifier-outline-modifier-accent-color: var(--color-accent-lighten-3);--vv-badge-modifier-outline-modifier-gray-color: var(--color-gray-lighten-3);--vv-badge-modifier-ghost-color: var(--color-brand-lighten-3);--vv-badge-modifier-ghost-modifier-danger-color: var(--color-danger-lighten-3);--vv-badge-modifier-ghost-modifier-success-color: var(--color-success-lighten-3);--vv-badge-modifier-ghost-modifier-warning-color: var(--color-warning);--vv-badge-modifier-ghost-modifier-info-color: var(--color-info);--vv-badge-modifier-ghost-modifier-accent-color: var(--color-accent-lighten-3);--vv-badge-modifier-ghost-modifier-gray-color: var(--color-gray-lighten-3)}}:where(.theme.theme--dark){--vv-badge-modifier-outline-color: var(--color-brand-lighten-3);--vv-badge-modifier-outline-modifier-danger-color: var(--color-danger-lighten-3);--vv-badge-modifier-outline-modifier-success-color: var(--color-success-lighten-3);--vv-badge-modifier-outline-modifier-warning-color: var(--color-warning);--vv-badge-modifier-outline-modifier-info-color: var(--color-info);--vv-badge-modifier-outline-modifier-accent-color: var(--color-accent-lighten-3);--vv-badge-modifier-outline-modifier-gray-color: var(--color-gray-lighten-3);--vv-badge-modifier-ghost-color: var(--color-brand-lighten-3);--vv-badge-modifier-ghost-modifier-danger-color: var(--color-danger-lighten-3);--vv-badge-modifier-ghost-modifier-success-color: var(--color-success-lighten-3);--vv-badge-modifier-ghost-modifier-warning-color: var(--color-warning);--vv-badge-modifier-ghost-modifier-info-color: var(--color-info);--vv-badge-modifier-ghost-modifier-accent-color: var(--color-accent-lighten-3);--vv-badge-modifier-ghost-modifier-gray-color: var(--color-gray-lighten-3)}@media (prefers-color-scheme: dark){:where(:host,:root,.theme):not(.theme--light){--vv-button-modifier-primary-border-color: var(--color-gray-darken-3);--vv-button-modifier-primary-background: var(--color-gray-darken-3);--vv-button-modifier-primary-state-focus-visible-outline: var(--spacing-px) solid var(--color-gray);--vv-button-modifier-primary-state-hover-background: var(--color-gray-darken-2);--vv-button-modifier-primary-state-hover-border-color: var(--color-gray-darken-2);--vv-button-modifier-primary-state-active-background: var(--color-gray-darken-1);--vv-button-modifier-primary-state-active-border-color: var(--color-gray-darken-1);--vv-button-modifier-secondary-border-color: var(--color-gray-darken-1);--vv-button-modifier-secondary-background: transparent;--vv-button-modifier-secondary-text-shadow: 0 1px 0 var(--color-gray-darken-5);--vv-button-modifier-secondary-state-focus-visible-outline: var(--spacing-px) solid var(--color-gray);--vv-button-modifier-secondary-state-hover-background: var(--color-gray-darken-4);--vv-button-modifier-secondary-state-active-background: var(--color-gray-darken-5);--vv-button-modifier-ghost-background: transparent;--vv-button-modifier-ghost-border-color: transparent;--vv-button-modifier-ghost-color: var(--color-gray-lighten-2);--vv-button-modifier-ghost-text-shadow: 0 1px 0 var(--color-gray-darken-4);--vv-button-modifier-ghost-state-focus-visible-outline: var(--spacing-px) solid var(--color-gray);--vv-button-modifier-ghost-state-focus-visible-outline-offset: var(--spacing-0);--vv-button-modifier-ghost-state-hover-background: var(--color-gray-darken-4);--vv-button-modifier-ghost-state-active-background: var(--color-gray-darken-5);--vv-button-modifier-link-color: var(--color-brand-lighten-3);--vv-button-modifier-link-state-active-color: var(--color-brand-lighten-2)}}:where(.theme.theme--dark){--vv-button-modifier-primary-border-color: var(--color-gray-darken-3);--vv-button-modifier-primary-background: var(--color-gray-darken-3);--vv-button-modifier-primary-state-focus-visible-outline: var(--spacing-px) solid var(--color-gray);--vv-button-modifier-primary-state-hover-background: var(--color-gray-darken-2);--vv-button-modifier-primary-state-hover-border-color: var(--color-gray-darken-2);--vv-button-modifier-primary-state-active-background: var(--color-gray-darken-1);--vv-button-modifier-primary-state-active-border-color: var(--color-gray-darken-1);--vv-button-modifier-secondary-border-color: var(--color-gray-darken-1);--vv-button-modifier-secondary-background: transparent;--vv-button-modifier-secondary-text-shadow: 0 1px 0 var(--color-gray-darken-5);--vv-button-modifier-secondary-state-focus-visible-outline: var(--spacing-px) solid var(--color-gray);--vv-button-modifier-secondary-state-hover-background: var(--color-gray-darken-4);--vv-button-modifier-secondary-state-active-background: var(--color-gray-darken-5);--vv-button-modifier-ghost-background: transparent;--vv-button-modifier-ghost-border-color: transparent;--vv-button-modifier-ghost-color: var(--color-gray-lighten-2);--vv-button-modifier-ghost-text-shadow: 0 1px 0 var(--color-gray-darken-4);--vv-button-modifier-ghost-state-focus-visible-outline: var(--spacing-px) solid var(--color-gray);--vv-button-modifier-ghost-state-focus-visible-outline-offset: var(--spacing-0);--vv-button-modifier-ghost-state-hover-background: var(--color-gray-darken-4);--vv-button-modifier-ghost-state-active-background: var(--color-gray-darken-5);--vv-button-modifier-link-color: var(--color-brand-lighten-3);--vv-button-modifier-link-state-active-color: var(--color-brand-lighten-2)}@media (prefers-color-scheme: dark){:where(:host,:root,.theme):not(.theme--light){--vv-dropdown-action-color: var(--color-brand-lighten-3)}}:where(.theme.theme--dark){--vv-dropdown-action-color: var(--color-brand-lighten-3)}@media (prefers-color-scheme: dark){:where(:host,:root,.theme):not(.theme--light){--vv-dropdown-option-state-focus-visible-color: var(--color-success-lighten-3);--vv-dropdown-option-state-selected-color: var(--color-brand-lighten-3);--vv-dropdown-option-modifier-unselectable-state-focus-visible-color: var(--color-danger-lighten-5)}}:where(.theme.theme--dark){--vv-dropdown-option-state-focus-visible-color: var(--color-success-lighten-3);--vv-dropdown-option-state-selected-color: var(--color-brand-lighten-3);--vv-dropdown-option-modifier-unselectable-state-focus-visible-color: var(--color-danger-lighten-5)}@media (prefers-color-scheme: dark){:where(:host,:root,.theme):not(.theme--light){--vv-nav-modifier-tabs-element-item-label-state-current-color: var(--color-brand-lighten-3)}}:where(.theme.theme--dark){--vv-nav-modifier-tabs-element-item-label-state-current-color: var(--color-brand-lighten-3)}@media (prefers-color-scheme: dark){:where(:host,:root,.theme):not(.theme--light){--vv-select-state-disabled-opacity: var(--opacity-80)}}:where(.theme.theme--dark){--vv-select-state-disabled-opacity: var(--opacity-80)}