.theme-transition {
  transition-property: filter;
  transition-duration: 2s;
}

.theme-light {
  --primary-color: #59e;
  --primary-color-adjusted: #59e;
  --secondary-color: #ccc;
  --status-bar-color: #59e;
  --welcome-color: #fff;
  --welcome-background-color: #59e;
  --font-color: #000;
  --title-color: #333;
  --border-color: #eee;
  --shadow-color: #eee;
  --background-color: #fff;
  --box-background-color: #fdfdfd;
  --header-background-color: #f5f5f5;
}

.theme-dark {
  --primary-color: #59e;
  --primary-color-adjusted: #2972ca;
  --secondary-color: #888;
  --status-bar-color: #fff;
  --welcome-color: #59e;
  --welcome-background-color: #000;
  --font-color: #000;
  --title-color: #333;
  --border-color: #eee;
  --shadow-color: #eee;
  --background-color: #e5e5e5;
  --box-background-color: #ddd;
  --header-background-color: #ddd;
}

.theme-dark-filter  {
  filter: invert(1) hue-rotate(180deg) !important;
}

.theme-dark-filter-revert {
  filter: invert(1) hue-rotate(180deg) !important;
}

.theme-dark .no-theme {
  filter: invert(1) hue-rotate(180deg) !important;
}

.theme-dark img.logo {
  filter: brightness(0.8) saturate(1.5);
}

.theme-dark img.client:hover {
  filter: saturate(2);
}

.theme-dark img.team {
  filter: invert(1);
}

.theme-green {
  --primary-color: #59e;
  --primary-color-adjusted: #59e;
  --secondary-color: #ccc;
  --status-bar-color: #59e;
  --welcome-color: #fff;
  --welcome-background-color: #44b368;
  --font-color: #000;
  --title-color: #333;
  --border-color: #eee;
  --shadow-color: #eee;
  --background-color: #fff;
  --box-background-color: #fdfdfd;
  --header-background-color: #f5f5f5;
}

.theme-green-filter {
  filter: invert(0) hue-rotate(270deg) !important;
}

.theme-green-filter-revert {
  filter: invert(0) hue-rotate(-270deg) !important;
}

.theme-green .no-theme {
  filter: invert(0) hue-rotate(-270deg) !important;
}

.theme-green img.client:hover {
  filter: hue-rotate(-270deg);
}

.theme-green-dark {
  --primary-color: #59e;
  --primary-color-adjusted: #2972ca;
  --secondary-color: #888;
  --status-bar-color: #fff;
  --welcome-color: #34b358;
  --welcome-background-color: #000;
  --font-color: #000;
  --title-color: #333;
  --border-color: #eee;
  --shadow-color: #eee;
  --background-color: #e5e5e5;
  --box-background-color: #ddd;
  --header-background-color: #ddd;
}

.theme-green-dark-filter  {
  filter: invert(1) hue-rotate(90deg) !important;
}

.theme-green-dark-filter-revert {
  filter: invert(1) hue-rotate(-90deg) !important;
}

.theme-green-dark .no-theme {
  filter: invert(1) hue-rotate(-90deg) !important;
}

.theme-green-dark img.logo {
  filter: brightness(0.8) saturate(1.3);
}

.theme-green-dark img.client:hover {
  filter: saturate(1.5) hue-rotate(-270deg);
}

.theme-green-dark img.team {
  filter: invert(1);
}

.theme-red {
  --primary-color: #59e;
  --primary-color-adjusted: #59e;
  --secondary-color: #ccc;
  --status-bar-color: #59e;
  --welcome-color: #fff;
  --welcome-background-color: #f00;
  --font-color: #000;
  --title-color: #333;
  --border-color: #eee;
  --shadow-color: #eee;
  --background-color: #fff;
  --box-background-color: #fdfdfd;
  --header-background-color: #f5f5f5;
}

.theme-red-filter {
  filter: invert(0) hue-rotate(137deg) saturate(3) !important;
}

.theme-red-filter-revert {
  filter: invert(0) hue-rotate(-137deg) !important;
}

.theme-red .no-theme {
  filter: invert(0) hue-rotate(-137deg) !important;
}

.theme-red-dark #paper-birds {
  filter: saturate(1) hue-rotate(7deg);
}

.theme-red img.client:hover {
  filter: hue-rotate(-135deg) saturate(0.33);
}

.theme-red-dark {
  --primary-color: #59e;
  --primary-color-adjusted: #59e;
  --secondary-color: #ccc;
  --status-bar-color: #59e;
  --welcome-color: #f00;
  --welcome-background-color: #000;
  --font-color: #000;
  --title-color: #333;
  --border-color: #eee;
  --shadow-color: #eee;
  --background-color: #e5e5e5;
  --box-background-color: #ddd;
  --header-background-color: #ddd;
}

.theme-red-dark-filter {
  filter: invert(1) hue-rotate(315deg) saturate(3) !important;
}

.theme-red-dark-filter-revert {
  filter: invert(1) hue-rotate(-315deg) !important;
}

.theme-red-dark .no-theme {
  filter: invert(1) hue-rotate(-315deg) !important;
}

.theme-red-dark #paper-birds {
  filter: saturate(1) hue-rotate(7deg);
}

.theme-red-dark img.client:hover {
  filter: hue-rotate(-135deg) saturate(0.33);
}

.theme-red-dark img.team {
  filter: invert(1);
}

.theme-pink {
  --primary-color: #59e;
  --primary-color-adjusted: #59e;
  --secondary-color: #ccc;
  --status-bar-color: #59e;
  --welcome-color: #fff;
  --welcome-background-color: #df70d1;
  --font-color: #000;
  --title-color: #333;
  --border-color: #eee;
  --shadow-color: #eee;
  --background-color: #fff;
  --box-background-color: #fdfdfd;
  --header-background-color: #f5f5f5;
}

.theme-pink-filter {
  filter: invert(0) hue-rotate(90deg) !important;
}

.theme-pink-filter-revert {
  filter: invert(0) hue-rotate(-90deg) !important;
}

.theme-pink .no-theme {
  filter: invert(0) hue-rotate(-90deg) !important;
}

.theme-pink img.client:hover {
  filter: hue-rotate(-90deg);
}

.theme-pink-dark {
  --primary-color: #59e;
  --primary-color-adjusted: #59e;
  --secondary-color: #ccc;
  --status-bar-color: #59e;
  --welcome-color: #df70d1;
  --welcome-background-color: #000;
  --font-color: #000;
  --title-color: #333;
  --border-color: #eee;
  --shadow-color: #eee;
  --background-color: #e5e5e5;
  --box-background-color: #ddd;
  --header-background-color: #ddd;
}

.theme-pink-dark-filter {
  filter: invert(1) hue-rotate(270deg) saturate(3) !important;
}

.theme-pink-dark-filter-revert {
  filter: invert(1) hue-rotate(-270deg) !important;
}

.theme-pink-dark .no-theme {
  filter: invert(1) hue-rotate(-270deg) !important;
}

.theme-pink-dark img.client:hover {
  filter: hue-rotate(-135deg) saturate(0.33);
}

.theme-pink-dark img.team {
  filter: invert(1);
}

.theme-yellow {
  --primary-color: #59e;
  --primary-color-adjusted: #59e;
  --secondary-color: #ccc;
  --status-bar-color: #59e;
  --welcome-color: #fff;
  --welcome-background-color: #fb0;
  --font-color: #000;
  --title-color: #333;
  --border-color: #eee;
  --shadow-color: #eee;
  --background-color: #fff;
  --box-background-color: #fdfdfd;
  --header-background-color: #f5f5f5;
}

.theme-yellow-filter {
  filter: invert(0) hue-rotate(202deg) saturate(10) !important;
}

.theme-yellow-filter-revert {
  filter: invert(0) saturate(0.1) hue-rotate(-203deg) !important;
}

.theme-yellow .no-theme {
  filter: invert(0) saturate(0.1) hue-rotate(-203deg) !important;
}

.theme-yellow img.client:hover {
  filter: saturate(0.2) hue-rotate(-202deg);
}

.theme-yellow-dark {
  --primary-color: #59e;
  --primary-color-adjusted: #59e;
  --secondary-color: #ccc;
  --status-bar-color: #59e;
  --welcome-color: #ffac00;
  --welcome-background-color: #000;
  --font-color: #000;
  --title-color: #333;
  --border-color: #eee;
  --shadow-color: #eee;
  --background-color: #e5e5e5;
  --box-background-color: #ddd;
  --header-background-color: #ddd;
}

.theme-yellow-dark-filter {
  filter: invert(1) hue-rotate(20deg) saturate(4) brightness(1.3) !important;
}

.theme-yellow-dark-filter-revert {
  filter: invert(1) saturate(0.66) hue-rotate(-22deg) !important;
}

.theme-yellow-dark .no-theme {
  filter: invert(1) saturate(0.66) hue-rotate(-22deg) !important;
}

.theme-yellow-dark #paper-birds {
  filter: saturate(1) hue-rotate(2deg);
}

.theme-yellow-dark img.client:hover {
  filter: grayscale();
}

.theme-yellow-dark img.team {
  filter: brightness(0.7) invert(1);
}

.theme-black {
  --primary-color: #000;
  --primary-color-adjusted: #000;
  --secondary-color: #ccc;
  --status-bar-color: #000;
  --welcome-color: #eee;
  --welcome-background-color: #000;
  --font-color: #222;
  --title-color: #333;
  --border-color: #eee;
  --shadow-color: #eee;
  --background-color: #eee;
  --box-background-color: #fdfdfd;
  --header-background-color: #f5f5f5;
}

.theme-black-filter  {
  filter: invert(1) grayscale() !important;
}

.theme-black-filter-revert {
  filter: invert(1) !important;
}

.theme-black img.team {
  filter: brightness(0.7) invert(1);
}

.theme-sherpa {
  --primary-color: #59e;
  --primary-color-adjusted: #59e;
  --secondary-color: #ccc;
  --status-bar-color: #59e;
  --welcome-color: #fff;
  --welcome-background-color: orangered;
  --font-color: #000;
  --title-color: #333;
  --border-color: #eee;
  --shadow-color: #eee;
  --background-color: #fff;
  --box-background-color: #fdfdfd;
  --header-background-color: #f5f5f5;
}

.theme-sherpa-filter {
  filter: invert(0) hue-rotate(145deg) saturate(1.5) !important;
}

.theme-sherpa-filter-revert {
  filter: invert(0) saturate(0.75) hue-rotate(-145deg) !important;
}

.theme-sherpa #paper-birds {
  filter: saturate(0.9) !important;
}

.theme-sherpa .no-theme {
  filter: invert(0) saturate(0.75) hue-rotate(-145deg) !important;
}

.theme-sherpa img.client:hover {
  filter: saturate(0.75) hue-rotate(-145deg);
}

.theme-sherpa-dark {
  --primary-color: #59e;
  --primary-color-adjusted: #59e;
  --secondary-color: #ccc;
  --status-bar-color: #59e;
  --welcome-color: orangered;
  --welcome-background-color: #000;
  --font-color: #000;
  --title-color: #333;
  --border-color: #eee;
  --shadow-color: #eee;
  --background-color: #e5e5e5;
  --box-background-color: #ddd;
  --header-background-color: #ddd;
}

.theme-sherpa-dark-filter {
  filter: invert(1) hue-rotate(-30deg) saturate(1.5) !important;
}

.theme-sherpa-dark-filter-revert {
  filter: invert(1) saturate(0.66) hue-rotate(30deg) !important;
}

.theme-sherpa-dark #paper-birds {
  filter: saturate(1) !important;
}

.theme-sherpa-dark .no-theme {
  filter: invert(1) saturate(0.66) hue-rotate(30deg) !important;
}

.theme-sherpa-dark #paper-birds {
  filter: saturate(1) hue-rotate(0deg);
}

.theme-sherpa-dark img.client:hover {
  filter: grayscale();
}

.theme-sherpa-dark img.team {
  filter: brightness(0.7) invert(1);
}