:root {
	.dp__theme_dark {
		--dp-background-color: rgb(var(--v-theme-surface), 1);
		--dp-text-color: #ffffff;
		--dp-hover-color: rgba(var(--v-theme-background));
		--dp-hover-text-color: #ffffff;
		--dp-hover-icon-color: rgb(var(--v-theme-secondary));
		--dp-primary-color: rgb(var(--v-theme-primary));
		--dp-primary-text-color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
		--dp-secondary-color: rgb(var(--v-theme-secondary));
		--dp-border-color: rgba(var(--v-border-color), var(--v-border-opacity));
		--dp-menu-border-color: rgba(var(--v-border-color), var(--v-border-opacity));
		--dp-border-color-hover: rgb(var(--v-theme-primary));
		--dp-disabled-color: rgb(var(--v-theme-danger));
		--dp-scroll-bar-background: #212121;
		--dp-scroll-bar-color: #484848;
		--dp-success-color: rgb(var(--v-theme-primary));
		--dp-success-color-disabled: rgb(var(--v-theme-secondary));
		--dp-icon-color: rgb(var(--v-theme-secondary));
		--dp-danger-color: #e53935;
		--dp-highlight-color: rgb(var(--v-theme-primary));
	}

	.dp__theme_light {
		--dp-background-color: rgb(var(--v-theme-surface), 1);
		--dp-border-color: rgba(var(--v-border-color), var(--v-border-opacity));
		--dp-menu-border-color: rgba(var(--v-border-color), var(--v-border-opacity));
		--dp-border-color-hover: rgb(var(--v-theme-primary));
		--dp-disabled-color: rgb(var(--v-theme-secondary));
		--dp-primary-color: rgb(var(--v-theme-primary));
	}

	.dp-custom-cell {
		border-radius: 50%;
	}
}