updating colour scheme

This commit is contained in:
Andy Pack 2023-01-23 18:08:09 +00:00
parent 23a07104f8
commit 3ca1c32496
Signed by: sarsoo
GPG Key ID: A55BA3536A5E0ED7
2 changed files with 13 additions and 5 deletions

View File

@ -1,13 +1,17 @@
@import "now.scss"; @import "now.scss";
@import "past.scss"; @import "past.scss";
$background-color: #2b2b2b;
$nav-background-color: #232323;
$card-background-color: #3c3c3c;
body { body {
background-color: #121212; background-color: $background-color;
color: #efefef; color: #efefef;
} }
.navbar-bg { .navbar-bg {
background-color: #232323; background-color: $nav-background-color;
} }
.form-element { .form-element {
@ -86,13 +90,17 @@ input[type=text], input[type=email], input[type=tel], input[type=password] {
} }
.card { .card {
background-color: #333232; background-color: $card-background-color;
color: $text-color; color: $text-color;
margin: 5px; margin: 5px;
padding: 15px; padding: 15px;
box-shadow: 4px 4px 2px $shadow-color; box-shadow: 5px 5px 0px $shadow-color;
transition: box-shadow 0.5s; transition: box-shadow 0.5s;
border-style: solid;
border-color: black;
border-width: 5px;
&:hover { &:hover {
box-shadow: none; box-shadow: none;
offset: 4px 4px; offset: 4px 4px;

View File

@ -3,7 +3,7 @@
} }
$text-color: white; $text-color: white;
$shadow-color: #1e1e1e; $shadow-color: #0f0f0f;
.now-playing-card { .now-playing-card {
// max-width: 300px; // max-width: 300px;