From 9996d954dd5adafd3951e2357ae35fad6f99784e Mon Sep 17 00:00:00 2001 From: Le Libre Au Quotidien Date: Fri, 6 Sep 2019 10:34:12 +0200 Subject: [PATCH] Change colors --- package-lock.json | 48 +++++++++++++++---------------- src/assets/scss/atoms/_links.scss | 5 ++-- src/assets/scss/variables.scss | 10 +++---- 3 files changed, 32 insertions(+), 31 deletions(-) diff --git a/package-lock.json b/package-lock.json index 55cdd94a..3898eb0b 100644 --- a/package-lock.json +++ b/package-lock.json @@ -126,9 +126,9 @@ } }, "@angular/animations": { - "version": "8.2.2", - "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-8.2.2.tgz", - "integrity": "sha512-vOfZGMDnP5/n4MIxZqT49nVc305EYpRK+bz68hJmZd2QkTxQA+8j84xr4jfIC6zUWdyQqZhwWEF5Lqqy7G155g==", + "version": "8.2.5", + "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-8.2.5.tgz", + "integrity": "sha512-t4TT11YIRGKSNYz5ngZ7trVPKZMtEql2LaPaVQnAZ6Cefrf+1s431mVh7ndPtGTLxRwr6RPTUe+Tc+5e2ROcmg==", "requires": { "tslib": "^1.9.0" } @@ -183,17 +183,17 @@ } }, "@angular/common": { - "version": "8.2.2", - "resolved": "https://registry.npmjs.org/@angular/common/-/common-8.2.2.tgz", - "integrity": "sha512-PLV2+gj4pSe4MC5fwpEpI0JyWSKkNVvA65CCZvG2XXJTp4eS+ppkCZpEvbXqf7IewpKMAeFkuLi16r92pLG5Vw==", + "version": "8.2.5", + "resolved": "https://registry.npmjs.org/@angular/common/-/common-8.2.5.tgz", + "integrity": "sha512-7iSDLVhS+jbVRkECpbTzU9+6IQPS3Wl0CF73EA0sdzPbTC2GKvGfM9WLnIZZIxewkii6Wn1Yb0x0qRdWMT2STA==", "requires": { "tslib": "^1.9.0" } }, "@angular/compiler": { - "version": "8.2.2", - "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-8.2.2.tgz", - "integrity": "sha512-UMhOQehvi9u1r4u48Ymwm5JkdOKoH057ImCo26WqRqJBUgA44xwmUsKLFAmSg1JqzWCO5pBDyA3RaNBscD8ZzQ==", + "version": "8.2.5", + "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-8.2.5.tgz", + "integrity": "sha512-u3OgSBTupn9DN1uDF+NmXqN7w9m6bbrIalJkwdw+kFXnXt8JpdIeJmeV2jN4wLuGp6A3sWS1ze+6u4kpFHMqTw==", "requires": { "tslib": "^1.9.0" } @@ -974,17 +974,17 @@ } }, "@angular/core": { - "version": "8.2.2", - "resolved": "https://registry.npmjs.org/@angular/core/-/core-8.2.2.tgz", - "integrity": "sha512-glQLJ3aeRWHMsN9QeJYis5FVdCg0lBU2s9aFX9i6WvVLscYmGoBk+TKsgO+uJjLnUUgsCPLRLzde02IJEQzCGw==", + "version": "8.2.5", + "resolved": "https://registry.npmjs.org/@angular/core/-/core-8.2.5.tgz", + "integrity": "sha512-cBEiHhLE8VFIdB53seR+nQYNQFlNloKgD7ro26eMazvRF94wBSzO9VrD3+/XmNWdIYibU7PBaXhDCOKTe+ZSHw==", "requires": { "tslib": "^1.9.0" } }, "@angular/forms": { - "version": "8.2.2", - "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-8.2.2.tgz", - "integrity": "sha512-2PTTKWP+GoHRLf3S3HKzn5QJtCMMRaMmcTrbR10hgUmDPdMeULGNZG3OacV8rRbRv4TDtXoqbKp0NRFQ7xsofQ==", + "version": "8.2.5", + "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-8.2.5.tgz", + "integrity": "sha512-USJdzopslLC7JVMu7v58SA/g0NWeQeAM16qcR4LHj+wdMbJ+5G64LdZQe9vEHRdgGpgrZU4c2ODAwDEa1MzIDA==", "requires": { "tslib": "^1.9.0" } @@ -996,25 +996,25 @@ "dev": true }, "@angular/platform-browser": { - "version": "8.2.2", - "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-8.2.2.tgz", - "integrity": "sha512-8PivPsi4Lrtl3vkC/a/s4QUSlv2nXjtea4h+t7zEpj6o9TeONA5iNe1LHSruG66IfOCW/U8l1THHJAsTj/8OAw==", + "version": "8.2.5", + "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-8.2.5.tgz", + "integrity": "sha512-JIm4uOcgQq0oX1oTzRbQpwxFYAEYKiLi/uAPUf2CZeU2lVxMkhScAW0b8+tVFLIJ7IaVx5d2QxZ6HK81r+QSVg==", "requires": { "tslib": "^1.9.0" } }, "@angular/platform-browser-dynamic": { - "version": "8.2.2", - "resolved": "https://registry.npmjs.org/@angular/platform-browser-dynamic/-/platform-browser-dynamic-8.2.2.tgz", - "integrity": "sha512-c34GNNe9iDX6OUw7PJua4BbkUVTeX+SYmv5Iv5+pNENp9n6Y/kousbpoaDjLx37/8ujE8c9U378OeopZoasE4Q==", + "version": "8.2.5", + "resolved": "https://registry.npmjs.org/@angular/platform-browser-dynamic/-/platform-browser-dynamic-8.2.5.tgz", + "integrity": "sha512-4Ewg8I3T0t6/ClLt5ZFZ6ncDTqvEyI84h0K1cnNTsyoup3QKrY/FnklFbZbNl4ONVioHS6fkEg3R+xt1WthhYQ==", "requires": { "tslib": "^1.9.0" } }, "@angular/router": { - "version": "8.2.2", - "resolved": "https://registry.npmjs.org/@angular/router/-/router-8.2.2.tgz", - "integrity": "sha512-aoIuSiVYBFh53dS4a79ZK23YjQ363x+8hakorDdAdrC3WwGST9YYDpVuNoa/gahkWIWCWN4Q0nl16cjQ6XI6BA==", + "version": "8.2.5", + "resolved": "https://registry.npmjs.org/@angular/router/-/router-8.2.5.tgz", + "integrity": "sha512-htkxrbB8rbOKIcfd0fV9KcxJGnVg8bAJ6atIMPETeI3dBORq6crzvML0B/yx6R+Ooy5e3Td3yXBsolexMxT0mg==", "requires": { "tslib": "^1.9.0" } diff --git a/src/assets/scss/atoms/_links.scss b/src/assets/scss/atoms/_links.scss index 5408ad19..561103c8 100644 --- a/src/assets/scss/atoms/_links.scss +++ b/src/assets/scss/atoms/_links.scss @@ -27,7 +27,7 @@ a { width: 100%; height: 0.6rem; margin: auto; - background-color: $primary_color; + background-color: $secondary_color; z-index: -1; } @@ -54,7 +54,8 @@ a { &:hover { &.next::before, &.prev::after { - background-color: $secondary_color; + background-color: rgba($primary_color,0.7); + } } diff --git a/src/assets/scss/variables.scss b/src/assets/scss/variables.scss index a3d567dc..9b1e2dfd 100644 --- a/src/assets/scss/variables.scss +++ b/src/assets/scss/variables.scss @@ -3,21 +3,21 @@ // colors from styleguide https://app.zeplin.io/project/5d4d83d68866d6522ff2ff10/styleguide/colors?cid=5d502bb032e23e3516af8154 $camo: #839546; $black: #000000; -$sun-yellow: #ffd52c; +$ugly-purple: #b24eb7; +$lavender-pink : #e9bdeb; $white: #ffffff; $dark-lavender: #7d6c99; $dusty-orange: #f18647; -$mango: #ffb92c; $violet: #bd10e0; $red: #cd0000; // interpretations in app -$primary_color: $sun-yellow; -$secondary_color: $mango; +$primary_color: $ugly-purple; +$secondary_color: $lavender-pink; $font_color: $black; $logo_color: $dark-lavender; $logo_color_2: $camo; // FONT $default_font : "pt_sans"; -$title_font: "proza_libre"; \ No newline at end of file +$title_font: "proza_libre";