83 lines
2.8 KiB
CSS
83 lines
2.8 KiB
CSS
.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;
|
|
} |