DataOps-platform/frontend/src/styles/index.css

:root {
  --v-anchor-base: #2196f3;
  --v-primary-base: #2196f3;
  --v-primary-lighten5: #d4ffff;
  --v-primary-lighten4: #b5ffff;
  --v-primary-lighten3: #95e8ff;
  --v-primary-lighten2: #75ccff;
  --v-primary-lighten1: #51b0ff;
  --v-primary-darken1: #007cd6;
  --v-primary-darken2: #0064ba;
  --v-primary-darken3: #004d9f;
  --v-primary-darken4: #003784;
  --v-secondary-base: #424242;
  --v-secondary-lighten6: #e4e4e4;
  --v-secondary-lighten5: #c1c1c1;
  --v-secondary-lighten4: #a6a6a6;
  --v-secondary-lighten3: #8b8b8b;
  --v-secondary-lighten2: #727272;
  --v-secondary-lighten1: #595959;
  --v-secondary-darken1: #2c2c2c;
  --v-secondary-darken2: #171717;
  --v-secondary-darken3: #000000;
  --v-secondary-darken4: #000000;
  --v-accent-base: #82b1ff;
  --v-accent-lighten5: #ffffff;
  --v-accent-lighten4: #f8ffff;
  --v-accent-lighten3: #daffff;
  --v-accent-lighten2: #bce8ff;
  --v-accent-lighten1: #9fccff;
  --v-accent-darken1: #6596e2;
  --v-accent-darken2: #467dc6;
  --v-accent-darken3: #2364aa;
  --v-accent-darken4: #004c90;
  --v-error-base: #ff5252;
  --v-error-lighten5: #ffe4d5;
  --v-error-lighten4: #ffc6b9;
  --v-error-lighten3: #ffa99e;
  --v-error-lighten2: #ff8c84;
  --v-error-lighten1: #ff6f6a;
  --v-error-darken1: #df323b;
  --v-error-darken2: #bf0025;
  --v-error-darken3: #9f0010;
  --v-error-darken4: #800000;
  --v-info-base: #2196f3;
  --v-info-lighten5: #d4ffff;
  --v-info-lighten4: #b5ffff;
  --v-info-lighten3: #95e8ff;
  --v-info-lighten2: #75ccff;
  --v-info-lighten1: #51b0ff;
  --v-info-darken1: #007cd6;
  --v-info-darken2: #0064ba;
  --v-info-darken3: #004d9f;
  --v-info-darken4: #003784;
  --v-success-base: #4caf50;
  --v-success-lighten5: #dcffd6;
  --v-success-lighten4: #beffba;
  --v-success-lighten3: #a2ff9e;
  --v-success-lighten2: #85e783;
  --v-success-lighten1: #69cb69;
  --v-success-darken1: #2d9437;
  --v-success-darken2: #00791e;
  --v-success-darken3: #006000;
  --v-success-darken4: #004700;
  --v-warning-base: #ffc107;
  --v-warning-lighten5: #ffffae;
  --v-warning-lighten4: #ffff91;
  --v-warning-lighten3: #ffff74;
  --v-warning-lighten2: #fff956;
  --v-warning-lighten1: #ffdd37;
  --v-warning-darken1: #e0a600;
  --v-warning-darken2: #c18c00;
  --v-warning-darken3: #a27300;
  --v-warning-darken4: #855a00;
  --v-side-lighten5: #e8f1ff;
  --v-side-lighten4: #e0eaf5;
  --v-side-lighten3: #c8ddfe;
  --v-side-lighten2: #bcd4fc;
  --v-side-lighten1: #a9c8ff;
  --v-side-darken1: #8db6ff;
  --v-side-darken2: #7dadff;
  --v-side-darken3: #6fa3fd;
  --v-side-darken4: #649dfe;
  --v-side-darken5: #5692fb;
  --zIndex-snackbar: 9999999999;
  --zIndex-nav: 99;
  --zIndex-drawers: 100;
  --zIndex-datePicker: 999;
  --zIndex-breadcrumbs: 10;
}

.v-window {
  overflow: visible !important;
}

.defaultLink {
  color: #5aabff;
  cursor: pointer;
}

.buttons {
  height: 36px;
  width: 125px;
}

.half-button {
  height: 36px;
  width: 80px;
}

.loading-rotate {
  animation: loader 1s infinite;
  display: flex;
}

@-moz-keyframes loader {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes loader {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}

@-o-keyframes loader {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes loader {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}