mirror of
https://github.com/He4eT/elseifplayer.git
synced 2026-05-05 09:27:23 +00:00
Themes: add themes page
This commit is contained in:
parent
7e7a5231ac
commit
dce36881e4
7 changed files with 149 additions and 8 deletions
39
src/views/ThemesView/ThemesView.css
Normal file
39
src/views/ThemesView/ThemesView.css
Normal 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%;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue