From 2b301edccce6b250afaa3988fdddb036831da869 Mon Sep 17 00:00:00 2001 From: Gabor PEK Date: Mon, 8 Jun 2020 11:24:39 +0200 Subject: [PATCH] Redefine color palette --- src/assets/scss/_variables.scss | 60 +++++++-------------------------- 1 file changed, 13 insertions(+), 47 deletions(-) diff --git a/src/assets/scss/_variables.scss b/src/assets/scss/_variables.scss index aa82644..9879f55 100644 --- a/src/assets/scss/_variables.scss +++ b/src/assets/scss/_variables.scss @@ -30,30 +30,6 @@ $tao-blue-700: #195684; $tao-blue-800: #103B5B; $tao-blue-900: #081A2B; -// Tao sky palette -$tao-sky-50: #F1FAFD; -$tao-sky-100: #C5E9F5; -$tao-sky-200: #9AD8EE; -$tao-sky-300: #6EC7E6; -$tao-sky-400: #42B7DF; -$tao-sky-500: #19A7D8; -$tao-sky-600: #0E8BA8; -$tao-sky-700: #04647A; -$tao-sky-800: #004251; -$tao-sky-900: #002028; - -// Tao phtalo palette -$tao-phtalo-50: #F2FBFC; -$tao-phtalo-100: #C8EDF1; -$tao-phtalo-200: #9FDFE6; -$tao-phtalo-300: #75D1DB; -$tao-phtalo-400: #4CC3D0; -$tao-phtalo-500: #24B6C6; -$tao-phtalo-600: #16989E; -$tao-phtalo-700: #0C7575; -$tao-phtalo-800: #034C4F; -$tao-phtalo-900: #002426; - // Tao turqoise palette $tao-turqoise-50: #F1FBFB; $tao-turqoise-100: #C3EFEF; @@ -90,29 +66,6 @@ $tao-warm-yellow-700: #CC8B36; $tao-warm-yellow-800: #B2762F; $tao-warm-yellow-900: #996526; -// Tao plum palette -$tao-plum-50: #F6F8FD; -$tao-plum-100: #DADFF8; -$tao-plum-200: #BEC7F3; -$tao-plum-300: #A2AFED; -$tao-plum-400: #8797E8; -$tao-plum-500: #6C80E3; -$tao-plum-600: #5E77BF; -$tao-plum-700: #4B5E99; -$tao-plum-800: #384672; -$tao-plum-900: #272F4C; - -// Tao pink palette -$tao-pink-50: #FFF0F7; -$tao-pink-100: #FFBFDF; -$tao-pink-200: #FF8FC6; -$tao-pink-300: #FF5EAE; -$tao-pink-400: #FF2E95; -$tao-pink-500: #FF007E; -$tao-pink-600: #D8007C; -$tao-pink-700: #B20066; -$tao-pink-800: #8C0050; -$tao-pink-900: #66003A; // Tao red palette $tao-red-50: #FFF5F5; @@ -138,6 +91,19 @@ $tao-gray-700: #232323; $tao-gray-800: #0C0C0C; $tao-gray-900: #000000; +// Tao messages +$tao-base-color: #2A324C; +$tao-btn-font-color: #1F2836; +$tao-card-color: #94A6B9; // @10% opacity +$tao-title-color: #6697FF; +$tao-copy-color: #FFFFFF; +$tao-timestamp-color: #94A6B9; +$tao-divider-color: #94A6B9; // @25% opacity +$tao-yellow-color: #FFD68F; +$tao-blue-color: #6697FF; +$tao-green-color: #48BEB0; +$tao-red-color: #FF4583; + // Panel border radius $tao-panel-border-radius: 14px;