diff --git a/components/01_Atoms/button/_button.scss b/components/01_Atoms/button/_button.scss index cb64ad2..1107a9a 100644 --- a/components/01_Atoms/button/_button.scss +++ b/components/01_Atoms/button/_button.scss @@ -1,13 +1,17 @@ .LP-Button{ - background-color: $-secondary-accent-color; - color: $-secondary-color; + background-color: $-light-brown; + color: $-grey; border: none; padding: 8px 14px; border-radius: 2px; font-weight: bold; - &:active { - background-color: $-primary-accent-color; - color: $-secondary-accent-color; + &:active{ + background-color: $-wine-red; + color:$-almost-white; + } + + &--cancel{ + background-color: $-almost-white; } } \ No newline at end of file diff --git a/components/01_Atoms/headline/_headline.scss b/components/01_Atoms/headline/_headline.scss index 7b22927..cb8240f 100644 --- a/components/01_Atoms/headline/_headline.scss +++ b/components/01_Atoms/headline/_headline.scss @@ -1,6 +1,6 @@ .LP-Headline{ font-family: $-primary-sans-serif-font; - color: $-secondary-color; + color: $-grey; font-size: 1.7rem; padding-top: 0px; margin-top: 0px; diff --git a/components/01_Atoms/input/_input.scss b/components/01_Atoms/input/_input.scss index 33d1626..35bcdde 100644 --- a/components/01_Atoms/input/_input.scss +++ b/components/01_Atoms/input/_input.scss @@ -7,14 +7,14 @@ .LP-Input__Field{ border: none; - border-bottom: 1px solid $-secondary-color; + border-bottom: 1px solid $-grey; padding: 8px; margin-bottom: $-margin-bottom; &:focus, &:active{ margin-bottom: $-margin-bottom - 1px; - border-bottom: 2px solid $-primary-accent-color; - background-color: $-secondary-background-color; + border-bottom: 2px solid $-wine-red; + background-color: $-almost-white; border-radius: 3px 3px 0 0; } } @@ -40,19 +40,19 @@ &--error{ .LP-Input__Field{ margin-bottom: 25px; - border-bottom: 2px solid $-primary-accent-color; + border-bottom: 2px solid $-wine-red; margin-bottom: $-margin-bottom - 1px; } .LP-Input__Message{ - color: $-primary-accent-color; + color: $-wine-red; } } &--disabled{ .LP-Input__Field, .LP-Input__Field:disabled{ background-color: transparent; - border-bottom: 1px dashed $-secondary-color; + border-bottom: 1px dashed $-grey; cursor: not-allowed; label + &{ @@ -70,7 +70,7 @@ } .LP-Input__Label{ - color: $-secondary-color; + color: $-grey; } } } \ No newline at end of file diff --git a/components/01_Atoms/link/_link.scss b/components/01_Atoms/link/_link.scss index d73a5a0..b7bd75f 100644 --- a/components/01_Atoms/link/_link.scss +++ b/components/01_Atoms/link/_link.scss @@ -1,15 +1,15 @@ .LP-Link { - color: $-secondary-color; + color: $-grey; text-decoration: none; font-family: $-primary-sans-serif-accent-font; &:hover { - color: $-secondary-accent-color; + color: $-light-brown; } .LP-Text{ font-family: $-primary-sans-serif-accent-font; &:hover{ - color: $-secondary-accent-color; + color: $-light-brown; } } } diff --git a/components/03_Organisms/footer/_footer.scss b/components/03_Organisms/footer/_footer.scss index 22dd053..10de81e 100644 --- a/components/03_Organisms/footer/_footer.scss +++ b/components/03_Organisms/footer/_footer.scss @@ -1,7 +1,7 @@ .LP-Footer{ margin-top: 75px; width: 100%; - background-color: $-secondary-color; + background-color: $-grey; padding: 25px; .LP-LinkList__List{ @@ -14,7 +14,7 @@ width: auto; .LP-Text{ - color: $-secondary-background-color; + color: $-almost-white; font-size: 17px; } diff --git a/components/03_Organisms/linkList/_linkList.scss b/components/03_Organisms/linkList/_linkList.scss index cde7980..cd48ec6 100644 --- a/components/03_Organisms/linkList/_linkList.scss +++ b/components/03_Organisms/linkList/_linkList.scss @@ -6,7 +6,7 @@ padding: 0; .LP-LinkList__Item{ - border-left: 1px solid $-secondary-accent-color; + border-left: 1px solid $-light-brown; width: 100%; margin-top: 12px; height: 55px; @@ -16,7 +16,7 @@ padding: $-link-padding 0 $-link-padding $-link-padding; width: calc(100% - $-link-padding); display: block; - color: $-secondary-color; + color: $-grey; &--iconized{ @@ -34,8 +34,8 @@ &:hover{ - background-color: $-secondary-background-color; - color: $-primary-accent-color; + background-color: $-almost-white; + color: $-wine-red; } .LP-Text{ @@ -48,7 +48,7 @@ .LP-Link__Icon{ width: 2em; height: 2em; - fill: $-primary-accent-color; + fill: $-wine-red; line-height: 5em; } diff --git a/components/03_Organisms/navigation/_navigation.scss b/components/03_Organisms/navigation/_navigation.scss index 0e73cde..9818644 100644 --- a/components/03_Organisms/navigation/_navigation.scss +++ b/components/03_Organisms/navigation/_navigation.scss @@ -14,11 +14,11 @@ } .LP-Link__Text { - color: $-secondary-color; + color: $-grey; font-weight: bold; text-shadow: 0px 0px 20px white; &:hover{ - color: $-primary-accent-color; + color: $-wine-red; } } } \ No newline at end of file diff --git a/components/03_Organisms/placeList/_placeList.scss b/components/03_Organisms/placeList/_placeList.scss index a2adc4a..45516ae 100644 --- a/components/03_Organisms/placeList/_placeList.scss +++ b/components/03_Organisms/placeList/_placeList.scss @@ -4,15 +4,15 @@ .LP-Link{ .LP-Place{ &:hover{ - color: $-secondary-color; - background-color: $-secondary-background-color; + color: $-grey; + background-color: $-almost-white; $-hover-offset: 2px; position: relative; left: -$-hover-offset; >.LP-Place__Image{ - border-left: $-hover-offset $-secondary-color solid; + border-left: $-hover-offset $-grey solid; } } } diff --git a/components/04_Templates/home/_home.scss b/components/04_Templates/home/_home.scss index fcbaabe..4fca2af 100644 --- a/components/04_Templates/home/_home.scss +++ b/components/04_Templates/home/_home.scss @@ -4,5 +4,5 @@ } .LP-HorizontalLine{ - color: $-secondary-color; + color: $-grey; } \ No newline at end of file diff --git a/components/04_Templates/placeOverview/_placeOverview.scss b/components/04_Templates/placeOverview/_placeOverview.scss index 915bfa7..1c0771f 100644 --- a/components/04_Templates/placeOverview/_placeOverview.scss +++ b/components/04_Templates/placeOverview/_placeOverview.scss @@ -4,7 +4,7 @@ .LP-PlaceOveriew__Image{ width: 700px; height: 450px; - box-shadow: 0 0 10px $-secondary-color; + box-shadow: 0 0 10px $-grey; object-fit: cover; float: right; @@ -28,7 +28,7 @@ .LP-PlaceOverView__ImageItem{ img { - box-shadow: 0 0 5px $-secondary-color; + box-shadow: 0 0 5px $-grey; height: 200px; width: 290px; object-fit: cover;