From 7b0d128082526b95745ae94d264b1d501de73f23 Mon Sep 17 00:00:00 2001 From: Andrew Nicolaou Date: Fri, 24 May 2019 11:41:06 +0200 Subject: [PATCH] Uses colours from design style guide --- client/styles/abstracts/_variables.scss | 16 ++++++++++++---- 1 file changed, 12 insertions(+), 4 deletions(-) diff --git a/client/styles/abstracts/_variables.scss b/client/styles/abstracts/_variables.scss index 10a61d22..6f85f718 100644 --- a/client/styles/abstracts/_variables.scss +++ b/client/styles/abstracts/_variables.scss @@ -9,15 +9,22 @@ $orange: #ffa500; $red: #ff0000; $lightsteelblue: #B0C4DE; $dodgerblue: #1E90FF; -$primary-text-color: #333; $icon-color: #8b8b8b; $icon-hover-color: #333; $p5-contrast-pink: #FFA9D9; +// Grays +$dark: #333; +$middleGray: #7d7d7d; +$middleLight: #a6a6a6; + +// Abstracts +$primary-text-color: $dark; + $themes: ( light: ( logo-color: $p5js-pink, - primary-text-color: #333, + primary-text-color: $primary-text-color, dropzone-text-color: #333, modal-button-color: #333, heading-text-color: #333, @@ -67,8 +74,9 @@ $themes: ( codefold-icon-closed: url(../images/right-arrow.svg), form-title-color: rgba(51, 51, 51, 0.87), - form-secondary-title-color: #b5b5b5, - form-input-text-color: #b5b5b5, + form-secondary-title-color: $middleGray, + form-input-text-color: $dark, + form-input-placeholder-text-color: $middleLight, form-border-color: #b5b5b5, form-button-background-color: $white, form-button-color: #f10046,