Themes: add themes page

This commit is contained in:
He4eT 2023-05-28 02:22:05 +03:00
commit dce36881e4
7 changed files with 149 additions and 8 deletions

View file

@ -0,0 +1,39 @@
.app > .view.themes {
padding: var(--inner-padding);
--current-border: var(--main-color);
}
.themePreview {
border: 2px solid var(--current-border);
padding: calc(2 * var(--inner-padding));
margin-bottom: 16px;
background-color: var(--bg-color);
color: var(--main-color);
}
.themePreview.current {
padding: 0;
border: none;
margin-bottom: 64px;
}
.themePreview .output {
border: 2px solid var(--main-color);
padding: var(--inner-padding);
margin-bottom: 8px;
}
.themePreview .output .message.subheader {
font-weight: bold;
color: var(--accent-color);
text-transform: capitalize;
}
.themePreview .output .message.input {
color: var(--input-color);
}
.themePreview button {
width: 100%;
}