hippoz/brainlet-react
1
1
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

fix message colors and clean up css variables

Browse source
This commit is contained in:
hippoz 2021-08-30 18:12:50 +03:00
parent 8b5323047d
commit 52200b08ab
Signed by: hippoz
GPG key ID: 7C52899193467641
3 changed files with 2 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
bfrontend/src/Styles/Components/Containers.scss
View file

@ -2,7 +2,6 @@
padding: 0px; padding: 0px;
margin: 0px; margin: 0px;
display: flex; display: flex;
background-color: var(--background-color);
min-height: 100vh; min-height: 100vh;
max-height: 100vh; max-height: 100vh;
flex-direction: row; flex-direction: row;

3
bfrontend/src/Styles/Components/Message.scss
View file

@ -1,11 +1,8 @@
.message { .message {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
margin: 2px; margin: 2px;
padding: 1px; padding: 1px;
border-radius: var(--channel-message-border-radius);
background-color: var(--channel-message-color);
max-width: 150px; max-width: 150px;
} }

12
bfrontend/src/Styles/root.scss
View file

@ -18,31 +18,23 @@
hsl(225, 35%, 40%) hsl(225, 35%, 40%)
); );
--elevated-modal-border-radius: 10px;
--default-scrollbar-color: var(--accent-color); --default-scrollbar-color: var(--accent-color);
--default-scrollbar-color-track: var(--background-color); --default-scrollbar-color-track: var(--background-color);
--default-scrollbar-width: 1px; --default-scrollbar-width: 1px;
--channel-top-bar-color-accent: var(--background-color); --channel-top-bar-color-accent: var(--background-color);
--channel-top-bar-color: var(--background-color); --channel-top-bar-color: var(--background-color);
--sidebar-background-color: hsl(230, 12%, 12%);
--elevation-box-shadow: 0 1px 0 0 hsla(230, 12%, 5%, 0.3), 0 2px 0 0 hsla(230, 12%, 6%, 0.2), 0 3px 0 0 hsla(230, 12%, 7%, 0.1); --elevation-box-shadow: 0 1px 0 0 hsla(230, 12%, 5%, 0.3), 0 2px 0 0 hsla(230, 12%, 6%, 0.2), 0 3px 0 0 hsla(230, 12%, 7%, 0.1);
--message-box-color: var(--accent-color); --message-box-color: var(--accent-color);
--sidebar-background-color: hsl(230, 12%, 12%);
--channel-message-list-background-color: var(--accent-color-dark);
--channel-message-color: var(--accent-color-dark);
--channel-view-container-color: var(--accent-color-dark);
--button-color: var(--accent-color-dark); --button-color: var(--accent-color-dark);
--button-hover-background-color: var(--accent-color); --button-hover-background-color: var(--accent-color);
--button-selected-background-color: var(--accent-color); --button-selected-background-color: var(--accent-color);
--channel-button-background: none; --channel-button-background: none;
--default-border-radius: 0px;
--default-button-border-radius: 0px; --default-button-border-radius: 0px;
--channel-message-border-radius: 0px;
--channel-button-border-radius: 10px; --channel-button-border-radius: 10px;
--message-box-border-radius: 10px; --message-box-border-radius: 10px;
--elevated-modal-border-radius: 10px;
} }