Themes: add themes

This commit is contained in:
He4eT 2021-03-01 00:14:50 +05:00
commit 26760082f9
6 changed files with 132 additions and 17 deletions

View file

@ -84,7 +84,7 @@ export default function ({ currentWindow, inputType, sendMessage }) {
value={inputText}
placeholder={placeholder[inputType]}
autofocus
autocomplete="off"
autocomplete='off'
onDblClick={enterFullscreen}
onInput={({ target: { value } }) => setInputText(value)}
type='search' />

View file

@ -57,7 +57,7 @@ export default function ({ inbox, currentWindow }) {
const inputs =
textBufferEl.current.querySelectorAll('.message.input')
const lastInput =
inputs[inputs.length- 1]
inputs[inputs.length - 1]
textBufferEl.current.scrollTop =
lastInput

View file

@ -4,17 +4,22 @@
flex-direction: column;
box-sizing: border-box;
padding: 8px;
color: hsl(0, 0%, 0%, 0.8);
background-color: var(--bg-color);
color: var(--main-color);
padding: var(--outer-padding);
}
.inputBox {
flex: 0 1 auto;
font: inherit;
color: inherit;
outline: 0;
border: 2px solid hsl(0, 0%, 0%, 0.8);;
padding: 8px;
background-color: var(--bg-color);
border: var(--border-width) solid var(--main-color);
padding: var(--inner-padding);
margin-top: var(--input-box-margin);
}
.textBuffer {
@ -22,9 +27,11 @@
overflow-y: scroll;
box-sizing: border-box;
border: 2px solid hsl(0, 0%, 0%, 0.8);;
padding: 8px;
margin-bottom: 8px;
border: var(--border-width) solid var(--main-color);
padding: var(--inner-padding);
scrollbar-color: hsl(0, 0%, 50%, 0.5) var(--bg-color);
scrollbar-width: thin;
}
.textBuffer > br:first-child,