From 95a4b50d6ac05ea3cb5763e9183ebedae6185f35 Mon Sep 17 00:00:00 2001 From: Set Sakrecoer Date: Mon, 15 Jul 2019 16:49:38 +0200 Subject: [PATCH] colorscheme --- _sass/main.scss | 23 +++++++++++------------ 1 file changed, 11 insertions(+), 12 deletions(-) diff --git a/_sass/main.scss b/_sass/main.scss index 69aa4ca..1658d63 100644 --- a/_sass/main.scss +++ b/_sass/main.scss @@ -4,7 +4,7 @@ html { } body{ - background: linear-gradient(230deg, rgba(218, 159, 142, 0.9), rgba(236, 0, 228, 0.9), rgba(0, 212, 236, 0.9), rgba(0, 236, 173, 0.9), rgba(110, 0, 236, 0.9)); + background: linear-gradient(230deg, #ff00ff7f, #426a007f); background-position: center; background-repeat: repeat; -webkit-animation: AnimationName 60s ease infinite; @@ -165,8 +165,8 @@ background-image: url('/assets/img/header.svg'); flex-wrap: wrap; margin: 0; padding: 0; - background-color: #ffffffc9; - background-image: url('/assets/img/body.png'); + background-color: #ffffff; + background-repeat: repeat; } @@ -199,8 +199,8 @@ background-image: url('/assets/img/header.svg'); h1, h2, h3, p { padding: 5px; - background: linear-gradient(230deg, rgba(218, 159, 142, 0.9), rgba(236, 0, 228, 0.9), rgba(0, 212, 236, 0.9), rgba(0, 236, 173, 0.9), rgba(110, 0, 236, 0.9)); - background-size: 1000% 1000%; + background: linear-gradient(230deg, rgba(255, 0, 255, 0.9), rgba(65, 106, 0, 0.9)); + background-size: 1000% 1000%; -webkit-animation: AnimationName 30s ease infinite; -moz-animation: AnimationName 30s ease infinite; @@ -270,8 +270,9 @@ background-image: url('/assets/img/header.svg'); box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.2); - background: linear-gradient(230deg, #ff7951, #ec00e3, #00d5ec, #00ecaf, #6d00ec); -background-size: 1000% 1000%; +background: linear-gradient(230deg, #ff00ff7f, #426a007f); + + background-size: 1000% 1000%; -webkit-animation: AnimationName 30s ease infinite; -moz-animation: AnimationName 30s ease infinite; @@ -300,7 +301,7 @@ animation: AnimationName 30s ease infinite; } } button { - background: linear-gradient(230deg, rgba(218, 159, 142, 0.9), rgba(236, 0, 228, 0.9), rgba(0, 212, 236, 0.9), rgba(0, 236, 173, 0.9), rgba(110, 0, 236, 0.9)); + background: linear-gradient(230deg, rgba(255, 0, 255, 0.9), rgba(66, 106, 0, 0.9)); background-size: 1000% 1000%; color: #fff; -webkit-animation: AnimationName 30s ease infinite; @@ -341,7 +342,7 @@ min-height: 80vh; } #timer { flex: 1 1 200px; - background: linear-gradient(230deg, rgba(218, 159, 142, 0.9), rgba(236, 0, 228, 0.9), rgba(0, 212, 236, 0.9), rgba(0, 236, 173, 0.9), rgba(110, 0, 236, 0.9)); + background: linear-gradient(230deg, rgba(255, 0, 255, 0.9), rgba(65, 106, 0, 0.9)); background-size: 1000% 1000%; -webkit-animation: AnimationName 30s ease infinite; @@ -397,9 +398,7 @@ min-height: 80vh; flex-direction: row; margin: 0; padding: 0; - background-color: #ffffffc9; - background-image: url('/assets/img/body.png'); - + background-color: #ffffff; background-repeat: repeat; }