Audius

:root {
  --color-dominant: #7f7f7f;
  --color-surface: #424242;
  --color-ink: #bcbcbc;
  --color-accent: #7c7c7c;
  --color-detail: #acacac;
}

/* CSS variables exposed by source */
:root {
  --accent-red-gradient: linear-gradient( 315deg, #bb0218ff 0%, #d0021bff 100% );
  --secondary-transparent: rgba(126, 27, 204, .85);
  --profile-completion-shadow-1: rgba(126, 27, 204, .05);
  --wui-spacing-4xl: 90px;
  --page-header-gradient-1: rgb(252, 252, 252);
  --wui-color-bg-200: #272a2a;
  --page-header-text-shadow-color: rgba(162, 47, 235, .2);
  --harmony-static-primary: #cc0fe0ff;
  --harmony-p-500: #a30cb3ff;
  --wui-color-success-100: color-mix(
            in srgb,
            #fff 0%,
            #26d962
          );
  --harmony-spacing-3xl: 48px;
  --harmony-press: .12s cubic-bezier(.44, 0, .56, 1);
  --harmony-grow-large: perspective(1px) scale3d(1.1, 1.1, 1.1);
  --wui-letter-spacing-paragraph: -0.64px;
  --wui-height-network-lg: 96px;
  --wui-icon-box-size-xs: 20px;
  --wui-icon-size-network-xs: 12px;
  --wui-color-fg-225: #868f8f;
  --safe-area-inset-bottom: 0px;
  --search-bar-expanded: #ffffffff;
  --card-image-shadow: rgba(133, 129, 153, .75);
  --notification-border: rgba(133, 129, 153, .2);
  --harmony-line-height-s: 16px;
  --notification-background: #ffffff;
  --harmony-unit-2: 8px;
  --page-header-gradient: linear-gradient( -22deg, #5b23e1 0%, #a22feb 100% );
  --harmony-text-disabled: #e7e7eaff;
  --wui-all-wallets-bg-100: #222b35;
  --notification-background-box-shadow: 0 2px 15px -4px rgba(133, 129, 153, .2);
  --wui-color-error-glass-030: rgba(242, 90, 103, 0.3);
  --wui-color-fg-150: #a8b1b1;
  --wui-icon-box-size-2lg: 48px;
  --wui-color-error-100: color-mix(
            in srgb,
            #fff 0%,
            #f25a67
          );
  --wui-icon-size-sm: 14px;
  --wui-icon-size-network-sm: 16px;
  --track-slider-handle: #817d95ff;
  --wui-icon-box-size-mdl: 36px;
  --wui-color-gray-glass-020: rgba(255, 255, 255, 0.2);
  --wui-color-bg-225: #2c3030;
  --harmony-font-regular: 400;
  --wui-color-accent-glass-090: color-mix(
            in srgb,
            hsla(230, 100%, 67%, 1) 90%,
            transparent
          );
  --wui-duration-lg: 200ms;
  --wui-color-error-base-100: #f25a67;
  --notification-unread-border-hover: rgba(126, 27, 204, .3);
  --wui-letter-spacing-medium: -0.72px;
  --harmony-unit-18: 72px;
  --skeleton-highlight: #efeff1ff;
  --wui-color-inverse-000: #000;
  --wui-color-bg-125: #191a1a;
  --harmony-light-green: #13c65aff;
  --wui-spacing-xxl: 24px;
  --wui-border-radius-l: calc(4px * 9);
  --wui-color-blue-90: color-mix(
            in srgb,
            #fff 0%,
            rgba(102, 125, 255, 0.9)
          );
  --wui-color-warning-100: color-mix(
            in srgb,
            #fff 0%,
            #f3a13f
          );
  --wui-icon-box-size-sm: 24px;
  --wui-ease-inout-power-1: cubic-bezier(0.45, 0, 0.55, 1);
  --wui-color-gray-glass-060: rgba(255, 255, 255, 0.6);
  --page-header-text-shadow: 0px 2px 4px rgba(162, 47, 235, .2);
  --wui-icon-box-size-xxs: 14px;
  --wui-color-error-glass-010: rgba(242, 90, 103, 0.1);
}