diff --git a/packages/vuetify/src/components/VDataTable/VDataTable.sass b/packages/vuetify/src/components/VDataTable/VDataTable.sass index ac1a57126be..4c044186dc9 100644 --- a/packages/vuetify/src/components/VDataTable/VDataTable.sass +++ b/packages/vuetify/src/components/VDataTable/VDataTable.sass @@ -91,7 +91,7 @@ .v-data-table--loading .v-data-table__td - opacity: 0.3 + opacity: $data-table-loading-opacity .v-data-table-group-header-row__column padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important diff --git a/packages/vuetify/src/components/VDataTable/_variables.scss b/packages/vuetify/src/components/VDataTable/_variables.scss index 32e464ce6f6..9b025c1b96d 100644 --- a/packages/vuetify/src/components/VDataTable/_variables.scss +++ b/packages/vuetify/src/components/VDataTable/_variables.scss @@ -9,3 +9,4 @@ $data-table-footer-select-width: 90px !default; $data-table-footer-items-per-page-padding: 8px !default; $data-table-header-sort-badge-size: 20px !default; $data-table-header-sort-badge-color: rgba(var(--v-border-color), var(--v-border-opacity)) !default; +$data-table-loading-opacity: var(--v-disabled-opacity) !default;