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

poorly fix button colors

Browse source
This commit is contained in:
hippoz 2021-08-21 20:06:45 +03:00
parent 669e72194b
commit c60b8537ea
No known key found for this signature in database
GPG key ID: 7C52899193467641
2 changed files with 9 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
bfrontend/src/Styles/Components/Button.scss
View file

@ -24,13 +24,13 @@
&-pressed { &-pressed {
@extend .button; @extend .button;
background: var(--focus-accent-background); background-color: var(--button-selected-background-color);
color: var(--default-text-color); color: var(--default-text-color);
} }
} }
.button:hover:not(.button-pressed) { .button:hover:not(.button-pressed) {
background: var(--focus-accent-background-deep); background-color: var(--button-hover-background-color);
} }
@media only screen and (max-width: 600px) { @media only screen and (max-width: 600px) {

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

@ -1,14 +1,9 @@
:root { :root {
--background-color: hsl(230, 12%, 15%); --background-color: hsl(230, 12%, 15%);
--default-text-color: hsl(0, 0%, 79%);
--darker-text-color: hsl(0, 0%, 53%);
--card-accent-color: hsl(230, 12%, 18%); --card-accent-color: hsl(230, 12%, 18%);
--card-accent-color-dark: hsl(230, 12%, 12%); --card-accent-color-dark: hsl(230, 12%, 12%);
--default-text-color: hsl(0, 0%, 79%);
--default-scrollbar-color: var(--background-color); --darker-text-color: hsl(0, 0%, 53%);
--focus-accent-background: var(--card-accent-color);
--focus-accent-background-deep: var(--card-accent-color-dark);
--default-user-background: linear-gradient( --default-user-background: linear-gradient(
to bottom right, to bottom right,
@ -23,6 +18,8 @@
hsl(225, 35%, 40%) hsl(225, 35%, 40%)
); );
--default-scrollbar-color: var(--background-color);
--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);
--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);
@ -34,7 +31,9 @@
--channel-message-color: var(--accent-color-dark); --channel-message-color: var(--accent-color-dark);
--channel-view-container-color: var(--accent-color-dark); --channel-view-container-color: var(--accent-color-dark);
--button-color: var(--background-color); --button-color: var(--card-accent-color-dark);
--button-hover-background-color: var(--card-accent-color);
--button-selected-background-color: var(--card-accent-color);
--channel-button-background: none; --channel-button-background: none;
--default-border-radius: 0px; --default-border-radius: 0px;