.theme-text-color {
  color: var(--theme-color);
}
.theme-text-color-forced {
  color: var(--theme-color) !important;
}
.theme-background-color {
  background-color: var(--theme-color);
}
.theme-background-color-forced {
  background-color: var(--theme-color) !important;
}
.theme-background-color-opacity {
  background-color: rgba(0,117,183,0.85);
}

.theme-border-color {
  border-color: var(--theme-color);
}
.theme-border-color-forced {
  border-color: var(--theme-color) !important;
}
.theme-text-hover-color:hover,
.theme-text-hover-color:active,
.theme-text-hover-color:focus {
  color: var(--theme-color);
}

.theme-text-hover-color-forced:hover,
.theme-text-hover-color-forced:active,
.theme-text-hover-color-forced:focus {
  color: var(--theme-color) !important;
}
.theme-text-darken-hover-color-forced:hover,
.theme-text-darken-hover-color-forced:active,
.theme-text-darken-hover-color-forced:focus {
  color: var(--theme-darken-color) !important;
}

.theme-text-darken-color-forced {
  color: var(--theme-darken-color) !important;
}

.theme-background-hover-color:hover,
.theme-background-hover-color:active,
.theme-background-hover-color:focus {
  background-color: var(--theme-color);
}

.theme-background-darken-hover-color:hover,
.theme-background-darken-hover-color:active,
.theme-background-darken-hover-color:focus {
  background-color: var(--theme-darken-color);
}

.theme-background-darken-hover-color-forced:hover,
.theme-background-darken-hover-color-forced:active,
.theme-background-darken-hover-color-forced:focus {
  background-color: var(--theme-darken-color) !important;
}
.theme-border-hover-color:hover,
.theme-border-hover-color:active,
.theme-border-hover-color:focus {
  border-color: var(--theme-color);
}
.theme-after-text-color::after {
  color: var(--theme-color);
}
.theme-after-text-color-forced::after {
  color: var(--theme-color);
}
.theme-after-background-color::after {
  background-color: var(--theme-color);
}
.theme-after-background-color-forced::after {
  background-color: var(--theme-color) !important;
}
.theme-after-border-color::after {
  border-color: var(--theme-color);
}
.theme-after-border-color-forced::after {
  border-color: var(--theme-color) !important;
}

.theme-before-text-color::before {
  color: var(--theme-color);
}
.theme-before-text-color-forced::before {
  color: var(--theme-color);
}
.theme-before-background-color::before {
  background-color: var(--theme-color);
}
.theme-before-background-color-forced::before {
  background-color: var(--theme-color) !important;
}
.theme-before-border-color::before {
  border-color: var(--theme-color);
}
.theme-before-border-color-forced::before {
  border-color: var(--theme-color) !important;
}

.theme-text-contrast-color {
  color: var(--theme-contrast-color);
}
.theme-text-contrast-color-forced {
  color: var(--theme-contrast-color) !important;
}
.theme-background-contrast-color {
  background-color: var(--theme-contrast-color);
}
.theme-background-contrast-color-forced {
  background-color: var(--theme-contrast-color) !important;
}
.theme-border-contrast-color {
  border-color: var(--theme-contrast-color);
}
.theme-border-contrast-color-forced {
  border-color: var(--theme-contrast-color) !important;
}
.theme-background-hover-contrast-color:hover,
.theme-background-hover-contrast-color:focus,
.theme-background-hover-contrast-color:active {
  background-color: var(--theme-contrast-color);
}
.theme-background-darken-hover-contrast-color-forced:hover,
.theme-background-darken-hover-contrast-color-forced:active,
.theme-background-darken-hover-contrast-color-forced:focus {
  background-color: var(--theme-darken-contrast-color) !important;
}
.theme-text-hover-contrast-color:hover,
.theme-text-hover-contrast-color:focus,
.theme-text-hover-contrast-color:active {
  color: var(--theme-contrast-color);
}

.theme-text-hover-contrast-color-forced:hover,
.theme-text-hover-contrast-color-forced:focus,
.theme-text-hover-contrast-color-focred:active {
  color: var(--theme-contrast-color) !important;
}

.theme-after-text-contrast-color::after {
  color: var(--theme-contrast-color);
}
.theme-after-text-contrast-color-forced::after {
  color: var(--theme-contrast-color);
}
.theme-after-background-contrast-color::after {
  background-color: var(--theme-contrast-color);
}
.theme-after-background-contrast-color-forced::after {
  background-color: var(--theme-contrast-color) !important;
}
.theme-after-border-contrast-color::after {
  border-color: var(--theme-contrast-color);
}
.theme-after-border-contrast-color-forced::after {
  border-color: var(--theme-contrast-color) !important;
}

.theme-before-text-contrast-color::before {
  color: var(--theme-contrast-color);
}
.theme-before-text-contrast-color-forced::before {
  color: var(--theme-contrast-color) !important;
}
.theme-before-background-contrast-color::before {
  background-color: var(--theme-contrast-color);
}
.theme-before-background-contrast-color-forced::before {
  background-color: var(--theme-contrast-color) !important;
}
.theme-before-border-contrast-color::before {
  border-color: var(--theme-contrast-color);
}
.theme-before-border-contrast-color-forced::before {
  border-color: var(--theme-contrast-color) !important;
}

.theme-html-content-contrast-color,
.theme-html-content-contrast-color *,
.theme-html-content-contrast-color *:hover,
.theme-html-content-contrast-color *:active,
.theme-html-content-contrast-color *:focus,
.theme-html-content-contrast-color *::after,
.theme-html-content-contrast-color *::before {
  color: var(--theme-contrast-color);
}

.theme-html-content-contrast-color-forced,
.theme-html-content-contrast-color-forced *,
.theme-html-content-contrast-color-forced *:hover,
.theme-html-content-contrast-color-forced *:active,
.theme-html-content-contrast-color-forced *:focus,
.theme-html-content-contrast-color-forced *::after,
.theme-html-content-contrast-color-forced *::before {
  color: var(--theme-contrast-color) !important;
}

.theme-html-content-a-color a,
.theme-html-content-a-color a:active,
.theme-html-content-a-color a:focus,
.theme-html-content-a-color a:hover {
  color: var(--theme-color);
}

.theme-darken-text-color {
  color: var(--theme-darken-color);
}

.theme-lighten-text-color {
  color: var(--theme-darken-color);
}

.theme-fill-color path {
  fill: var(--theme-color);
}

.cropper-viewer {
  outline-color: var(--theme-color);
}

.performance .icon svg path {
  fill: var(--theme-color);
}

.cropper-point,
.cropper-line {
  background-color: var(--theme-color);
}