Chneemann/videoflix
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Style: Update blue variables with pure blue

Browse source
This commit is contained in:
Chneemann 2024-09-07 11:03:21 +02:00
parent a392c9ff21
commit 09f253c01a
4 changed files with 11 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
frontend/src/app/components/home/browse/hero-banner/hero-banner.component.scss
View file

@ -94,12 +94,14 @@ section {
justify-content: center;
width: 48px;
height: 48px;
background-color: blue;
background-color: $pure-blue;
border: 1px solid $pure-blue;
border-radius: 50%;
cursor: pointer;
transition: 300ms ease-in-out;
&:hover {
background-color: $white;
border: 1px solid $red;
img {
filter: brightness(0) saturate(100%) invert(18%) sepia(98%)
saturate(7267%) hue-rotate(342deg) brightness(94%) contrast(119%);

8
frontend/src/app/shared/components/buttons/btn-large/btn-large.component.scss
View file

@ -7,8 +7,8 @@
width: fit-content;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
border-radius: 24px;
background-color: blue;
border: 1px solid blue;
background-color: $pure-blue;
border: 1px solid $pure-blue;
transition: 300ms ease-in-out;
cursor: pointer;
p {
@ -19,10 +19,10 @@
}
&:not(:disabled):hover {
background-color: white;
border: 1px solid blue;
border: 1px solid $pure-blue;
p {
transition: 300ms ease-in-out;
color: blue;
color: $pure-blue;
}
.icon {
transition: 300ms ease-in-out;

6
frontend/src/app/shared/components/buttons/btn-small/btn-small.component.scss
View file

@ -8,13 +8,13 @@
height: var(--btnRadius);
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
border-radius: 50%;
background-color: blue;
border: 1px solid blue;
background-color: $pure-blue;
border: 1px solid $pure-blue;
transition: 300ms ease-in-out;
cursor: pointer;
&:not(:disabled):hover {
background-color: white;
border: 1px solid blue;
border: 1px solid $pure-blue;
.icon {
transition: 300ms ease-in-out;
filter: brightness(0) saturate(100%) invert(26%) sepia(77%)

1
frontend/src/assets/style/colors.scss
View file

@ -3,5 +3,6 @@ $white: #fff;
$black: #000;
$gray: #ababab;
$blue: #2e3edf;
$pure-blue: #0000ff;
$light-blue: #969eef;
$red: #ff002e;