.theme-dark { --header-primary: #fff; --header-secondary: #b9bbbe; --text-normal: #dcddde; --text-muted: #72767d; --text-link: #00b0f4; --channels-default: #8e9297; --interactive-normal: #b9bbbe; --interactive-hover: #dcddde; --interactive-active: #fff; --interactive-muted: #4f545c; --background-primary: #36393f; --background-secondary: #2f3136; --background-secondary-alt: #292b2f; --background-tertiary: #202225; --background-accent: #4f545c; --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(250,166,26,0.05); --background-mentioned-hover: rgba(250,166,26,0.08); --background-message-hover: rgba(4,4,5,0.07); --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: #40444b; --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; } ::placeholder, body, button, input, select, textarea { font-family: Whitney,Helvetica Neue,Helvetica,Arial,sans-serif; text-rendering: optimizeLegibility; }.appMount, body { background-color: var(--background-tertiary); text-rendering: optimizeLegibility; }body{ color: var(--text-normal) }.center{ text-align: center; }.marginBottom20{ margin-bottom: 20px; }.button { position: absolute; top: 200px; padding-right: 12.5px; padding-top: 14px; background-color: #7289da; color: #fff; font-size: 20px; font-weight: 600; border-radius: 3px; justify-content: center; align-items: center; padding-bottom: 14px; padding-left: 12.5px; display: inline; }.button:hover{ background-color: #697ec4; cursor: pointer; }.button-yes{ left: 100px; }.button-no{ left: 300px; }