WIP Discord CSS override with less(more) distracions incl. prefers-color-scheme

minimaldiscord.css

.theme-dark [class*="themedWithTrack"]>[class^="scroller"]::-webkit-scrollbar-track-piece {
  border: 0 !important;
  background-color: transparent !important;
}
.theme-dark [class*="themedWithTrack"]>[class^="scroller"]:hover::-webkit-scrollbar-track-piece {
  border: 0 !important;
  background-color: var(--background-accent) !important;
}
[class^="scroller"]::-webkit-scrollbar {
  width: 12px;
}
[class^="scroller"]::-webkit-scrollbar-thumb {
  background-color: #9997 !important;
}

[class^="username-"],
[class^="roleColor-"] {
  /*color: var(--text-normal) !important;*/
  font-weight: 600;
}
[style*="color"] {
  /*color: var(--text-normal) !important;*/
}
#guild-header-popout-settings {
  color: var(--text-link)
}

[class*="navButtonActive"], 
[class*="navButtonActive"]:hover {
  color: var(--text-normal);
}

[class*="hasBanner"] h1 {
  color: #fff;
  text-shadow: 0 0 .4em #000, 0 0 .2em #000;
}

[class*="botTag-"] {
  background-color: var(--background-mentioned);
  color: var(--text-link);
}

.interactive:hover {
  background-color: var(--text-link);
}

main [class*="avatar-"] {
  box-shadow: .1em .3em 1.2em -.4em rgb(4, 0, 42);
}
[src^="https://cdn.discordapp.com/avatars/414557360644816908/fefa2faeacd6d36ea616c5f121da0164"] {
  filter: hue-rotate(275deg);
}


[class*="mentioned-"]::before {
  background-color: var(--text-link) !important;
  box-shadow: 0 0 2.5em .2em var(--text-link);
}
[class*="mentioned-"] [class*="repliedMessage"]::before {
  border-color: var(--background-mentioned) !important;
}
[class*="mentioned-"] [class*="avatar-"] {
  box-shadow: .1em .3em 1.1em -.5em var(--text-link);;
}
.mention {
  color: var(--text-link);
  background-color: var(--background-mentioned);
}
[class*="mentioned-"] .mention.interactive:hover {
  color: var(--text-link) !important;
}
[class*="backgroundFlash"] {
  background-color: transparent !important;
}

[class^="reaction-"] {
  border: 1px solid transparent;
}
[class*="reactionMe"] {
  background-color: var(--background-primary) !important;
  border: 1px solid var(--text-link);
  box-shadow: 0 .2em 1em -.4em var(--text-link);
}
[class*="reactionMe"] [class*="reactionCount"] {
  color: var(--text-link) !important;
}

[class*="isUnread"] {
  border-color: #9994;
}
[class*="isUnread"] [class^="content"] {
  color: var(--background-primary);
  padding: .2em .5em;
}
[class*="isUnread"] span,
[class*="isUnread"] span svg path {
  background-color: #999;
  fill: #999;
  stroke: #999;
  color: var(--background-primary);
}

[class*="cozyMessage"] {
  border-radius: 5px;
}
[class*="messageContent"] {
  font-weight: 500;
}
[class*="cozyMessage"] [class^="avatar"] {
  animation-name: pop;
  animation-duration: .7s;
  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
}
@keyframes pop {
  from {
    opacity: 0;
    transform: scale(.7);
  }
}

[class*="spoilerText"] {
  background-color: var(--background-modifier-accent) !important;
}
[class*="spoilerText"]:not([aria-expanded="true"]):hover {
  background-color: var(--background-modifier-hover) !important;
}
[class*="spoilerText"]:not([aria-expanded="true"]) > span {
  opacity: 1 !important;
  filter: blur(3px) contrast(1.5);
}
/*
[class*="spoilerText"] [class*="imageWrapper"] {
  visibility: visible;
}
[class*="spoilerText"] [class*="imageWrapper"] img {
  filter: blur(25px);
}
*/

[class^="messagesWrapper"] [class^="message-"] {
  --delay: 200ms;
  --delay-step: 20ms;
  opacity: 0;
  transform-origin: 10% center;
  transform: translateY(1em);
  animation-name: up;
  animation-duration: .5s;
  --d: 0s;
  animation-delay: var(--d);
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
}
[id^="chat-messages-"]:nth-last-child(2) {
  --d: calc(var(--delay) - 0 * var(--delay-step));
  animation-delay: var(--d);
}
[id^="chat-messages-"]:nth-last-child(3) {
  --d: calc(var(--delay) - 1 * var(--delay-step));
  animation-delay: var(--d);
}
[id^="chat-messages-"]:nth-last-child(4) {
  --d: calc(var(--delay) - 2 * var(--delay-step));
  animation-delay: var(--d);
}
[id^="chat-messages-"]:nth-last-child(5) {
  --d: calc(var(--delay) - 3 * var(--delay-step));
  animation-delay: var(--d);
}
[id^="chat-messages-"]:nth-last-child(6) {
  --d: calc(var(--delay) - 4 * var(--delay-step));
  animation-delay: var(--d);
}
[id^="chat-messages-"]:nth-last-child(7) {
  --d: calc(var(--delay) - 5 * var(--delay-step));
  animation-delay: var(--d);
}
[id^="chat-messages-"]:nth-last-child(8) {
  --d: calc(var(--delay) - 6 * var(--delay-step));
  animation-delay: var(--d);
}
[id^="chat-messages-"]:nth-last-child(9) {
  --d: calc(var(--delay) - 7 * var(--delay-step));
  animation-delay: var(--d);
}
[id^="chat-messages-"]:nth-last-child(10) {
  --d: calc(var(--delay) - 8 * var(--delay-step));
  animation-delay: var(--d);
}
[id^="chat-messages-"]:nth-last-child(11) {
  --d: calc(var(--delay) - 9 * var(--delay-step));
  animation-delay: var(--d);
}
[id^="chat-messages-"]:nth-last-child(12) {
  --d: calc(var(--delay) - 10 * var(--delay-step));
  animation-delay: var(--d);
}
[id^="chat-messages-"] * {
  animation-delay: inherit;
}
@keyframes up {
  to {
    opacity: 1;
    transform: none;
  }
}


[class*="messageContent"] {
  overflow: visible !important;
  perspective: 100px;
  perspective-origin: 15%;
}
.emoji.jumboable {
  filter: drop-shadow(0 0em 0em transparent);
  animation-name: slap, dust;
  animation-duration: .5s, .2s;
  animation-timing-function: cubic-bezier(0.36, 0, 0.66, -0.56), ease;
  animation-delay: var(--d), calc(var(--d) + .5s);
}
@keyframes slap {
  from {
    transform: scale(1.25);
    filter: drop-shadow(0 .3em .3em #0002);
  }
}
@keyframes dust {
  50% {
    transform: scale(.94);
  }
}

[class*="attachment-"] {
  background-color: var(--background-tertiary);
}

[class*="jumpToPresentBar"] {
  background-color: #3339;
  backdrop-filter: blur(3px);
}
[class*="jumpToPresentBar"] > *{
  color: var(--text-normal);
}
@media (prefers-color-scheme: light) {
  [class*="jumpToPresentBar"] {
    background-color: #ddd9;
    backdrop-filter: blur(3px);
  }
}

[class^="userPopout"] {
  backdrop-filter: blur(5px);
}
[class^="userPopout"] [class*="header-"] {
  background-color: rgba(0, 0, 0, 0.467);
}
[class^="userPopout"] [class*="body-"],
[class^="userPopout"] [class*="footer-"] {
  background-color: var(--background-secondary);
}
[class^="activityUserPopout"] [class*="body"] {
  background-color: transparent;
}
[class^="activityUserPopout"] [class*="gameIcon"] {
  color: unset;
}
[class*="headerTag"] *, [class*="customStatusText"] {
  color: #fff !important;
}

[class*="modal-"][class*="container-"],
[class*="uploadModal"],
[class*="modal-"] [class^="footer"] {
  background-color: var(--background-tertiary) !important;
}

[class*="modal-"] [class^="scroller"] {
  background: var(--background-tertiary);
}


a[tabindex="-1"][href*="support"],
[class^="wordmark"] {
  display: none;
}

[class^="homeIcon"] {
  fill-rule: evenodd;
  height: 28px;
  transform: scale(.8) translateY(-3px);
}
[class^="homeIcon"] path {
  d: path("M27.125 14.4352C26.901 14.4352 26.6772 14.3498 26.5063 14.1789L25.8125 13.4851V24.6084C25.8125 25.9955 24.684 27.1241 23.2969 27.1241H4.70311C3.31602 27.1241 2.18749 25.9956 2.18749 24.6084V13.4852L1.49372 14.1789C1.15203 14.5207 0.597994 14.5207 0.256307 14.1789C-0.0854356 13.8372 -0.0854356 13.2832 0.256307 12.9415L11.1385 2.0593C12.7163 0.481455 15.2837 0.481455 16.8615 2.0593L27.7437 12.9415C28.0854 13.2832 28.0854 13.8372 27.7437 14.1789C27.5729 14.3498 27.3489 14.4352 27.125 14.4352ZM15.6241 3.29677L24.0625 11.7351V24.6084C24.0625 25.0306 23.719 25.3741 23.2969 25.3741H18.375V18.4834C18.375 16.9757 17.1483 15.7491 15.6406 15.7491H12.3594C10.8516 15.7491 9.62499 16.9757 9.62499 18.4834V25.3741H4.70311C4.28092 25.3741 3.93749 25.0306 3.93749 24.6084V11.7352L12.3759 3.29677C13.2714 2.4012 14.7286 2.4012 15.6241 3.29677ZM16.625 25.3741H11.375V18.4834C11.375 17.9407 11.8166 17.4991 12.3594 17.4991H15.6406C16.1834 17.4991 16.625 17.9407 16.625 18.4834V25.3741Z");
}

h2[class*="membersGroup"] {
  padding-top: 1em;
  height: 3em;
}


[class^="privateChannels"] [class^="searchBar"],
[class^="sidebar"] [class^="header"],
[class^="searchHeader"] {
  box-shadow: none;
}
[class^="sidebar"] [class^="header"] svg[class^="button"] {
  display: none;
}

[class^="sidebar"] {
  width: 14px;
  will-change: width;
  transition: width .7s .5s;
  transition-timing-function: cubic-bezier(0.87, 0, 0.13, 1);
}
/*
[class^="sidebar"] ~ [class^="chat"] {
  max-width: 642px;
  will-change: width, max-width;
  transition: max-width .7s .5s;
  transition-timing-function: cubic-bezier(0.87, 0, 0.13, 1);
}*/
[class^="sidebar"] > * {
  width: 240px !important;
}
[class^="sidebar"] [class^="animatedContainer"],
[class^="sidebar"] [class^="searchBar"] {
  filter: opacity(0);
  transition: filter .7s .5s;
}
[class^="sidebar"] [class*="modeSelected"] [class^="content"] {
  background-color: transparent;
  transition: background-color .4s;
}
[class^="sidebar"] [class*="modeSelected"] [class^="content"]::before {
  position: absolute;
  content: '';
  width: 4px;
  border-radius: 0 4px 4px 0;
  height: 90%;
  background-color: var(--interactive-active);
  top: 6%;
  left: -8px;
  transition: background-color .4s;
}
body:focus-within [class^="sidebar"],
[class^="sidebar"]:hover {
  width: 240px;
  transition: width .4s;
}
/*
body:focus-within [class^="sidebar"] ~ [class^="chat"] {
  max-width: 100%;
  transition: max-width .4s;
}*/
body:focus-within [class^="sidebar"] [class*="modeSelected"] [class^="content"],
[class^="sidebar"]:hover [class*="modeSelected"] [class^="content"] {
  background-color: var(--background-modifier-selected);
}
body:focus-within [class^="sidebar"] [class^="animatedContainer"],
[class^="sidebar"]:hover [class^="animatedContainer"],
body:focus-within [class^="sidebar"] [class^="searchBar"],
[class^="sidebar"]:hover [class^="searchBar"] {
  filter: none;
  transition: filter .3s;
}


[class^="chat-"] > section {
  position: absolute;
  background: linear-gradient(to bottom, var(--background-primary) 10%, transparent 250%) !important;
  backdrop-filter: blur(5px);
  box-shadow: 0 1.2em 1.3em -1.45em black;
}
[class^="chat-"] [class^="scrollerInner-"],
[class^="chat-"] [class^="members-"],
[class^="searchResultsWrap"] {
  padding-top: 55px;
}

[class^="newMessagesBar-"] {
  top: 54px;
  border-radius: 8px;
  background-color: var(--background-modifier-accent);
  backdrop-filter: blur(3px);
  opacity: 1;
}
[class^="newMessagesBar-"] span {
  color: var(--text-normal);
  text-shadow: var(--background-floating) 0 0 .7em, var(--background-floating) 0 0 1em, var(--background-floating) 0 0 1em, var(--background-floating) 0 0 1em;
}

section[class^="title"] [class^="children"]::after {
  display: none;
}
section[class^="title"] [class^="toolbar"] svg * {
  fill: var(--text-muted);
}
section[class^="title"] [class^="toolbar"] > [aria-label*="Member List"] {
  order: -1;
}
[class^="toolbar"] > [aria-label*="Call"],
[class^="toolbar"] > [aria-label*="Mute"],
[class^="toolbar"] > [aria-label*="Member List"] {
  opacity: 0;
  transition: 3s;
}
section[class^="title"]:hover [class^="toolbar"] > div {
  opacity: 1;
  transition: .3s;
}

[aria-label*="Channel"] [class^="searchBar"] {
  width: 170px;
}

[aria-label*="Servers sidebar"] > [class*="scroller"]::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 12em;
}

[class^="sidebar"] [id^="channels"] svg[class^="arrow"] {
  opacity: 0;
}
[class^="sidebar"] [id^="channels"] div[aria-label*="category"]::before {
  position: absolute;
  content: '';
  width: 6px;
  height: 3px;
  border-radius: 0 2px 2px 0;
  background-color: var(--interactive-muted);
  top: .7em;
  left: 0;
}
[class^="sidebar"] [id^="channels"] > [class^="content"] {
  padding-bottom: 4em;
}
[class^="sidebar"] [class^="panels"] [class^="container"]:last-child {
  width: max-content;
  height: 38px;
  border-radius: 0 30px 30px 0;
  position: fixed;
  bottom: 19px;
  left: 72px;
  z-index: 999;
  background-color: var(--background-primary);
  box-shadow: 1em -1em 1em var(--background-primary),
  1em  1em 1em var(--background-primary);
}
[class^="sidebar"] [class^="panels"] > *:not(:last-child) ~ [class^="container"]:last-child {
  width: auto;
  height: auto;
  padding: .5em .2em;
  border-radius: 30px;
  bottom: 70px;
  left: 18px;
  z-index: 999;
  background-color: var(--background-tertiary);
  box-shadow: none;
}
[class^="sidebar"] [class^="panels"] > *:not(:last-child) ~ [class^="container"]:last-child [class*="flex"] {
  flex-direction: column;
}
[class^="sidebar"] [class^="panels"] [class^="container"] button[class*="enabled"] {
  border-radius: 30px;
}
[class^="panels"] [class^="nameTag"] {
  display: none;
}
[class^="panels"] [class^="avatarWrapper"] {
  position: fixed;
  left: 12px;
  bottom: 12px;
}
[class^="panels"] [class^="avatarWrapper"] > [class^="avatar-"] {
  width: 46px !important;
  height: 46px !important;
}
[class^="panels"] [class^="avatar-"] svg {
  width: 87px;
  height: 107px;
  transform: translate(-33px, -65px);
  filter: drop-shadow(-1em -.25em 1em var(--background-tertiary)) drop-shadow(-1em -.25em 1em var(--background-tertiary)) drop-shadow(-1em -.25em 1em var(--background-tertiary));
}
[class^="panels"] [class^="avatar-"] svg foreignObject {
  mask: none;
  border-radius: 50%;
  transform: translate(16.5px, 20px) scale(.63);
}
[class^="panels"] [class^="avatar-"] > svg rect,
[class^="panels"] [class^="avatar-"] > svg > rect {
  width: 5px;
  height: 5px;
  mask: none;
  clip-path: circle();
}
[class^="panels"] [class^="avatar-"] > svg > rect {
  transform: translate(-7.5px, -5.5px);
}

rect[mask="url(#svg-mask-status-online-mobile)"] {
  fill: var(--focus-primary);
}

[class^="members"] [class^="avatar"] svg,
[id*="private-channels"] h2 ~ * [class^="avatar"] svg {
  width: 57px;
  height: 87px;
  transform: translate(-22px, -50px);
}
[class^="members"] [class^="avatar"] svg foreignObject,
[id*="private-channels"] h2 ~ * [class^="avatar"] svg foreignObject {
  mask: none;
  border-radius: 50%;
  //box-shadow: -.1em -.1em .6em -.3em #000c;
  transform: translate(16.5px, 20px) scale(.73);
}
[class^="members"] [class^="avatar"] > div > svg > rect,
[id*="private-channels"] h2 ~ * [class^="avatar"] > div > svg > rect,
[class^="members"] [class^="avatar"] > div > svg > svg > rect,
[id*="private-channels"] h2 ~ * [class^="avatar"] > div > svg > svg > rect {
  mask: none;
  x: 0;
  y: 0;
  height: 5px;
  width: 5px;
  clip-path: circle();
}
[class^="members"] [class^="avatar"] > div > svg > rect,
[id*="private-channels"] h2 ~ * [class^="avatar"] > div > svg > rect {
  transform: translate(14.5px, 17px);
}
[class^="members"] [class^="avatar"] [class*="dots"],
[id*="private-channels"] h2 ~ *  [class^="avatar"] [class*="dots"],
[class^="channelTextArea"] [class^="buttons"] > button:nth-child(1),
[class^="channelTextArea"] [class^="buttons"] [aria-label*="GIF"] {
  display: none;
}

[class^="channelTextArea"] > [class^="container"] {
  background-color: var(--background-modifier-hover);
}

[id*="private-channels"] h2 ~ *  [class^="avatar"] [fill="#747f8d"] {
  display: none;
}

[class^="peopleColumn"] {
  background-color: var(--background-primary);
}

nav:not(:hover) [aria-label="Servers"] ~ div {
  opacity: 0;
}

[aria-label="Servers"] ~ div {
  transition: opacity .5s .1s;
}


[class^="sidebar"] [class^="panels"]:not(:hover) [aria-label="User Settings"] {
  opacity: 0;
  transform: translateY(50%) scale(0) rotate(180deg);
  transition-delay: .0s;
}
[class^="sidebar"] [class^="panels"]:not(:hover) [aria-label="Mute"] {
  transform: translate(-40%, 200%) scale(.75);
  transition-delay: .10s;
}
[class^="sidebar"] [class^="panels"]:not(:hover) [aria-label="Deafen"] {
  transform: translate(40%, 100%) scale(.75);
  transition-delay: .05s;
}

[class^="sidebar"] [class^="panels"] [aria-label="User Settings"],
[class^="sidebar"] [class^="panels"] [aria-label="Mute"],
[class^="sidebar"] [class^="panels"] [aria-label="Deafen"] {
  transition: .7s cubic-bezier(0.87, 0, 0.13, 1);
}
[class^="sidebar"] [class^="panels"]:hover [aria-label="User Settings"],
[class^="sidebar"] [class^="panels"]:hover [aria-label="Mute"],
[class^="sidebar"] [class^="panels"]:hover [aria-label="Deafen"] {
  transition: .2s ease;
}


.theme-dark {
  --header-primary: #fff;
  --header-secondary: #b9bbbe;
  --text-normal: #dcddde;
  --text-muted: #abb2be;
  --text-link: #fdc153;
  --channels-default: #8e9297;
  --interactive-normal: #b9bbbe;
  --interactive-hover: #dcddde;
  --interactive-active: #fff;
  --interactive-muted: #4f545c;
  --background-primary: #1c1e22;
  --background-secondary: var(--background-primary);
  --background-secondary-alt: var(--background-primary);
  --background-tertiary: #101214;
  --background-accent: #30343b;
  --background-floating: #18191c;
  --background-mobile-primary: #36393f;
  --background-mobile-secondary: #2f3136;
  --background-modifier-hover: rgba(79,84,92,0.16);
  --background-modifier-active: rgba(79,84,92,0.24);
  --background-modifier-selected: rgba(79,84,92,0.32);
  --background-modifier-accent: hsla(0,0%,100%,0.06);
  --background-mentioned: rgba(255, 179, 79, 0.11);
  --background-mentioned-hover: rgba(250,166,26,0.08);
  --background-message-hover: rgba(4,4,5,0.07);
  --scrollbar-thin-thumb: #202225;
  --scrollbar-thin-track: transparent;
  --scrollbar-auto-thumb: #202225;
  --scrollbar-auto-track: #2e3338;
  --scrollbar-auto-scrollbar-color-thumb: #202225;
  --scrollbar-auto-scrollbar-color-track: #2f3136;
  --elevation-stroke: 0 0 0 1px rgba(4,4,5,0.15);
  --elevation-low: 0 1px 0 rgba(4,4,5,0.2),0 1.5px 0 rgba(6,6,7,0.05),0 2px 0 rgba(4,4,5,0.05);
  --elevation-medium: 0 4px 4px rgba(0,0,0,0.16);
  --elevation-high: 0 8px 16px rgba(0,0,0,0.24);
  --logo-primary: #fff;
  --focus-primary: #00b0f4;
  --guild-header-text-shadow: 0 1px 1px rgba(0,0,0,0.4);
  --channeltextarea-background: var(--background-accent);
  --activity-card-background: #202225;
  --textbox-markdown-syntax: #8e9297;
  --deprecated-card-bg: rgba(32,34,37,0.6);
  --deprecated-card-editable-bg: rgba(32,34,37,0.3);
  --deprecated-store-bg: #36393f;
  --deprecated-quickswitcher-input-background: #72767d;
  --deprecated-quickswitcher-input-placeholder: hsla(0,0%,100%,0.3);
  --deprecated-text-input-bg: rgba(0,0,0,0.1);
  --deprecated-text-input-border: rgba(0,0,0,0.3);
  --deprecated-text-input-border-hover: #040405;
  --deprecated-text-input-border-disabled: #202225;
  --deprecated-text-input-prefix: #dcddde;
}

@media (prefers-color-scheme: light) {
.theme-dark {
    --header-primary: #060607;
    --header-secondary: #4f5660;
    --text-normal: #2e3338;
    --text-muted: #747f8d;
    --text-link: #e08b0a;
    --channels-default: #6a7480;
    --interactive-normal: #4f5660;
    --interactive-hover: #2e3338;
    --interactive-active: #202027;
    --interactive-muted: #c7ccd1;
    --background-primary: var(--background-secondary);
    --background-secondary: #f8f9fc;
    --background-secondary-alt: var(--background-secondary);
    --background-tertiary: #e3e5e8;
    --background-accent: #e3e8ee;
    --background-floating: #fff;
    --background-mobile-primary: #f8f9f9;
    --background-mobile-secondary: #fff;
    --background-modifier-hover: rgba(116,127,141,0.08);
    --background-modifier-active: rgba(116,127,141,0.16);
    --background-modifier-selected: rgba(116,127,141,0.24);
    --background-modifier-accent: rgba(6,6,7,0.08);
    --background-mentioned: rgba(250,166,26,0.1);
    --background-mentioned-hover: rgba(250,166,26,0.2);
    --background-message-hover: rgba(6,6,7,0.02);
    --scrollbar-thin-thumb: rgba(79,84,92,0.3);
    --scrollbar-thin-track: transparent;
    --scrollbar-auto-thumb: #ccc;
    --scrollbar-auto-track: #f2f2f2;
    --scrollbar-auto-scrollbar-color-thumb: #e3e5e8;
    --scrollbar-auto-scrollbar-color-track: #f2f3f5;
    --elevation-stroke: 0 0 0 1px rgba(6,6,7,0.08);
    --elevation-low: 0 1px 0 rgba(6,6,7,0.1),0 1.5px 0 rgba(6,6,7,0.025),0 2px 0 rgba(6,6,7,0.025);
    --elevation-medium: 0 4px 4px rgba(0,0,0,0.08);
    --elevation-high: 0 8px 16px rgba(0,0,0,0.16);
    --logo-primary: #7289da;
    --focus-primary: #00b0f4;
    --guild-header-text-shadow: 0 1px 1px hsla(0,0%,100%,0.4);
    --channeltextarea-background: #ebedef;
    --activity-card-background: #fff;
    --textbox-markdown-syntax: #6a7480;
    --deprecated-card-bg: #f8f9f9;
    --deprecated-card-editable-bg: rgba(246,246,247,0.6);
    --deprecated-store-bg: #f8f9f9;
    --deprecated-quickswitcher-input-background: #fff;
    --deprecated-quickswitcher-input-placeholder: rgba(79,84,92,0.3);
    --deprecated-text-input-bg: rgba(79,84,92,0.02);
    --deprecated-text-input-border: rgba(79,84,92,0.3);
    --deprecated-text-input-border-hover: #b9bbbe;
    --deprecated-text-input-border-disabled: #dcddde;
    --deprecated-text-input-prefix: #b9bbbe;
}
}