Gordon Pedersen
e017269685
Split out some separation of concerns: - color - font/typography - icon/emoji related - z-indexes - the rest (mostly layout)
41 lines
No EOL
905 B
CSS
41 lines
No EOL
905 B
CSS
/* Colours */
|
|
:root {
|
|
--background: var(--gray-8);
|
|
--shadow: var(--black);
|
|
}
|
|
|
|
body.dark {
|
|
--background: var(--gray-8);
|
|
--on-background: var(--gray-1);
|
|
--surface: var(--gray-9);
|
|
--on-surface: var(--gray-4);
|
|
}
|
|
|
|
.author { color: inherit }
|
|
|
|
.status nav, .status nav .chip { color: var(--gray-7) }
|
|
|
|
.avatar::after {
|
|
background-color: var(--surface-container-low);
|
|
border: 1px dashed var(--gray-4)
|
|
}
|
|
|
|
article.ephemeral { border: 2px dashed var(--gray-7) }
|
|
|
|
article.now {
|
|
background-color: var(--green-2);
|
|
color: var(--black)
|
|
}
|
|
|
|
a.row.indent { border-left: 1px solid var(--outline) }
|
|
|
|
.markdown-editor .editor-preview { background: var(--surface) }
|
|
|
|
menu > details > a:is(:hover,:focus,.active), menu > details > summary:is(:hover,:focus,.active) {
|
|
background-color: var(--active)
|
|
}
|
|
|
|
#advanced :is(.field.textarea, textarea), .EasyMDEContainer {
|
|
background-color: #212121;
|
|
color: #eff
|
|
} |